@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2")}:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#eeedf4;background:#101117;--bg:#101117;--surface:#1a1b23;--ink:#eeedf4;--muted:#a5a4b2;--faint:#686878;--accent:#c9b6ff;--line:rgba(255,255,255,.11);--paper:#eae8e1;--paper-ink:#23242a;--glow:rgba(149,118,239,.11);color-scheme:dark;font-synthesis:none}:root[data-theme=light]{--bg:#f1efe9;--surface:#faf9f6;--ink:#24252c;--muted:#73727c;--faint:#93919b;--accent:#7258b2;--line:rgba(40,35,55,.13);--glow:rgba(149,118,239,.12);color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button svg{flex-shrink:0}button{border:0}::selection{background:#c9b6ff66}.presentation{position:relative;min-height:100svh;overflow:hidden;background:var(--bg);color:var(--ink)}.topbar{position:absolute;top:0;left:0;right:0;height:100px;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw}.brand{font-size:28px;font-weight:750;letter-spacing:-1.6px}.brand span{color:var(--accent)}.controls{display:flex;gap:3px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--muted);border-radius:8px;opacity:.5;transition:opacity .2s,background .2s,color .2s}.controls:hover .icon-button,.icon-button:focus-visible{opacity:1}.icon-button:hover{color:var(--ink);background:var(--line);opacity:1}.icon-button:disabled{opacity:.18!important}.control-divider{width:1px;height:18px;background:var(--line);margin:0 12px}.account-button{max-width:160px;overflow:hidden;background:none;border:1px solid var(--line);border-radius:100px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap;transition:color .2s,border-color .2s}.account-button span{overflow:hidden;text-overflow:ellipsis}.account-button:hover{color:var(--ink);border-color:var(--muted)}.stage{min-height:100svh;display:flex;align-items:center}.slide{position:relative;width:100%;min-height:100svh;display:flex;align-items:center;padding:130px 8.2vw 150px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 84% 41%,var(--glow),transparent 54%),var(--bg)}.slide:before{content:"";position:absolute;right:6%;top:20%;height:58%;width:42%;border-right:1px solid var(--line);transform:skewY(-10deg);z-index:-1}.slide-copy{width:56%;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:650;letter-spacing:2.6px;color:var(--muted)}.tiny-line{width:25px;height:1px;background:var(--accent)}h1{font-family:DM Sans,Inter,sans-serif;font-size:clamp(46px,5.45vw,90px);line-height:1.035;letter-spacing:-.065em;font-weight:500;margin:34px 0 26px}.title-accent{color:var(--accent)}.slide-copy p{font-size:clamp(14px,1.15vw,18px);line-height:1.8;color:var(--muted);white-space:pre-line;font-weight:350;margin:0}.primary{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:16px 22px;background:var(--paper);color:var(--paper-ink);font-size:13px;font-weight:600;border:1px solid transparent;border-radius:5px;transition:transform .2s,background .2s}.primary:hover{background:#fff;transform:translateY(-2px)}.primary:disabled{opacity:.6;transform:none}.create-deck{margin-top:38px}.create-deck svg{transition:transform .2s}.create-deck:hover svg{transform:translate(4px)}.cta-caption{display:block;font-size:10px;letter-spacing:.2px;margin-top:13px;color:var(--faint)}.slide-side-note{position:absolute;right:3.9vw;top:49%;transform:rotate(90deg) translate(50%);transform-origin:right;font-size:8px;color:var(--faint);letter-spacing:3px}.artwork{position:absolute;left:58%;top:50%;width:32vw;height:32vw;max-width:530px;max-height:530px;transform:translateY(-45%)}.floating-slide{position:absolute;width:83%;aspect-ratio:1.6;border-radius:9px;padding:7%;box-shadow:0 22px 65px #0004;border:1px solid #ffffff28}.card-back{top:7%;left:9%;background:#787092;color:#e9e4f6;transform:rotate(16deg)}.card-middle{top:18%;left:1%;background:#a79dbf;color:#252031;transform:rotate(-10deg)}.card-front{top:33%;left:13%;background:var(--paper);color:var(--paper-ink);transform:rotate(6deg)}.art-kicker{font-size:clamp(5px,.52vw,9px);letter-spacing:.22em;font-weight:650}.art-hello{display:block;font-size:clamp(36px,4.5vw,70px);letter-spacing:-.075em;font-weight:500;margin-top:8%;line-height:1}.art-hello>span{font-size:.65em;display:inline-block;margin-left:11%;color:#81729f}.art-rule{display:block;width:100%;height:1px;background:#23242a33;margin-top:9%}.art-foot{display:flex;align-items:center;justify-content:space-between;font-size:6px;font-weight:600;letter-spacing:.13em;margin-top:8%}.art-foot svg{width:12px;height:12px}.art-bars{display:flex;height:54%;gap:12%;align-items:end;padding-top:10%}.art-bars i{background:#eee8f433;width:23%;height:35%;border-radius:2px 2px 0 0}.art-bars i:nth-child(2){height:66%}.art-bars i:nth-child(3){height:100%;background:#ddd3fa}.art-page{position:absolute;bottom:9%;right:8%;font-size:6px;letter-spacing:.13em}.card-middle svg{width:100%;height:67%;margin-top:5%;overflow:visible;fill:#524266}.art-line{fill:none;stroke:#524266;stroke-width:2;stroke-dasharray:400;animation:draw 3s ease both}.orbit{position:absolute;inset:-7%;border:1px solid var(--line);border-radius:50%;transform:rotate(-30deg) scaleY(.7)}.orbit-two{inset:-13%;transform:rotate(38deg) scaleY(.76);opacity:.5}.orbit-three{inset:1%;transform:rotate(78deg) scaleY(.9);opacity:.4}.orbit-spark{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%}.spark-one{top:2%;left:28%}.spark-two{bottom:5%;right:15%;width:4px;height:4px;opacity:.6}.art-annotation{position:absolute;top:92%;left:29%;font-size:9px;letter-spacing:.4px;color:var(--faint);font-style:italic}.annotation-line{display:inline-block;width:20px;height:1px;background:var(--line);vertical-align:middle;margin-right:8px}.art-possibilities .card-back{transform:rotate(-16deg);left:17%;top:10%}.art-possibilities .card-middle{transform:rotate(17deg);top:25%;left:-3%}.art-possibilities .card-front{transform:rotate(-4deg);top:40%}.art-rhythm .card-back{transform:rotate(0);top:0%;left:13%}.art-rhythm .card-middle{transform:rotate(0);top:24%;left:6%}.art-rhythm .card-front{transform:rotate(0);top:48%;left:0}.art-begin .card-back,.art-begin .card-middle{opacity:.2}.art-begin .card-front{transform:rotate(-4deg);top:28%;left:10%}.slide-copy>.eyebrow,.slide-copy>h1,.slide-copy>p,.slide-copy>.primary,.slide-copy>.cta-caption,.hello-content>*{animation:reveal .75s ease both}.slide-copy>h1{animation-delay:.08s}.slide-copy>p{animation-delay:.16s}.slide-copy>.primary{animation-delay:.24s}.slide-copy>.cta-caption{animation-delay:.28s}.artwork{animation:art-reveal 1.2s ease both}.card-front .art-hello>span{animation:slow-turn 18s linear infinite}.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:100px;padding:0 4.3vw;display:flex;align-items:center;justify-content:space-between;z-index:3}.deck-caption{font-size:8px;letter-spacing:1.5px;color:var(--faint);display:flex;align-items:center;gap:9px}.status-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.caption-separator{margin:0 6px;opacity:.4}.slide-nav{display:flex;align-items:center;gap:14px;position:absolute;left:50%;transform:translate(-50%)}.slide-dots{display:flex;gap:7px;align-items:center}.slide-dots button{width:6px;height:6px;padding:0;border-radius:10px;background:var(--faint);opacity:.4;transition:width .25s,opacity .25s}.slide-dots .current{width:23px;background:var(--accent);opacity:1}.keyboard-hint{color:var(--faint);font-size:9px;display:flex;align-items:center;gap:8px}.hello-content{text-align:center;margin:auto}.hello-content>.eyebrow{justify-content:center}.hello-content h1{font-size:clamp(100px,15vw,235px);letter-spacing:-.07em;margin:35px 0 15px;position:relative}.hello-asterisk{font-size:.25em;color:var(--accent);position:absolute;top:5%;right:-22%;animation:slow-turn 22s linear infinite}.hello-content p{font-size:15px;color:var(--muted)}.hello-rule{width:45px;height:1px;background:var(--accent);margin:42px auto 0;opacity:.4}.slide-hello:before{display:none}.save-hint{position:absolute;bottom:117px;left:50%;transform:translate(-50%);background:none;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;padding:8px 12px}.save-hint span{color:var(--faint)}.stage-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:100px 30px;text-align:center;color:var(--muted)}.stage-loading h1{font-size:40px;color:var(--ink)}.toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%);z-index:10;background:var(--surface);padding:16px 20px;border:1px solid var(--line);border-radius:8px;font-size:12px;display:flex;align-items:center;gap:15px;max-width:90vw}.toast button{background:none;display:flex;padding:0;color:var(--muted)}.gallery{position:fixed;inset:0;z-index:20;background:var(--bg);color:var(--ink);margin:0;width:100%;max-width:none;height:100svh;max-height:none;border:0;padding:55px 6vw;overflow:auto}.gallery-heading{display:flex;justify-content:space-between;align-items:center}.gallery-heading h2{font-size:36px;font-weight:500;letter-spacing:-1.5px;margin:15px 0 32px}.gallery-heading h2 span{color:var(--accent)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1400px}.gallery-item{min-width:0;background:transparent;padding:0;text-align:left;border-radius:8px}.mini-stage{aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:8px;pointer-events:none;position:relative;container-type:inline-size}.gallery-item.selected .mini-stage{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mini-stage .slide{min-height:100%;height:100%;padding:12% 8%}.mini-stage .slide h1{font-size:6cqw;margin:12px 0}.mini-stage .eyebrow{font-size:1.2cqw;letter-spacing:1px;gap:6px}.mini-stage .tiny-line{width:10px}.mini-stage .slide-copy p{font-size:2cqw}.mini-stage .artwork{width:33cqw;height:33cqw}.mini-stage .art-kicker{font-size:1cqw}.mini-stage .art-hello{font-size:5cqw}.mini-stage .art-foot,.mini-stage .art-page{font-size:.8cqw}.mini-stage .art-annotation{display:none}.mini-stage .slide-side-note{font-size:.7cqw;right:4%;letter-spacing:1px}.mini-stage .hello-content h1{font-size:20cqw}.mini-stage .hello-content p{font-size:2cqw}.mini-stage .hello-rule{margin:12px auto 0}.mini-stage *{animation:none!important}.gallery-caption{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:10px;padding:12px 2px}.gallery-caption>span{color:var(--accent);font-size:10px}.gallery-caption svg{margin-left:auto}.gallery-help{color:var(--faint);font-size:10px;margin-top:30px}.account-dialog{width:440px;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);padding:40px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 100px #0007;overflow:auto}.account-dialog::backdrop{background:#08090cc0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:12px;right:12px}.account-dialog .eyebrow{font-size:8px;letter-spacing:2px}.account-dialog h2{font-weight:500;letter-spacing:-1.5px;font-size:35px;margin:20px 0 10px}.dialog-description{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 28px}.google-button{padding:13px 18px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.google-button:hover{background:var(--line)}.google-button.unavailable{opacity:.55;cursor:pointer}.form-divider{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:10px;color:var(--faint)}.form-divider:before,.form-divider:after{content:"";height:1px;flex:1;background:var(--line)}label{display:block;font-size:11px;color:var(--muted);margin-bottom:16px}input{display:block;width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:12px 13px;margin-top:8px;font-size:13px}input[readonly]{color:var(--faint)}label small{display:block;font-size:9px;margin-top:6px;color:var(--faint)}.text-button{background:none;color:var(--accent);padding:0;font-size:11px}.forgot-link{display:block;margin-left:auto;margin-top:-3px}.form-submit{width:100%;margin-top:19px}.form-message{font-size:11px;color:var(--accent);line-height:1.6;display:flex;gap:8px;align-items:start}.form-message svg{flex-shrink:0}.form-error{color:#e294a0}.switch-auth{font-size:11px;text-align:center;color:var(--muted);margin-top:25px}.resend-link{display:block;margin:17px auto 0;color:var(--faint);font-size:10px}.back-link{display:flex;gap:7px;align-items:center;margin-top:22px}.account-section{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.account-section h3{font-size:12px;font-weight:500;margin:0 0 15px}.account-section h3 span{color:var(--faint);margin-left:6px}.deck-link{display:flex;width:100%;align-items:center;gap:12px;padding:12px 0;background:none;color:var(--muted);font-size:12px;text-align:left;border-bottom:1px solid var(--line)}.deck-link>span{flex:1}.deck-link small{display:block;font-size:9px;color:var(--faint);margin-top:5px}.secondary{padding:11px 15px;background:none;border:1px solid var(--line);border-radius:5px;font-size:11px}.secondary:hover{background:var(--line)}.muted{font-size:11px;color:var(--faint)}.logout-button{display:flex;align-items:center;gap:8px;background:none;color:var(--muted);font-size:11px;margin-top:28px;padding:0}.app-version{font-size:9px;color:var(--faint);margin-top:25px}.spin{animation:slow-turn 1s linear infinite}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes art-reveal{0%{opacity:0;transform:translateY(-38%)}to{opacity:1;transform:translateY(-45%)}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes draw{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}@media(min-width:1800px){.slide-copy{max-width:850px}.artwork{left:61%}}@media(max-width:900px){.topbar{height:80px;padding:0 5vw}.brand{font-size:24px}.controls{gap:0}.controls .icon-button{width:30px;height:32px}.control-divider{margin:0 7px}.account-button{padding:9px 12px}.slide{padding:115px 7vw 135px}.slide-copy{width:64%}.artwork{left:64%;width:32vw;height:32vw;opacity:.85}.slide-side-note{display:none}h1{font-size:clamp(40px,6vw,66px)}.slide-copy p{font-size:13px}.eyebrow{letter-spacing:1.7px;font-size:9px}.bottom-bar{height:90px;padding:0 5vw}.deck-caption{font-size:7px}.keyboard-hint{display:none}.create-deck{padding:14px 18px;font-size:12px}.save-hint{bottom:100px}}@media(max-width:600px){.topbar{padding:0 22px;height:74px}.brand{font-size:25px}.controls .icon-button{width:29px}.controls .compact-hide{display:none}.control-divider{margin:0 5px}.account-button{font-size:10px;padding:8px 10px;gap:5px}.slide{align-items:flex-start;padding:130px 28px 125px;min-height:100svh}.slide-copy{width:100%}h1{font-size:clamp(40px,9vw,57px);margin:25px 0 22px;letter-spacing:-.055em}.eyebrow{font-size:8px;letter-spacing:1.9px}.slide-copy p{font-size:12px;line-height:1.7}.create-deck{margin-top:28px}.artwork{position:relative;left:auto;top:auto;width:220px;height:220px;margin:50px 0 -30px auto;transform:none;opacity:1;animation:none}.slide{flex-direction:column}.art-hello{font-size:39px}.art-kicker{font-size:5px}.art-annotation{font-size:7px}.bottom-bar{height:78px;padding:0 22px}.deck-caption{font-size:6px;letter-spacing:.8px;gap:5px}.caption-separator{margin:0 2px}.slide-nav{left:auto;right:22px;transform:none;gap:5px}.slide-nav .icon-button{width:28px}.hello-content{align-self:center;margin:auto}.hello-content h1{font-size:105px}.hello-content p{font-size:12px}.save-hint{bottom:80px;max-width:90%;white-space:nowrap;font-size:9px;padding:8px 0}.save-hint span{font-size:8px}.account-dialog,.gallery{padding:35px 25px}.gallery-grid{grid-template-columns:1fr}.mini-stage .slide{flex-direction:row;padding:12% 8%}.mini-stage .slide-copy{width:56%}.mini-stage .artwork{position:absolute;left:58%;top:50%;width:33cqw;height:33cqw;transform:translateY(-45%);margin:0}.mini-stage .slide h1{font-size:6cqw}.mini-stage .hello-content h1{font-size:20cqw}}@media(max-width:600px)and (max-height:750px){.slide{padding-top:108px}.artwork{width:170px;height:170px;margin-top:35px}.art-hello{font-size:31px}.cta-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px)and (max-height:650px){.stage>.slide>.artwork{display:none}}