:root{--ink: #0d1113;--ink-soft: #182125;--paper: #f1f4f1;--paper-muted: #c7d0cc;--line: rgba(199, 208, 204, .18);--line-dark: rgba(13, 17, 19, .14);--signal: #c6f36b;--aqua: #85e5d5;--danger: #ff9a8d;--white: #fbfdfb;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:var(--ink)}body{margin:0;min-width:320px;background:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--signal);outline-offset:3px}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.dashboard-shell{padding:28px 0 38px}.viewer-shell{padding:28px 0 38px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.17em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--signal);color:var(--signal);font-size:.85rem;letter-spacing:0}.brand-muted{color:var(--signal)}.topbar-status,.note-foot{color:var(--paper-muted);font-size:.69rem;letter-spacing:.08em;text-transform:lowercase}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:999px;background:var(--signal);box-shadow:0 0 0 4px #c6f36b17}.hero-block{display:flex;justify-content:space-between;align-items:end;gap:48px;padding:86px 0 72px}.eyebrow{margin:0 0 18px;color:var(--aqua);font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:780px;margin-bottom:25px;font-size:clamp(3.4rem,8vw,7.1rem);line-height:.88;letter-spacing:-.075em;font-weight:700}h1 em{color:var(--signal);font-style:normal}.hero-copy{max-width:530px;color:var(--paper-muted);font-size:1rem;line-height:1.65}.hero-stamp{display:flex;flex-direction:column;justify-content:space-between;width:142px;height:142px;flex:0 0 142px;border:1px solid var(--line);padding:16px;color:var(--signal);transform:rotate(3deg)}.hero-stamp span{font-size:2.5rem;letter-spacing:-.1em;font-weight:700}.hero-stamp small{align-self:end;color:var(--paper-muted);font-size:.62rem;line-height:1.25;text-align:right;text-transform:uppercase;letter-spacing:.08em}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:16px}.panel{border:1px solid var(--line);background:#ffffff06}.create-panel{padding:32px}.panel-heading,.section-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}h2{margin-bottom:28px;font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.045em}.panel-index{color:var(--signal);font-size:.72rem;font-weight:700}.share-form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px}label span{color:var(--paper-muted);font-size:.68rem;letter-spacing:.07em}input{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;color:var(--white);background:transparent;outline:0}input::placeholder{color:#c7d0cc6b}input:focus{border-color:var(--signal)}.primary-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;width:fit-content;min-width:200px;border:0;padding:14px 16px;color:var(--ink);background:var(--signal);font-weight:700}.primary-button:hover{background:var(--aqua)}.primary-button:disabled{cursor:wait;opacity:.62}.primary-button span{font-size:1.2rem}.form-message{min-height:1.25em;margin:0;color:var(--paper-muted);font-size:.8rem;line-height:1.4}.form-message a{color:var(--signal)}.form-message.is-error{color:var(--danger)}.form-message.is-success{color:var(--signal)}.note-panel{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:32px}.rule-number{margin:26px 0;color:var(--signal);font-size:clamp(5rem,10vw,8rem);line-height:.8;letter-spacing:-.1em}.note-copy{max-width:260px;color:var(--paper);font-size:1.08rem;line-height:1.45}.note-foot{border-top:1px solid var(--line);padding-top:18px}.shares-section{padding-top:86px}.text-button{border:0;padding:3px 0;color:var(--signal);background:transparent;font-size:.75rem}.shares-list{border-top:1px solid var(--line)}.empty-state{padding:34px 0;color:var(--paper-muted);font-size:.9rem}.empty-state.is-error{color:var(--danger)}.share-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.7fr) minmax(150px,.8fr) auto;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:19px 0}.share-main{display:flex;align-items:center;gap:12px;min-width:0}.share-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.share-main small,.share-expiry small{display:block;margin-top:5px;color:var(--paper-muted);font-size:.68rem}.share-state{width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:var(--signal)}.share-state.is-done{background:var(--danger)}.share-budget strong{display:block;color:var(--signal);font-size:1.3rem;letter-spacing:-.05em}.share-budget span,.share-expiry span{display:block;color:var(--paper-muted);font-size:.68rem}.share-expiry span{color:var(--paper)}.copy-link{border:1px solid var(--line);padding:9px 11px;color:var(--paper);background:transparent;font-size:.7rem}.copy-link:hover{border-color:var(--signal);color:var(--signal)}.footer{display:flex;justify-content:space-between;gap:20px;margin-top:78px;border-top:1px solid var(--line);padding-top:16px;color:var(--paper-muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.viewer-grid{display:grid;grid-template-columns:minmax(250px,.63fr) minmax(0,1.37fr);align-items:center;gap:54px;flex:1;padding:72px 0}.viewer-copy h1{font-size:clamp(3rem,7vw,6.5rem)}.viewer-intro{max-width:420px;color:var(--paper-muted);line-height:1.6}.viewer-budget{display:flex;align-items:center;gap:12px;margin:34px 0;color:var(--paper-muted);font-size:.72rem;line-height:1.15;text-transform:uppercase;letter-spacing:.08em}.budget-count{color:var(--signal);font-size:3.2rem;line-height:.8;letter-spacing:-.08em}.player-frame{aspect-ratio:16 / 9;border:1px solid var(--line);background:#050708}.player-frame iframe{width:100%;height:100%;border:0}.player-placeholder{display:grid;place-items:center;align-content:center;gap:20px;height:100%;color:var(--paper-muted);font-size:.8rem}.play-glyph{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--signal);border-radius:50%;color:var(--signal);font-size:1rem}.viewer-empty{margin:auto 0;padding:64px}.viewer-empty h1{max-width:650px;font-size:clamp(2.7rem,6vw,5.8rem)}.viewer-empty p:last-child{color:var(--paper-muted)}@media(max-width:760px){.shell{width:min(100% - 32px,1180px)}.topbar-status{display:none}.hero-block{padding:66px 0 52px}.hero-stamp{display:none}.workspace-grid,.viewer-grid{grid-template-columns:1fr}.create-panel,.note-panel,.viewer-empty{padding:24px}.note-panel{min-height:280px}.form-row{grid-template-columns:1fr}.share-row{grid-template-columns:1fr 1fr;gap:14px}.share-main{grid-column:1 / -1}.copy-link{justify-self:start}.viewer-grid{gap:34px;padding:52px 0}.footer{flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}