:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0d12;--ink-soft:#0b0d129e;--ink-glass:#0b0d12b8;--parchment:#f3e6cf;--parchment-dim:#f3e6cfb8;--parchment-faint:#f3e6cf75;--ember:#f0a35a;--moss:#8fd3a8;--danger:#e8846b;--line:#f3e6cf38;--line-strong:#f3e6cf66;--tone-generating:var(--ember);--tone-waiting:var(--parchment-faint);--tone-problem:var(--danger);--tone-live:var(--moss);--tone-away:var(--parchment-faint);--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--dock-max:40rem;--hit:2.75rem;--radius:.5rem;--focus:0 0 0 2px var(--ink), 0 0 0 4px var(--ember);--text-shadow:0 1px 4px #000000d9}*{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%;height:100%}body{background:var(--ink);min-height:100%;color:var(--parchment);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:1rem;line-height:1.45}button{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);outline:none}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.stage{background:var(--ink);padding-top:var(--safe-top);grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.world{min-height:0;margin:clamp(.5rem,2vmin,1.5rem) clamp(.5rem,2.5vmin,2rem) 0;margin-left:calc(clamp(.5rem, 2.5vmin, 2rem) + var(--safe-left));margin-right:calc(clamp(.5rem, 2.5vmin, 2rem) + var(--safe-right));position:relative}.frame{border-radius:var(--radius);background:#000;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #f3e6cf14,0 24px 60px #0000008c}.frame--static{box-shadow:none;background:0 0;place-items:center;display:grid;inset:0}.frame--static .still__image{object-fit:contain;width:100%;height:100%;position:static}.still{pointer-events:none;transition:opacity .12s linear;position:absolute;inset:0}.still[data-visible=false]{opacity:0}.still__image{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.still__image--incoming[data-loaded=false]{opacity:0}.clip{object-fit:contain;pointer-events:none;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.clip[data-visible=false]{opacity:0}.tap-layer{pointer-events:none;position:absolute;inset:0}.tap-layer[data-active=true]{pointer-events:auto;cursor:default}.tap-layer[data-active=true][data-hover=true]{cursor:pointer}.outline{pointer-events:none;object-fit:fill;opacity:.95;filter:drop-shadow(0 0 1px #000000e6)drop-shadow(0 0 6px #f3e6cf59);animation:.22s ease-out outline-in;display:block;position:absolute}.outline--hover{opacity:.5;filter:drop-shadow(0 0 1px #000000b3);animation:.12s ease-out outline-hover-in}@keyframes outline-in{0%{opacity:0}to{opacity:.95}}@keyframes outline-hover-in{0%{opacity:0}to{opacity:.5}}.dock{width:100%;max-width:var(--dock-max);padding:.75rem calc(.75rem + var(--safe-right)) calc(.5rem + var(--safe-bottom)) calc(.75rem + var(--safe-left));align-content:end;gap:.5rem;margin:0 auto;display:grid}.dock__stack{gap:.5rem;display:grid}.dock__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-height:2rem;display:flex}.dock__center{justify-content:center;display:flex}.status-line{text-align:center;color:var(--parchment-dim);text-shadow:var(--text-shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem .5rem;margin:0;font-size:.8125rem;line-height:1.35;display:flex}.status-line--generating{color:var(--ember)}.status-line--waiting{color:var(--parchment-faint)}.status-line--problem{color:var(--danger)}.dot{background:var(--dot-color);width:.3125rem;height:.3125rem;box-shadow:0 0 6px var(--dot-color);border-radius:50%;flex:none}.dot--pulsing{animation:2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.thinking{align-items:center;gap:.3125rem;height:.75rem;display:inline-flex}.thinking__dot{background:var(--parchment-dim);border-radius:50%;width:.375rem;height:.375rem;animation:1.4s linear infinite thinking-rise}.thinking__dot:nth-child(2){animation-delay:.28s}.thinking__dot:nth-child(3){animation-delay:.56s}@keyframes thinking-rise{0%,40%,to{opacity:.2;transform:scale(.5)}20%{opacity:1;transform:scale(1)}}.live-indicator{border:1px solid var(--line);background:var(--ink-glass);min-height:2rem;color:var(--parchment-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.25rem .75rem .25rem .625rem;font-size:.8125rem;display:inline-flex}.live-indicator--live{color:var(--parchment)}.live-indicator--problem{color:var(--danger);border-color:#e8846b66}.subtitles{justify-content:center;align-items:flex-end;min-height:3.25rem;padding:0 .5rem;display:flex}.subtitles__text{text-align:center;max-width:35rem;color:var(--parchment);text-shadow:var(--text-shadow);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1.0625rem;line-height:1.4;display:-webkit-box;overflow:hidden}.history{border:1px solid var(--line);background:#0b0d12db;border-radius:1.25rem;position:relative;overflow:hidden}.history:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0b0d12eb,#0b0d1200);height:1.25rem;position:absolute;top:0;left:0;right:0}.history__scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:.75rem;max-height:min(40dvh,22rem);padding:1.375rem 1rem 1rem;display:grid;overflow-y:auto}.history__eyebrow{font-family:var(--font-serif);letter-spacing:.25em;text-transform:uppercase;color:var(--parchment-dim);margin:0;font-size:.75rem}.history__empty{font-family:var(--font-serif);color:var(--parchment-dim);margin:0;font-size:1.0625rem;line-height:1.5}.history__entry{font-family:var(--font-serif);color:var(--parchment);margin:0;font-size:1.125rem;line-height:1.5}.history__entry--earlier{color:var(--parchment-dim)}.band{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-height:3.5rem;display:grid}.band__slot{align-items:center;display:flex}.band__slot--left{justify-content:flex-start}.band__slot--center{justify-content:center}.band__slot--right{justify-content:flex-end}.icon-button{width:var(--hit);height:var(--hit);border:1px solid var(--line);background:var(--ink-glass);color:var(--parchment);cursor:pointer;border-radius:50%;place-items:center;transition:background-color .12s,transform .12s,opacity .12s;display:inline-grid}.icon-button:hover{background:#f3e6cf1a}.icon-button:active{transform:scale(.96)}.icon-button:disabled{opacity:.5;cursor:default}.icon-button[aria-pressed=true],.icon-button--accent{color:var(--ember);border-color:#f0a35a80}.text-button{min-height:2rem;font-family:var(--font-serif);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.text-button--accent{color:var(--ember)}.text-button--faint{color:var(--parchment-dim)}.text-button:hover{background:#f3e6cf14}.text-button:disabled{opacity:.5;cursor:default}.enter-button{min-height:var(--hit);color:var(--parchment);font-family:var(--font-serif);letter-spacing:.06em;cursor:pointer;background:#f0a35a1f;border:1px solid #f0a35a8c;border-radius:999px;align-items:center;gap:.625rem;padding:.5rem 1.25rem .5rem 1rem;font-size:1rem;text-decoration:none;transition:background-color .12s,transform .12s;display:inline-flex}.enter-button:hover{background:#f0a35a33}.enter-button:active{transform:scale(.98)}.enter-button:disabled{opacity:.5;cursor:default}.enter-button__glyph{color:var(--ember);font-size:.75rem}.enter-button--wide{justify-self:start}.view-toggle{border:1px solid var(--line);background:var(--ink-glass);border-radius:999px;gap:.125rem;padding:.1875rem;display:inline-flex}.view-toggle__tab{min-height:1.75rem;color:var(--parchment-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .75rem;font-size:.8125rem;display:inline-flex}.view-toggle__tab[aria-selected=true]{color:var(--parchment);background:#f3e6cf24}.panel{border:1px solid var(--line);background:var(--ink-soft);border-radius:1.125rem;gap:.625rem;padding:1.125rem;display:grid}.panel__eyebrow{font-family:var(--font-serif);letter-spacing:.06em;color:var(--ember);margin:0;font-size:.8125rem}.panel__lead{font-family:var(--font-serif);color:var(--parchment);margin:0;font-size:1.0625rem;line-height:1.5}.panel__body{font-family:var(--font-serif);color:var(--parchment-dim);margin:0;font-size:1.0625rem;line-height:1.5}.panel__code{color:var(--parchment);white-space:pre-wrap;word-break:break-word;background:#00000059;border-radius:.5rem;margin:0;padding:.625rem .75rem}.panel__small{color:var(--parchment-faint);margin:0;font-size:.8125rem}.panel__actions{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.notice-page{min-height:100dvh;padding:calc(1.5rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1rem + var(--safe-left));place-items:center;display:grid}.notice-page .panel{width:min(28rem,100%)}.entrance{min-height:100dvh;padding-top:var(--safe-top);grid-template-rows:minmax(0,1fr) auto;display:grid}.entrance__world{min-height:0;padding:clamp(.75rem, 3vmin, 2rem) calc(clamp(.75rem, 3vmin, 2rem) + var(--safe-right)) 0 calc(clamp(.75rem, 3vmin, 2rem) + var(--safe-left));place-items:center;display:grid}.entrance__image{border-radius:var(--radius);width:100%;max-width:min(100%,235.714dvh - 35.3571rem);height:auto;display:block;box-shadow:0 0 0 1px #f3e6cf14,0 24px 60px #0000008c}.entrance__dock{width:100%;max-width:var(--dock-max);padding:1.25rem calc(1rem + var(--safe-right)) calc(1.25rem + var(--safe-bottom)) calc(1rem + var(--safe-left));gap:.625rem;margin:0 auto;display:grid}.entrance__eyebrow{font-family:var(--font-serif);letter-spacing:.3em;text-transform:uppercase;color:var(--parchment-dim);margin:0;font-size:.75rem}.entrance__title{font-family:var(--font-serif);letter-spacing:.01em;color:var(--parchment);margin:0;font-size:clamp(1.5rem,2.2vw + 1rem,2.125rem);font-weight:400;line-height:1.2}.entrance__lead{font-family:var(--font-serif);color:var(--parchment-dim);margin:0;font-size:1.0625rem;line-height:1.5}.entrance__small{color:var(--parchment-faint);margin:0;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.dot--pulsing,.thinking__dot{opacity:.5;animation:none}.outline{animation:none}.still,.icon-button,.enter-button{transition:none}}@media (width<=30rem){.band{min-height:3.25rem}.dock__row{min-height:0}.live-indicator,.view-toggle__tab span{font-size:.75rem}}@media (height<=30rem){.subtitles{min-height:2.5rem}.history__scroll{max-height:30dvh}.dock{gap:.375rem;padding-top:.375rem}}