:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f4ed;background:#0a0a0b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#252117,#0a0a0b 42%);min-height:100vh;margin:0}button,textarea,select,input{font:inherit}main{width:min(1440px,100% - 32px);margin:0 auto;padding:56px 0}header{max-width:900px;margin-bottom:28px}h1{letter-spacing:-.05em;margin:4px 0 8px;font-size:clamp(2rem,5vw,4.4rem);line-height:1}header p{color:#aaa69a;line-height:1.5}.eyebrow{color:#e5c978;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.demo-shell{background:#111113cc;border:1px solid #38352d;border-radius:18px;padding:18px}.session-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);align-items:start;gap:18px;display:grid}.stage,.side{flex-direction:column;gap:14px;min-width:0;display:flex}.timecode{color:#e5c978;background:#191919cc;border-radius:999px;padding:5px 9px;font:13px ui-monospace,monospace;position:absolute;top:10px;right:10px}.timeline{border:1px solid #3b3932;border-radius:10px;max-height:520px;margin:0;padding:0;list-style:none;overflow-y:auto}.beat{color:#918d82;border-bottom:1px solid #1f1e1b;padding:7px 10px;font-size:.76rem;line-height:1.4}.beat-row{grid-template-columns:88px auto minmax(0,1fr) 170px;align-items:start;gap:10px;display:grid}.beat-thumb{aspect-ratio:16/9;color:#5c5950;background:#000;border-radius:4px;place-items:center;width:96px;font-size:.66rem;display:grid;overflow:hidden}.beat-thumb.working{outline:1px dashed #e5c978}.beat-thumb.failed{outline:1px solid #ffb2b2}.beat-thumb img{object-fit:cover;width:100%;height:100%}.beat-details{margin:6px 0 0 98px}.beat-details summary{color:#77746b;cursor:pointer}.beat-details[open]{flex-direction:column;gap:8px;display:flex}.beat-details textarea{min-height:90px}.prep{background:#0b0b0c;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.prep .hint{margin:0}.beat-time,.beat-status{font-family:ui-monospace,monospace}.beat-scene{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.beat-status{text-align:right}.beat.accepted .beat-status,.beat.on-air .beat-status{color:#8ee59d}.beat.sent .beat-status,.beat.restarting .beat-status{color:#e5c978}.beat.failed .beat-status,.beat.skipped .beat-status{color:#ffb2b2}.beat.current{color:#f6f4ed;background:#2a2618}.cue-setup{flex-direction:column;gap:12px;display:flex}.cue-text{min-height:220px;font:12px ui-monospace,monospace}.image-row{grid-template-columns:1fr 160px;align-items:end;gap:10px;display:grid}.thumb{aspect-ratio:16/9;color:#77746b;text-align:center;background:#000;border-radius:8px;place-items:center;font-size:.7rem;display:grid;position:relative;overflow:hidden}.thumb-remove{color:#f6f4ed;background:#000c;border:1px solid #4e4a3e;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.thumb-remove:hover{background:#3c1717}.thumb img{object-fit:contain;width:100%;height:100%}label.inline{flex-direction:row;align-items:center}label.inline select,label.inline input{width:auto}label.checkbox{flex-direction:row;align-items:center}label.checkbox input{width:auto}button.link{color:#e5c978;background:0 0;border:none;padding:0;text-decoration:underline}.json{color:#aaa69a;background:#0b0b0c;border-radius:8px;max-height:320px;margin:0;padding:10px;font-size:.7rem;overflow:auto}.player{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.player video{width:100%;height:100%}.player-placeholder{color:#77746b;place-items:center;width:100%;height:100%;font-size:.85rem;display:grid}.status{color:#aaa;background:#191919cc;border-radius:999px;padding:5px 9px;font:12px ui-monospace,monospace;position:absolute;top:10px;left:10px}.status-ready{color:#8ee59d}.controls{flex-direction:column;gap:14px;display:flex}fieldset{border:1px solid #3b3932;border-radius:10px;margin:0;padding:12px}legend{color:#ded5b8;padding:0 6px;font-size:.82rem}.hint{color:#77746b;margin:0 0 12px;font-size:.76rem;line-height:1.4}label{color:#bbb7ab;flex-direction:column;gap:7px;font-size:.82rem;display:flex}textarea,select,input{width:100%;color:inherit;background:#171719;border:1px solid #3b3932;border-radius:8px;padding:10px}textarea{resize:vertical;min-height:118px;line-height:1.45}button{color:#15130e;cursor:pointer;background:#ded5b8;border:1px solid #ded5b8;border-radius:8px;padding:9px 12px;transition:filter .1s,transform .1s}button:active:not(:disabled){filter:brightness(.82);transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.4}.button-row{flex-wrap:wrap;gap:8px;display:flex}.secondary button{color:#ded5b8;background:0 0;border-color:#4e4a3e}.two-column{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.selected-image{color:#918d82;overflow-wrap:anywhere;margin:10px 0 0;font-size:.76rem}.error{color:#ffb2b2;background:#3c1717;border-radius:8px;margin:0;padding:10px;font-size:.85rem}aside{color:#77746b;background:#0b0b0c;border-radius:8px;padding:10px;font-size:.76rem;line-height:1.5}aside strong,aside code{display:block}aside code{color:#aaa69a;overflow-wrap:anywhere;margin-top:4px}@media (max-width:800px){main{padding:28px 0}.session-grid,.two-column,.image-row{grid-template-columns:1fr}}.story-choices{background:linear-gradient(#0000,#000000b0);flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.story-cards{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.story-choices button{background:#ded5b8ee;border-radius:12px;min-width:220px;max-width:45%;padding:14px 18px;font-size:1rem;box-shadow:0 4px 18px #0008}@media (max-width:600px){.story-choices{padding:14px 12px calc(14px + env(safe-area-inset-bottom))}.story-cards{flex-wrap:nowrap;gap:10px}.story-choices button{flex:1 1 0;min-width:0;max-width:none;padding:12px 10px;font-size:.95rem}}.story-wait{color:#ded5b8;background:#111c;border-radius:999px;padding:8px 14px;font-size:.85rem}.story-path{flex-direction:column;gap:10px;display:flex}.story-steps{color:#bbb7ab;border:1px solid #3b3932;border-radius:10px;flex-direction:column;gap:4px;margin:0;padding:10px 10px 10px 30px;font-size:.8rem;display:flex}.story-choices button,.story-wait{animation:1.2s ease-out both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.droid{background:#000;width:100vw;height:100dvh;padding:0;position:fixed;inset:0;overflow:hidden}.droid-layer{position:absolute;inset:0}.droid-layer video{object-fit:cover;width:100%;height:100%}.droid-stream>div:first-child{width:100%;height:100%}.droid-intro{z-index:2;background:#000}.droid-loader{color:#f6f4ed;background:#0008;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:1.05rem;animation:.8s ease-out both fade-in;display:flex;position:absolute;inset:0}.droid-begin{z-index:3;color:#cfa979;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fef8e0bf;border:none;border-radius:50%;place-items:center;width:clamp(120px,16vmin,170px);height:clamp(120px,16vmin,170px);margin:auto;padding:12px;font-size:1.05rem;font-weight:600;line-height:1.2;transition:scale .2s ease-out,background .2s ease-out;animation:.8s ease-out both fade-in;display:grid;position:absolute;inset:0;box-shadow:0 3px 12px #8a5a2020,0 0 60px 20px #fef8e0a0,0 0 140px 50px #fef8e050}.droid-begin:hover,.droid-begin:focus-visible{background:#fef8e0e6;scale:1.08}.droid-begin:before,.droid-begin:after{z-index:-1;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fef8e0 40%,#fef8e000 70%);border-radius:50%;position:absolute;inset:0}.droid-begin:hover:before,.droid-begin:hover:after,.droid-begin:focus-visible:before,.droid-begin:focus-visible:after{animation:2.4s ease-out infinite sun-pulse}.droid-begin:hover:after,.droid-begin:focus-visible:after{animation-delay:1.2s}@keyframes sun-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.spinner{border:3px solid #f6f4ed44;border-top-color:#f6f4ed;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.droid-ended{z-index:2;color:#f6f4ed;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.droid-controls{z-index:3;gap:8px;display:flex;position:absolute;top:16px;right:16px}.droid-controls button{color:#f6f4ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111b;border-color:#f6f4ed55}.droid-credits{bottom:calc(16px + env(safe-area-inset-bottom));z-index:3;color:#f6f4edcc;align-items:center;gap:8px;font-size:.8rem;display:flex;position:absolute;left:16px}.droid-credits span{text-shadow:0 1px 6px #000a}.droid-credits a{color:#f6f4ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111b;border:1px solid #f6f4ed55;border-radius:8px;padding:7px 12px;text-decoration:none;transition:background .15s}.droid-credits .droid-credits-by{margin-left:8px}.droid-credits a:hover{background:#222d}@media (max-width:600px){.droid-credits{flex-wrap:wrap;row-gap:6px;max-width:260px}.droid-credits .droid-credits-by{margin-left:0}.droid-credits.live{top:62px;bottom:auto}.droid-credits.live span{display:none}.droid-credits.live a{padding:6px 9px}}.droid-error{bottom:calc(64px + env(safe-area-inset-bottom));z-index:3;color:#ffb2b2;background:#3c1717dd;border-radius:8px;max-width:60%;margin:0;padding:10px;font-size:.85rem;position:absolute;left:16px}.droid-intro video{cursor:pointer}.droid-backdrop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.droid-playpause{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #fff5;border-radius:50%;place-items:center;width:88px;height:88px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.droid-playpause svg{fill:currentColor;width:40px;height:40px}.droid-playpause.paused{animation:.3s ease-out both fade-in-center}.droid-playpause.flash{pointer-events:none;animation:.9s ease-out both flash-out}@keyframes fade-in-center{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes flash-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.story-countdown{color:#f6f4ed;letter-spacing:.02em;text-shadow:0 1px 8px #000a;flex-direction:column;align-items:center;gap:8px;width:min(460px,80%);font-size:.95rem;animation:.8s ease-out both fade-in;display:flex}.story-countdown-bar{transform-origin:0;background:#f6f4ed;border-radius:999px;width:100%;height:4px;animation:linear both drain}@keyframes drain{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-choices.leaving{animation:1.4s ease-in both fade-out}.story-choices.leaving button{transition:transform .25s ease-out,opacity .25s ease-out;animation:none}.story-choices.leaving button:disabled{cursor:default}.story-choices.leaving button.picked{color:#15130e;opacity:1;background:#f6f4ed;outline:3px solid #e5c978;transform:scale(1.06)}.story-choices.leaving button.dropped{opacity:.25;transform:scale(.96)}@keyframes fade-out{0%,45%{opacity:1}to{opacity:0}}.droid-ending{background:linear-gradient(#0000 40%,#000000c0);justify-content:center;align-items:flex-end;padding:0 24px 12vh;animation:2.4s ease-out both fade-in;display:flex;position:absolute;inset:0}.droid-ending p{color:#f6f4ed;text-align:center;text-shadow:0 1px 12px #000c;max-width:720px;margin:0;font-size:clamp(1.05rem,2.2vw,1.5rem);line-height:1.55}.droid-skip{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:3;color:#f6f4ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111b;border-color:#f6f4ed55;animation:.8s ease-out both fade-in;position:absolute}