.demo-app{--demo-ink:var(--n-950);--demo-stage-bg:#14181a;--demo-stage-bg-rgb:20, 24, 26;--demo-focus-ink:0 0 0 2px var(--demo-ink), 0 0 0 4px var(--accent-500);--demo-nav:3.7rem;--demo-bar:3.3rem;padding-top:var(--demo-nav);display:block}.demo-doors__panel.gridpaper,.demo-stage.gridpaper{--grid-line:#f7f8f60d}.demo-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.demo-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-app [hidden]{display:none!important}.demo-doors{max-width:72rem;margin:0 auto;padding:2rem 1.25rem 0}.demo-doors__panel{background:var(--demo-ink);color:var(--inv-text);border-radius:16px;padding:clamp(2rem,5vw,3.75rem);position:relative;overflow:hidden}.demo-doors__wash{width:620px;height:620px;position:absolute;top:-280px;right:-180px}@media (width<=640px){.demo-doors__wash{opacity:.7;width:340px;height:340px;top:-190px;right:-130px}}.demo-doors__inner{position:relative}.demo-doors__stats{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;display:flex}.demo-doors__stat{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-500);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.demo-doors__stat span{color:var(--inv-text-3)}.demo-doors h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;max-width:19ch;margin:1.25rem 0 0;font-size:clamp(2rem,4.4vw,3.25rem);font-weight:700;line-height:1.08}.demo-doors__lede{color:var(--inv-text-2);text-wrap:pretty;max-width:60ch;margin:1.25rem 0 0;font-size:1.075rem;line-height:1.65}.demo-notice{color:var(--inv-text-2);background:#a5c51e17;border:1px solid #a5c51e66;border-radius:10px;align-items:flex-start;gap:.75rem;max-width:62ch;margin-top:1.5rem;padding:.85rem 1.05rem;font-size:.9rem;line-height:1.55;display:flex}.demo-notice__dot{background:var(--accent-500);border-radius:999px;flex:none;width:6px;height:6px;margin-top:.5rem}.demo-doors__grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.1rem;margin-top:2.5rem;display:grid}.demo-door{text-align:left;border:1px solid var(--inv-border);min-height:13rem;color:var(--inv-text);cursor:pointer;background:#f7f8f60a;border-radius:10px;flex-direction:column;gap:.85rem;padding:1.6rem;transition:border-color .16s,background .16s;display:flex;position:relative}.demo-door:hover{background:#f7f8f612;border-color:#a5c51e80}.demo-door:focus-visible{box-shadow:var(--demo-focus-ink);outline:none}.demo-door--primary{background:#a5c51e17;border-color:#a5c51e8c}.demo-door--primary:hover{border-color:var(--accent-500);background:#a5c51e26}.demo-door__top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.demo-door__badge{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--on-action-primary);background:var(--accent-500);border-radius:999px;padding:.25rem .55rem;font-size:.66rem;font-weight:600}.demo-door__kicker{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--inv-text-3);font-size:.66rem;font-weight:500}.demo-door__time{font-family:var(--font-mono);color:var(--inv-text-2);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500}.demo-door--primary .demo-door__time{color:var(--accent-500)}.demo-door__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.6rem;font-weight:600;line-height:1.15}.demo-door__body{color:var(--inv-text-2);flex:1;font-size:.94rem;line-height:1.6}.demo-door__go{color:var(--inv-text);align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:inline-flex}.demo-door--primary .demo-door__go{color:var(--accent-500)}.demo-resume{border:1px solid var(--inv-border);background:#f7f8f60a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.demo-resume__kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--inv-text-3);font-size:.68rem}.demo-resume__text{min-width:15rem;color:var(--inv-text-2);flex:1;font-size:.92rem}.demo-resume__text b{font-family:var(--font-mono);color:var(--inv-text);font-variant-numeric:tabular-nums;font-weight:500}.demo-shortcuts-grid{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:2.75rem;max-width:72rem;margin:0 auto;padding:3rem 1.25rem 4rem;display:grid}.demo-shortcuts-grid h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--n-950);margin:.75rem 0 0;font-size:1.5rem;font-weight:700;line-height:1.2}.demo-shortcuts-grid p{color:var(--n-600);text-wrap:pretty;max-width:44ch;margin:.85rem 0 0;font-size:.94rem;line-height:1.65}.demo-chiprow{flex-wrap:wrap;gap:.5rem;margin-top:1.15rem;display:flex}.demo-chip{cursor:pointer;border:1px solid var(--border-default);min-height:38px;color:var(--n-600);background:0 0;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.85rem;font-weight:500;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.demo-chip:hover{border-color:var(--border-strong);color:var(--n-900)}.demo-chip[aria-pressed=true]{border-color:var(--accent-600);background:var(--accent-100);color:var(--accent-800)}.demo-chip--sm{min-height:30px;padding:0 .65rem;font-size:.74rem}.demo-suggestion{color:var(--n-700);background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:10px;margin-top:1.25rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.6}.demo-suggestion b{font-family:var(--font-mono);color:var(--accent-700);font-weight:500}.demo-searchfield{flex:1;display:flex;position:relative}.demo-searchfield svg{color:var(--n-400);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.demo-searchfield input{border:1px solid var(--border-strong);background:var(--bg-surface);min-height:46px;color:var(--text-primary);border-radius:8px;flex:1;padding:0 .9rem 0 2.5rem;font-size:.95rem}.demo-searchfield input:focus-visible{border-color:var(--accent-600);box-shadow:var(--focus-ring);outline:none}.demo-entryhits{flex-direction:column;gap:.15rem;margin-top:1rem;display:flex}.demo-hit{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:.75rem;width:100%;padding:.6rem .75rem;display:flex}.demo-hit:hover{background:var(--bg-sunken)}.demo-hit__time{font-family:var(--font-mono);color:var(--accent-700);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem;font-weight:500}.demo-hit__text{color:var(--n-700);font-size:.87rem;line-height:1.5}.demo-app mark{background:var(--accent-100);color:var(--n-900);border-radius:2px;padding:0 2px}.demo-toolbar{top:var(--demo-nav);z-index:30;background:color-mix(in srgb, var(--n-0) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default);flex-wrap:wrap;align-items:center;gap:.85rem;padding:.6rem clamp(.75rem,2vw,1.5rem);display:flex;position:sticky}.demo-switch{background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:999px;flex:none;gap:2px;padding:3px;display:flex}.demo-switch button{cursor:pointer;min-height:32px;color:var(--n-500);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 .8rem;font-size:.8rem;font-weight:500;display:inline-flex}.demo-switch button[aria-pressed=true],.demo-switch button[aria-selected=true]{background:var(--bg-surface);color:var(--n-900);font-weight:600;box-shadow:0 1px 2px #2a333d1f}.demo-toolbar__progress{font-family:var(--font-mono);color:var(--n-500);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.demo-toolbar__spacer{flex:1;min-width:.5rem}.demo-tbtn{border:1px solid var(--border-default);min-height:38px;color:var(--n-700);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.82rem;font-weight:500;display:inline-flex}.demo-tbtn:hover{border-color:var(--border-strong);background:var(--bg-sunken);color:var(--n-900)}.demo-tbtn--ghost{color:var(--n-500);border-color:#0000}@media (width<=1023px){#demo-menu-toggle{display:none}.demo-tbtn{padding:0 .65rem;font-size:.78rem}}@media (width<=640px){.demo-toolbar{gap:.5rem;padding:.5rem .75rem}.demo-toolbar__progress,#demo-copy-link .demo-tbtn__label{display:none}.demo-switch button{padding:0 .55rem;font-size:.74rem}}@media (width>=1024px){#demo-sheet-open{display:none}}.demo-layout{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=1024px){.demo-layout{grid-template-columns:21.5rem minmax(0,1fr)}.demo-app[data-menu=closed] .demo-layout{grid-template-columns:minmax(0,1fr)}.demo-app[data-menu=closed] .demo-chapters{display:none}}.demo-chapters{background:var(--bg-surface);border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default);min-width:0;top:calc(var(--demo-nav) + var(--demo-bar));max-height:calc(100vh - var(--demo-nav) - var(--demo-bar));flex-direction:column;display:flex;position:sticky}.demo-chapters__head{border-bottom:1px solid var(--border-default);padding:1.05rem 1.1rem .85rem}.demo-chapters__headrow{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.demo-chapters__title{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-700);font-size:.68rem;font-weight:500}.demo-chapters__count{font-family:var(--font-mono);color:var(--n-500);font-variant-numeric:tabular-nums;font-size:.72rem}.demo-bar{background:var(--bg-sunken);border-radius:999px;height:3px;margin-top:.7rem;overflow:hidden}.demo-bar__fill{background:var(--accent-500);border-radius:999px;width:0;height:100%;display:block}.demo-chapters__list{overscroll-behavior:contain;flex:1;padding:.5rem 0 1.5rem;overflow-y:auto}.demo-ch{border-left:3px solid #0000}.demo-ch.is-active{border-left-color:var(--accent-500);background:var(--n-50)}.demo-ch__btn{text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem 1rem .7rem .8rem;display:flex}.demo-ch__btn:hover{background:var(--n-50)}.demo-ch__thumb{aspect-ratio:16/9;background:var(--demo-ink);border:1px solid var(--border-default);border-radius:5px;flex:none;width:4.25rem;position:relative;overflow:hidden}.demo-ch.is-active .demo-ch__thumb{border-color:#a5c51e8c}.demo-ch__thumb img{object-fit:cover;opacity:.62;width:100%;height:100%;position:absolute;inset:0}.demo-ch.is-active .demo-ch__thumb img{opacity:.92}.demo-ch__num{background:rgba(var(--demo-stage-bg-rgb), .86);font-family:var(--font-mono);color:var(--accent-500);font-variant-numeric:tabular-nums;border-radius:4px;padding:.02rem .26rem;font-size:.72rem;font-weight:600;line-height:1.3;position:absolute;top:.15rem;left:.2rem}.demo-ch__thumbbar{background:var(--accent-500);width:0;height:3px;position:absolute;bottom:0;left:0}.demo-ch__body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.demo-ch__titlerow{align-items:baseline;gap:.5rem;display:flex}.demo-ch__title{color:var(--n-700);flex:1;font-size:.85rem;font-weight:500;line-height:1.35}.demo-ch.is-active .demo-ch__title{color:var(--n-900);font-weight:600}.demo-ch__dot{background:var(--border-default);border-radius:999px;flex:none;width:6px;height:6px}.demo-ch[data-state=started] .demo-ch__dot{background:var(--accent-500)}.demo-ch[data-state=done] .demo-ch__dot{background:var(--accent-600)}.demo-ch__meta{align-items:center;gap:.5rem;display:flex}.demo-ch__dur{font-family:var(--font-mono);color:var(--n-400);font-variant-numeric:tabular-nums;font-size:.72rem}.demo-badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:2px .45rem;font-size:.62rem;font-weight:500}.demo-badge:empty{display:none}.demo-badge[data-kind=done]{background:var(--ok-bg);color:var(--ok-text)}.demo-badge[data-kind=started]{background:var(--accent-100);color:var(--accent-800)}.demo-badge[data-kind=rec]{background:var(--info-bg);color:var(--info-text)}.demo-badge[data-kind=locked]{background:var(--warn-bg);color:var(--warn-text)}.demo-ch__summary{color:var(--n-500);margin-top:2px;font-size:.78rem;line-height:1.5;display:none}.demo-ch.is-active .demo-ch__summary{display:block}.demo-ch__segs{margin:0;padding:0 0 .4rem;list-style:none;display:none}.demo-ch.is-active .demo-ch__segs{display:block}.demo-seg{text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:.6rem;width:100%;padding:.4rem 1rem .4rem 5.1rem;display:flex}.demo-seg:hover{background:var(--accent-50)}.demo-seg.is-active{background:#a5c51e24}.demo-seg__time{font-family:var(--font-mono);color:var(--n-400);font-variant-numeric:tabular-nums;flex:none;padding-top:2px;font-size:.68rem}.demo-seg__text{color:var(--n-500);font-size:.78rem;line-height:1.45}.demo-seg.is-active .demo-seg__text{color:var(--n-900);font-weight:500}.demo-chapters__close{display:none}@media (width<=1023px){.demo-chapters{z-index:60;border:0;border-top:1px solid var(--border-default);max-height:78vh;box-shadow:var(--shadow-overlay);visibility:hidden;border-radius:14px 14px 0 0;transition:transform .24s cubic-bezier(.22,.61,.36,1);position:fixed;inset:auto 0 0;transform:translateY(101%)}.demo-app[data-sheet=open] .demo-chapters{visibility:visible;transform:none}.demo-chapters__close{border:1px solid var(--border-default);width:44px;height:44px;color:var(--n-700);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-seg{padding-left:1rem}}.demo-backdrop{z-index:55;background:rgba(var(--demo-stage-bg-rgb), .6);cursor:pointer;border:0;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.demo-chapters{transition:none}}.demo-main{flex-direction:column;min-width:0;display:flex}.demo-stage{scroll-margin-top:calc(var(--demo-nav) + 1rem);background:var(--demo-ink);color:var(--inv-text);padding:clamp(.9rem,2vw,1.4rem) clamp(.75rem,2vw,1.5rem) 0;position:relative;overflow:hidden}.demo-stage__wash{width:520px;height:520px;position:absolute;top:-320px;left:28%}.demo-stage__inner{max-width:74rem;margin:0 auto;position:relative}.demo-screen{aspect-ratio:16/9;background:var(--demo-stage-bg);border:1px solid #f7f8f61a;border-radius:10px;position:relative;overflow:hidden}.demo-screen iframe,.demo-screen #demo-yt{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-screen__poster{object-fit:cover;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.demo-screen.is-live .demo-screen__poster,.demo-screen.is-live .demo-screen__meta{display:none}.demo-screen__meta{background:linear-gradient(to right, rgba(var(--demo-stage-bg-rgb), .88), rgba(var(--demo-stage-bg-rgb), .45));pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:.8rem;padding:clamp(1.25rem,4vw,3.25rem);display:flex;position:absolute;inset:0}.demo-screen__kicker{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-500);font-size:clamp(.66rem,1.1vw,.8rem);font-weight:500}.demo-screen__title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;max-width:22ch;font-size:clamp(1.25rem,2.9vw,2.4rem);font-weight:600;line-height:1.14}.demo-screen__summary{color:var(--inv-text-3);max-width:48ch;font-size:clamp(.8rem,1.3vw,1rem);line-height:1.6}.demo-screen__source{background:rgba(var(--demo-stage-bg-rgb), .7);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-500);border:1px solid #a5c51e73;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .6rem;font-size:.62rem;font-weight:500;display:flex;position:absolute;top:.85rem;right:.85rem}.demo-screen__source i{background:var(--accent-500);border-radius:999px;width:6px;height:6px}@media (width<=640px){.demo-screen__source{display:none}}.demo-bigplay{background:rgba(var(--demo-stage-bg-rgb), .34);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-bigplay:hover{background:rgba(var(--demo-stage-bg-rgb), .22)}.demo-bigplay:focus-visible{box-shadow:inset 0 0 0 3px var(--accent-500);outline:none}.demo-bigplay span{background:var(--accent-500);width:5rem;height:5rem;color:var(--on-action-primary);border-radius:999px;justify-content:center;align-items:center;display:flex}.demo-layer{background:rgba(var(--demo-stage-bg-rgb), .93);flex-direction:column;justify-content:center;gap:.9rem;padding:clamp(1.25rem,4vw,3.25rem);display:flex;position:absolute;inset:0}.demo-layer__kicker{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent-500);font-size:.7rem;font-weight:500}.demo-layer__title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;max-width:24ch;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600;line-height:1.18}.demo-layer__body{color:var(--inv-text-2);max-width:48ch;font-size:.95rem;line-height:1.6}.demo-layer__actions{flex-wrap:wrap;gap:.6rem;margin-top:.25rem;display:flex}.demo-skeleton span{background:#f7f8f617;border-radius:999px;display:block}.demo-pill{background:rgba(var(--demo-stage-bg-rgb), .5);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-pill span{background:rgba(var(--demo-stage-bg-rgb), .85);border:1px solid var(--inv-border);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--inv-text-2);border-radius:999px;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.7rem;display:inline-flex}.demo-pill i{background:var(--accent-500);border-radius:999px;width:7px;height:7px}@media (prefers-reduced-motion:no-preference){.demo-pulse{animation:1.6s ease-in-out infinite demoPulse}}@keyframes demoPulse{0%,to{opacity:.4}50%{opacity:.95}}.demo-reel{background:linear-gradient(to top, rgba(var(--demo-stage-bg-rgb), .94), rgba(var(--demo-stage-bg-rgb), .6) 60%, transparent);padding:clamp(1rem,2.4vw,1.6rem);position:absolute;bottom:0;left:0;right:0}.demo-reel__inner{flex-direction:column;gap:.5rem;max-width:60ch;display:flex}.demo-reel__counter{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-500);font-size:.66rem;font-weight:500}.demo-reel__title{font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.05rem,1.9vw,1.5rem);font-weight:600;line-height:1.22}.demo-reel__why{color:var(--inv-text-2);font-size:.9rem;line-height:1.55}.demo-caption{background:rgba(var(--demo-stage-bg-rgb), .86);max-width:74%;color:var(--inv-text);text-align:center;text-wrap:pretty;white-space:pre-line;border-radius:6px;margin:0;padding:.5rem .9rem;font-family:IBM Plex Sans,Noto Sans SC,Segoe UI,system-ui,sans-serif;font-size:clamp(.82rem,1.4vw,1.05rem);line-height:1.45;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.demo-screen.has-reel .demo-caption{top:3.4rem;bottom:auto}.demo-next{width:min(21rem,72%);box-shadow:var(--shadow-inverse);background:#1d242cf5;border:1px solid #f7f8f629;border-radius:10px;padding:1.25rem;position:absolute;bottom:clamp(.85rem,2vw,1.5rem);right:clamp(.85rem,2vw,1.5rem)}.demo-next__kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--inv-text-3);font-size:.66rem;font-weight:500}.demo-next__title{font-family:var(--font-display);margin-top:.6rem;font-size:1.05rem;font-weight:600;line-height:1.25}.demo-next__row{align-items:center;gap:.6rem;margin-top:1rem;display:flex}.demo-next a{color:var(--accent-500);margin-top:.85rem;font-size:.85rem;display:block}.demo-gate{background:rgba(var(--demo-stage-bg-rgb), .93);justify-content:center;align-items:center;padding:clamp(1rem,3vw,2.5rem);display:flex;position:absolute;inset:0;overflow-y:auto}.demo-gate__card{background:var(--bg-app);border:1px solid var(--border-default);width:min(27rem,100%);box-shadow:var(--shadow-overlay);color:var(--text-primary);border-radius:10px;padding:1.75rem}.demo-gate__card h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--n-950);margin:.6rem 0 0;font-size:1.4rem;font-weight:600;line-height:1.2}.demo-gate__card p{color:var(--n-600);margin:.6rem 0 0;font-size:.9rem;line-height:1.6}.demo-field{color:var(--n-700);flex-direction:column;gap:.35rem;margin-top:.65rem;font-size:.78rem;font-weight:500;display:flex}.demo-field input{border:1px solid var(--border-strong);background:var(--bg-surface);min-height:44px;color:var(--text-primary);border-radius:8px;padding:0 .75rem;font-size:.92rem}.demo-field input:focus-visible{border-color:var(--accent-600);box-shadow:var(--focus-ring);outline:none}.demo-controls{padding:.7rem 0 1.1rem}.demo-track{cursor:pointer;align-items:center;height:22px;display:flex;position:relative}.demo-track:focus-visible{box-shadow:var(--demo-focus-ink);border-radius:999px;outline:none}.demo-track__rail{background:#f7f8f629;border-radius:999px;height:5px;position:absolute;left:0;right:0;overflow:hidden}.demo-track__fill{background:var(--accent-500);width:0;height:100%;display:block}.demo-notch{pointer-events:none;background:#a5c51eb8;border-radius:1px;width:2px;height:11px;position:absolute}.demo-track__head{background:var(--accent-500);border:2px solid var(--demo-stage-bg);pointer-events:none;border-radius:999px;width:13px;height:13px;margin-left:-6.5px;position:absolute;left:0}.demo-tip{z-index:15;background:var(--demo-ink);box-shadow:var(--shadow-inverse);pointer-events:none;border:1px solid #f7f8f629;border-radius:8px;width:9.5rem;padding:.6rem;position:absolute;bottom:28px;transform:translate(-50%)}.demo-tip img{aspect-ratio:16/9;object-fit:cover;background:var(--demo-stage-bg);border-radius:5px;width:100%;display:block}.demo-tip__title{color:var(--inv-text);margin-top:.45rem;font-size:.75rem;font-weight:500;line-height:1.35;display:block}.demo-tip__time{font-family:var(--font-mono);color:var(--accent-500);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.7rem;display:block}.demo-btnrow{flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.25rem;display:flex}.demo-cbtn{width:44px;height:44px;color:var(--inv-text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-cbtn:hover{color:var(--inv-text);background:#f7f8f614}.demo-cbtn:focus-visible{box-shadow:var(--demo-focus-ink);outline:none}.demo-cbtn--play{background:var(--accent-500);width:46px;height:46px;color:var(--on-action-primary)}.demo-cbtn--play:hover{background:var(--accent-400);color:var(--on-action-primary)}.demo-cbtn--wide{width:auto;min-width:52px;font-family:var(--font-mono);padding:0 .65rem;font-size:.8rem;font-weight:500}.demo-cbtn[aria-pressed=true]{color:var(--accent-500);background:#a5c51e29;border-color:#a5c51e80}.demo-time{font-family:var(--font-mono);color:var(--inv-text);font-variant-numeric:tabular-nums;flex:none;padding:0 .7rem;font-size:.8rem}.demo-vol{cursor:pointer;flex:none;align-items:center;width:4.5rem;height:22px;display:flex;position:relative}.demo-vol:focus-visible{box-shadow:var(--demo-focus-ink);border-radius:999px;outline:none}.demo-vol__rail{background:#f7f8f62e;border-radius:999px;height:4px;position:absolute;left:0;right:0}.demo-vol__fill{background:var(--accent-500);border-radius:999px;height:4px;position:absolute;left:0}.demo-vol__head{background:var(--inv-text);border-radius:999px;width:10px;height:10px;margin-left:-5px;position:absolute}.demo-menu-wrap{flex:none;position:relative}.demo-menu{z-index:20;background:var(--demo-ink);box-shadow:var(--shadow-inverse);border:1px solid #f7f8f629;border-radius:10px;flex-direction:column;gap:2px;min-width:9rem;padding:.35rem;display:flex;position:absolute;bottom:52px;right:0}.demo-menu button{cursor:pointer;text-align:left;min-height:36px;font-family:var(--font-mono);color:var(--inv-text-2);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.78rem;display:flex}.demo-menu button:hover{color:var(--inv-text);background:#f7f8f614}.demo-menu button[aria-checked=true]{color:var(--accent-500);background:#a5c51e29}.demo-menu button:disabled{opacity:.4;cursor:not-allowed}.demo-controls__foot{border-top:1px solid #f7f8f614;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-top:.5rem;padding:.5rem .15rem 0;display:flex}.demo-nowplaying{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--n-400);font-size:.68rem}.demo-kbdbtn{min-height:34px;color:var(--n-400);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:0 .65rem;font-size:.78rem;display:inline-flex}.demo-kbdbtn:hover{color:var(--inv-text);background:#f7f8f60f}.demo-kbd{font-family:var(--font-mono);border:1px solid #f7f8f647;border-radius:4px;padding:1px .4rem;font-size:.68rem}.demo-rotate{color:var(--n-400);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;line-height:1.4;display:none}@media (width<=640px) and (orientation:portrait){.demo-rotate{display:flex}}.demo-panel{background:var(--bg-app);flex:1;padding:1.25rem clamp(.75rem,2vw,1.5rem) 3rem}.demo-panel__inner{max-width:74rem;margin:0 auto}.demo-panel__head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.demo-card{background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-card);border-radius:10px;margin-top:1rem;overflow:hidden}.demo-card__head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.95rem 1.25rem;display:flex}.demo-card__kicker{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-700);font-size:.68rem;font-weight:500}.demo-card__hint{color:var(--n-500);font-size:.78rem}.demo-scroll{overscroll-behavior:contain;max-height:26rem;padding:.4rem 0;overflow-y:auto}.demo-row{border-left:3px solid #0000;align-items:flex-start;display:flex}.demo-row.is-active{border-left-color:var(--accent-500);background:var(--accent-50)}.demo-row__go{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:.85rem;min-width:0;padding:.6rem .5rem .6rem 1rem;display:flex}.demo-row__time{font-family:var(--font-mono);color:var(--accent-700);font-variant-numeric:tabular-nums;text-align:left;flex:none;width:3.25rem;padding-top:2px;font-size:.75rem;font-weight:500}.demo-row__text{color:var(--n-700);text-wrap:pretty;font-size:.9rem;line-height:1.6}.demo-row.is-active .demo-row__text{color:var(--n-900);font-weight:500}.demo-row__copy{width:36px;height:36px;color:var(--n-400);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:.4rem .75rem 0 0;display:inline-flex}.demo-row__copy:hover{background:var(--bg-sunken);color:var(--n-900);border-color:var(--border-default)}.demo-result{text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;align-items:flex-start;gap:.85rem;width:100%;padding:.75rem 1.25rem;display:flex}.demo-result:hover{background:var(--n-50);border-left-color:var(--accent-500)}.demo-result__stamp{flex-direction:column;flex:none;gap:2px;width:4.75rem;display:flex}.demo-result__time{font-family:var(--font-mono);color:var(--accent-700);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:500}.demo-result__ch{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--n-400);font-size:.66rem}.demo-result__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.demo-result__title{color:var(--n-900);font-size:.78rem;font-weight:600}.demo-result__text{color:var(--n-700);font-size:.87rem;line-height:1.55}.demo-empty{text-align:center;padding:2rem 1.25rem}.demo-empty p{color:var(--n-700);margin:0;font-size:.9rem}.demo-empty p+p{color:var(--n-500);margin-top:.35rem;font-size:.82rem}.demo-cta{background:var(--bg-inverse);color:var(--inv-text);border-radius:10px;flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:1.75rem;padding:1.6rem 1.75rem;display:flex}.demo-cta__body{flex:1;min-width:16rem}.demo-cta h2{font-family:var(--font-display);letter-spacing:-.01em;margin:.6rem 0 0;font-size:1.35rem;font-weight:600;line-height:1.25}.demo-cta p{color:var(--inv-text-2);max-width:56ch;margin:.5rem 0 0;font-size:.9rem;line-height:1.6}.demo-dialog{z-index:70;background:rgba(var(--demo-stage-bg-rgb), .72);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.demo-dialog__card{background:var(--bg-app);border:1px solid var(--border-default);width:min(35rem,100%);max-height:80vh;box-shadow:var(--shadow-overlay);border-radius:10px;padding:1.75rem;overflow-y:auto}.demo-dialog__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.demo-dialog h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--n-950);margin:.4rem 0 0;font-size:1.4rem;font-weight:600;line-height:1.2}.demo-dialog__grid{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:0 1.75rem;margin-top:1.25rem;display:grid}.demo-dialog__row{border-bottom:1px solid var(--border-default);align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.demo-dialog__key{font-family:var(--font-mono);color:var(--n-900);background:var(--bg-surface);border:1px solid var(--border-strong);text-align:center;border-radius:5px;flex:none;min-width:3.6rem;padding:.15rem .5rem;font-size:.72rem;font-weight:500}.demo-dialog__desc{color:var(--n-700);font-size:.82rem}.demo-iconbtn{border:1px solid var(--border-default);width:44px;height:44px;color:var(--n-700);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-iconbtn:hover{background:var(--bg-sunken);color:var(--n-900)}.demo-toast{z-index:80;background:var(--coal);color:var(--inv-text);box-shadow:var(--shadow-overlay);border-radius:999px;align-items:center;gap:.6rem;padding:.75rem 1.15rem;font-size:.87rem;display:flex;position:fixed;bottom:1.75rem;left:50%;transform:translate(-50%)}.demo-toast svg{color:var(--accent-500)}.demo-noscript{border:1px solid var(--border-default);background:var(--bg-sunken);border-radius:10px;max-width:72rem;margin:0 auto 1.5rem;padding:1.1rem 1.35rem}.demo-noscript strong{color:var(--n-900);display:block}.demo-noscript a{color:var(--text-link)}