@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
.composition-line .move-line{right:30px}.composition-line{padding-right:70px!important}.move-line:disabled{opacity:.15;cursor:default}.reader-stanza button:focus-visible{outline-color:#303eee}
:root{--bg:#111213;--paper:#f2f2e8;--muted:#a7aaa6;--blue:#303eee;--lime:#e6ff89;--line:#343636}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{height:108px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:24px;font-family:Georgia,serif;font-size:48px;white-space:nowrap}.brand>span{color:var(--lime);margin:0 -20px}.brand small{font:10px/1.6 'DM Sans',sans-serif;letter-spacing:1.8px}nav{display:flex;gap:8px}nav button{padding:12px 17px;font-size:14px;border-radius:25px;color:#b8bcb8}nav button.active{background:#2a2c29;color:var(--lime)}#savedCount{font-size:12px;padding:2px 6px;background:#44473c;border-radius:10px}.quiet{font-size:12px;color:var(--muted)}main{max-width:1600px;margin:auto}.view{padding:54px 4.5% 32px}[hidden]{display:none!important}#discover{display:grid;grid-template-columns:0.85fr 1.15fr;gap:30px 5%;min-height:calc(100vh - 180px)}.intro{align-self:center;padding-bottom:40px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600}.intro .eyebrow{color:var(--lime)}h1,h2,h3,p{margin:0}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(70px,7.3vw,128px);line-height:.98;font-weight:400;letter-spacing:-3px;margin:34px 0}em{font-weight:400;color:var(--lime)}.intro p{color:var(--muted);line-height:1.7}.experience{background:var(--blue);min-height:530px;padding:30px 38px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px}.quote-meta{display:flex;justify-content:space-between;position:relative;font-size:12px;letter-spacing:1.6px}.orbit{position:absolute;right:-35px;top:35px;width:225px;height:225px;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-25deg);animation:rotate 45s linear infinite;pointer-events:none}.orbit:before{content:'';position:absolute;inset:35px;border:1px solid #ffffff25;border-radius:50%}.orbit span{position:absolute;top:15px;left:70px;font-size:10px;letter-spacing:4px;color:#ffffff60}.orbit span+span{top:auto;bottom:15px;left:60px;transform:rotate(180deg)}@keyframes rotate{to{transform:rotate(335deg)}}blockquote{margin:55px 0 30px;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(38px,4.3vw,76px);line-height:1.06;letter-spacing:-1px;position:relative;max-width:95%;transition:opacity .2s,transform .2s;min-height:180px}.quote-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.text-link{font-size:14px;text-align:left}.round{width:48px;height:48px;border:1px solid #ffffff60;border-radius:50%;font-size:30px;flex:none;transition:background .2s}.round:hover{background:var(--lime);color:#111}.journey{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:35px;padding-top:24px;border-top:1px solid #ffffff40}.journey label{grid-column:1/-1;font-size:12px;color:#d2d4ff}.journey select{max-width:100%;color:#fff;background:#303eee;border:1px solid #ffffff60;padding:12px 10px;border-radius:0;font-size:14px}.primary{background:var(--lime);color:#151918;padding:14px 20px;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.primary:hover{background:#f0ffb5}.under{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:20px}.under>span:nth-child(2){letter-spacing:2px;font-size:10px}.under button{color:var(--paper);font-size:14px}footer{border-top:1px solid var(--line);margin:25px 4.5% 0;padding:25px 0;display:flex;gap:25px;align-items:center;font-size:12px;color:var(--muted)}footer span{margin-right:auto;font-size:10px;letter-spacing:1.5px}footer i{letter-spacing:0;padding:0 8px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:15px 0 40px;gap:25px}h2{font:400 clamp(44px,5vw,76px)/1.03 'Libre Caslon Display',Georgia,serif;letter-spacing:-1px;margin-top:20px}.section-head p{color:var(--muted);line-height:1.6}.filters{display:flex;gap:15px;margin-bottom:30px;align-items:center}.filters input{flex:1;background:transparent;border:0;border-bottom:1px solid #777;padding:15px 0;color:var(--paper);min-width:0}.filters select,.poster-controls select{background:#222;color:var(--paper);border:1px solid #555;padding:13px}#resultCount{font-size:12px;color:var(--muted);min-width:85px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{text-align:left;padding:27px;background:#1c1f20;border:1px solid #363939;min-height:250px;display:flex;flex-direction:column;transition:transform .2s,background .2s}.card:hover{background:#252b28;transform:translateY(-4px)}.card small{font-size:11px;color:var(--lime);letter-spacing:1px}.card h3{font:32px/1.1 'Libre Caslon Display',Georgia,serif;margin:28px 0 20px}.card p{font-size:15px;color:#b7bcb8;line-height:1.6;flex:1}.card>span{margin-top:22px;font-size:12px}.outline{padding:12px 18px;border:1px solid #626762;font-size:14px}#more{display:block;margin:35px auto}.studio-grid{display:grid;grid-template-columns:0.65fr 1.35fr;gap:60px}.studio-grid aside h3{font-size:18px}.studio-grid aside>p{margin:15px 0 25px;color:var(--muted);line-height:1.5}.material{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.material button:first-child{text-align:left;flex:1;line-height:1.4;font-size:15px}.material small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.material .remove{font-size:23px;color:var(--muted)}#inspire{margin-top:25px}.poster{padding:40px;background:var(--blue);min-height:490px;display:flex;flex-direction:column}.poster.red{background:#a52b2d}.poster.green{background:#234b3d}.poster>h3{font:56px/1.08 'Libre Caslon Display',Georgia,serif;margin:65px 0;color:#e6ff89}.poster-footer{margin-top:auto;padding-top:40px;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;justify-content:space-between}.poster-footer span{font:36px Georgia,serif;letter-spacing:-5px}.composition-line{margin:25px 0;position:relative;padding-right:30px}.composition-line p{font:36px/1.12 'Libre Caslon Display',Georgia,serif}.composition-line small{display:block;margin-top:10px;font-size:11px;opacity:.75}.composition-line button{position:absolute;right:-5px;top:0;opacity:.6;font-size:23px}.poster-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.poster-controls label{font-size:12px}.poster-controls select{margin-left:8px;padding:10px}.note{font-size:12px!important;color:var(--muted);line-height:1.6;margin-top:18px!important}dialog{width:min(850px,95vw);max-height:90vh;border:1px solid #626762;background:#eff0e7;color:#19221b;padding:55px}dialog::backdrop{background:#080b0bd9;backdrop-filter:blur(10px)}.close{position:absolute;top:16px;right:20px;font-size:32px;color:#19221b}.reader-meta{font-size:12px;letter-spacing:2px;color:#526947}.reader-hint{font-size:14px;color:#64705d;margin:24px 0}.reader-stanza{margin:32px 0}.reader-stanza button{display:block;text-align:left;color:#1b241e;font:24px/1.55 'Libre Caslon Display',Georgia,serif;padding:3px 7px;margin-left:-7px;border-radius:3px}.reader-stanza button:hover,.reader-stanza button.selected{background:#d7e68e}.reader-bottom{border-top:1px solid #afb5a8;padding-top:25px;display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.reader-bottom span{flex-basis:100%}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);background:var(--lime);color:#142013;padding:16px 24px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-60px;background:var(--lime);color:#111;padding:12px;z-index:100}.skip:focus{top:10px}.paused *{animation-play-state:paused!important}.empty{padding:40px 0;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){header,footer{max-width:1450px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){header{flex-wrap:wrap;height:auto;padding:20px 0}.brand small{font-size:9px}.quiet{display:none}#discover{gap:25px;grid-template-columns:1fr 1fr}.experience{padding:25px;min-height:510px}h1{font-size:80px}.journey{grid-template-columns:1fr}.journey label{grid-column:auto}.under>span:nth-child(2){display:none}.studio-grid{gap:25px}.poster-controls{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){header{gap:20px}.brand{font-size:38px}nav{width:100%;justify-content:space-between;gap:0}nav button{font-size:12px;padding:10px 12px}#discover{display:block;padding-top:35px}.intro{padding-bottom:35px}.intro .eyebrow{font-size:10px}h1{font-size:76px;margin:22px 0}.intro p{font-size:15px}.experience{min-height:465px}.experience blockquote{font-size:48px;margin-top:40px;min-height:145px}.journey{grid-template-columns:1fr 1fr}.journey label{grid-column:1/-1}.primary{font-size:12px;padding:13px}.under{margin-top:23px;align-items:start}.under button{font-size:12px}.section-head{display:block}.section-head p{margin-top:22px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1}.cards{grid-template-columns:1fr}.card{min-height:210px}.studio-grid{display:flex;flex-direction:column}.studio-grid aside{order:2}.poster{padding:25px;min-height:450px}.poster .eyebrow{font-size:10px}.composition-line p{font-size:30px}.poster-controls{justify-content:start}.poster-controls .primary{margin-left:auto}dialog{padding:40px 25px}.reader-stanza button{font-size:22px}.view{padding-top:30px}footer{flex-wrap:wrap;gap:18px}footer span{flex-basis:100%}.orbit{width:180px;height:180px}} 

.chatgpt-transfer{margin-top:35px;padding:28px;border:1px solid #555e48;background:#1c211b}.chatgpt-transfer h3{font:38px/1.15 "Libre Caslon Display",Georgia,serif;margin:14px 0 24px}.transfer-options,.transfer-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.transfer-options label{font-size:14px}.transfer-options select{background:#242923;color:#f2f2e8;padding:10px;border:1px solid #666;margin-left:10px}.transfer-options span{font-size:12px;color:#b9c3b2}.illustrate-label{display:flex;align-items:center;gap:10px;font-size:14px;margin:20px 0;line-height:1.5}.illustrate-label input{width:19px;height:19px;accent-color:#cbea78;flex:none}.chatgpt-transfer details{margin-top:20px;font-size:14px}.chatgpt-transfer summary{cursor:pointer}.chatgpt-transfer textarea{width:100%;margin-top:14px;background:#111813;color:#eff2e7;border:1px solid #68715f;padding:14px;font:14px/1.6 Arial,sans-serif;resize:vertical}.transfer-actions button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:680px){.chatgpt-transfer{padding:20px}.transfer-options label{display:flex;flex-direction:column;gap:8px}.transfer-options select{margin-left:0}}
