@layer base{html{color:var(--text);background:var(--bg);font-family:var(--font);font-size:var(--t-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--text);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{font-size:var(--field-text)}h1,h2,h3{text-wrap:balance;letter-spacing:-.015em;margin:0}p{margin:0}img,video{outline:1px solid var(--line-soft);outline-offset:-1px}::selection{background:var(--accent);color:var(--on-accent)}button,a,input,textarea,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){button,a.btn,input,textarea,select,summary{min-height:var(--control)}}}@layer ui{.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.btn{min-height:var(--control);padding:0 var(--s-3);background:var(--btn);border-radius:var(--r);box-shadow:var(--e-btn);color:var(--text);font-size:var(--t-sm);font-weight:var(--medium);cursor:pointer;white-space:nowrap;transition:background-color var(--fast), box-shadow var(--fast), color var(--fast), scale .12s var(--ease-out), opacity var(--fast);border:0;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex;position:relative}.btn svg{flex:none}.btn:active:not(:disabled,[aria-disabled=true]){scale:.97}.btn.primary{background-color:var(--accent-fill);color:var(--on-accent);font-weight:var(--bold);box-shadow:none}.btn.quiet{box-shadow:none;color:var(--muted);background:0 0}.btn.text{min-height:0;box-shadow:none;color:var(--muted);background:0 0;justify-content:flex-start;padding:0}.btn.icon{width:var(--control);padding:0}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:default}.btn.primary:disabled,.btn.primary[aria-disabled=true]{background:var(--raised);color:var(--muted);box-shadow:var(--e1);opacity:1}.swap{flex:none;display:inline-grid}.swap>*{transition:opacity .18s var(--ease-out), scale .18s var(--ease-out);grid-area:1/1;display:flex}.swap>.out{opacity:0;scale:.6}.swap-done{color:var(--success)}.btn.primary .swap-done{color:inherit}.spin{border:2px solid oklch(from currentColor l c h / .25);border-top-color:currentColor;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{rotate:360deg}}.input,.textarea{background:var(--surface);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);width:100%;transition:box-shadow var(--fast);border:0;padding:8px 12px}.input:focus,.textarea:focus{box-shadow:0 0 0 1px var(--accent);outline:none}.textarea{resize:vertical}.label{font-size:var(--t-sm);color:var(--muted);margin-bottom:6px;display:block}.topbar{z-index:20;background:var(--bg);box-shadow:0 1px 0 var(--line-soft);position:sticky;top:0}.topbar-row{min-height:56px;padding:0 var(--s-5);justify-content:space-between;align-items:center;gap:16px;display:flex}.crumbs{min-width:0;font-size:var(--t-md);align-items:center;gap:10px;display:flex}.crumbs>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crumbs .sep{color:var(--line-hover);flex:none}.brand{font-weight:var(--bold);letter-spacing:-.02em;flex:none;align-items:center;gap:8px;font-size:15px;display:flex}.logo{flex:none;display:block}.avatar{width:var(--size,30px);height:var(--size,30px);background:var(--sunk);color:var(--text);font-size:calc(var(--size,30px) * .38);font-weight:var(--bold);letter-spacing:-.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (pointer:coarse){button.avatar{width:var(--control);height:var(--control)}}.page{flex-direction:column;gap:20px;max-width:1280px;margin:0 auto;padding:32px 32px 80px;display:flex}.page.wide{max-width:1040px}.page.home{max-width:1200px}.page.text{max-width:860px}.page.form{max-width:640px}.page-head{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.page-head h1{align-items:center;gap:var(--s-3);font-size:var(--t-2xl);font-weight:var(--bold);letter-spacing:-.025em;display:flex}.row{gap:var(--s-2);flex-wrap:wrap;display:flex}.legal h2{margin-bottom:var(--s-2);font-size:var(--t-lg);font-weight:var(--bold)}.surface{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--e1)}.box{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--e1);overflow:clip}.box-head{align-items:center;gap:var(--s-3);min-height:44px;padding:0 var(--s-4);box-shadow:0 1px 0 var(--line-soft);display:flex}.box-head h2{min-width:0;font-size:var(--t-md);font-weight:var(--bold);letter-spacing:normal}.box-head h2 a:hover{text-underline-offset:2px;text-decoration:underline}.box-action{font-size:var(--t-sm);flex:none;margin-left:auto}.box-body{gap:var(--s-4);padding:var(--s-4);flex-direction:column;display:flex}.box-body .readme h1{font-size:var(--t-lg)}.readme{line-height:1.6;font-size:var(--t-lg);padding:28px 32px 32px}.readme h1{font-size:var(--t-2xl);font-weight:var(--bold);letter-spacing:-.02em;margin:0 0 14px}.readme h2{font-size:var(--t-xl);font-weight:var(--bold);margin:22px 0 8px}.readme h3{font-size:var(--t-lg);font-weight:var(--bold);margin:18px 0 6px}.readme p{margin:0 0 12px}.readme ul,.readme ol{margin:0 0 12px;padding-left:22px}.readme ul.sub{margin-top:-6px;padding-left:44px}.readme a{color:var(--accent-text)}.readme figure{margin:18px 0 20px}.readme figure img{border-radius:var(--r);background:var(--raised);width:100%;height:auto;display:block}.readme figcaption{font-size:var(--t-sm);color:var(--muted);margin-top:8px}.readme pre.code{background:var(--raised);border:1px solid var(--line-soft);border-radius:var(--r);font-size:var(--t-sm);margin:0 0 14px;padding:14px 16px;line-height:1.55;overflow-x:auto}.readme pre.code code{background:0 0;padding:0}.md-table{font-size:var(--t-md);margin:0 0 14px;overflow-x:auto}.md-table table{border-collapse:collapse;width:100%}.md-table th,.md-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft);min-width:120px;padding:8px 12px 8px 0}.md-table th{font-weight:var(--bold)}.readme code{font-family:var(--mono);background:var(--raised);border-radius:var(--r-sm);padding:1px 5px;font-size:.9em}.kv{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.kv span:last-child{color:var(--text);text-align:right}.person{align-items:center;gap:10px;display:flex}a.link,.link{color:var(--accent-text)}.muted a,a.muted{color:var(--muted)}.mark{width:var(--size);height:var(--size);background:var(--sunk);border-radius:50%;flex:none;place-items:center;display:inline-grid}.mark svg{fill:currentColor;width:50%;height:50%}.stamp{background:var(--btn);border-radius:var(--r-sm);height:20px;color:var(--accent-text);font-family:var(--mono);font-size:var(--t-xs);font-weight:var(--medium);cursor:pointer;font-variant-numeric:tabular-nums;vertical-align:1px;transition:background-color var(--fast), scale .12s var(--ease-out);border:0;align-items:center;margin-right:2px;padding:0 6px;display:inline-flex;position:relative}.stamp:before{content:"";position:absolute;inset:-12px -6px}.stamp:active{scale:.95}@media (pointer:coarse){.stamp{min-height:0}}.modal{width:min(460px, calc(100vw - var(--s-5)));max-width:none;max-height:calc(100dvh - var(--s-5));background:var(--surface);color:var(--text);border-radius:var(--r-lg);box-shadow:var(--e2);animation:modal .26s var(--spring);border:0;margin:auto;padding:0}.modal.wide{width:min(640px, calc(100vw - var(--s-5)))}@media (width>=641px){.modal.lightbox{width:min(1120px, calc(100vw - var(--s-5)))}}.modal::backdrop{background:var(--scrim);animation:scrim .22s var(--ease-out)}.modal[data-closing]{animation:.15s ease-in forwards modal-out}.modal[data-closing]::backdrop{animation:.15s ease-in forwards scrim-out}.modal-body{gap:var(--s-3);max-height:calc(100dvh - var(--s-5));padding:var(--s-5);flex-direction:column;display:flex}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.modal-head h2{font-size:17px;font-weight:var(--bold)}.modal-mark{width:40px;height:40px;margin-bottom:var(--s-1);border-radius:var(--r);background:var(--btn);color:var(--text);justify-content:center;align-items:center;display:inline-flex}.modal-head .btn{margin:-8px -8px 0 0}.modal-grow{flex:1;min-height:0}.modal-actions{justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-2);display:flex}@keyframes modal{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes modal-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes scrim{0%{opacity:0}}@keyframes scrim-out{to{opacity:0}}.menu{inset:60px var(--s-5) auto auto;background:var(--surface);width:240px;color:var(--text);box-shadow:var(--e2);transform-origin:100% 0;opacity:0;transition:opacity .12s ease-in, scale .12s ease-in, translate .12s ease-in, display .12s allow-discrete, overlay .12s allow-discrete;border:0;flex-direction:column;gap:2px;margin:0;padding:6px;position:fixed;translate:0 -4px;scale:.96}.menu:popover-open{opacity:1;transition:opacity .18s var(--ease-out), scale .22s var(--spring), translate .22s var(--spring), display .18s allow-discrete, overlay .18s allow-discrete;display:flex;translate:0;scale:1}@starting-style{.menu:popover-open{opacity:0;translate:0 -4px;scale:.96}}.menu-who{box-shadow:0 1px 0 var(--line-soft);margin-bottom:4px;padding:8px 10px 10px}.menu-name{font-weight:var(--bold);overflow-wrap:anywhere}.menu-who .muted{font-size:var(--t-xs);overflow-wrap:anywhere}.menu-item.btn{min-height:34px;box-shadow:none;border-radius:var(--r-sm);color:var(--text);background:0 0;justify-content:flex-start;gap:10px;padding:0 10px;font-weight:400}.menu-item svg{color:var(--muted)}.menu-mark{fill:currentColor;flex:none;width:15px;height:15px;margin:1px}.failed-page{gap:var(--s-3);flex-direction:column;max-width:420px;display:flex}.failed-page h1{font-size:var(--t-xl);font-weight:var(--bold)}button.avatar{cursor:pointer;transition:scale .12s var(--ease-out), box-shadow var(--fast);border:0;padding:0}button.avatar:active{scale:.95}.notices{z-index:var(--z-toast);top:max(var(--s-3), env(safe-area-inset-top));align-items:center;gap:var(--s-2);width:min(480px, calc(100vw - var(--s-5)));pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.notice{pointer-events:auto;align-items:center;gap:var(--s-2);background:var(--raised);max-width:100%;box-shadow:var(--e2);font-size:var(--t-sm);animation:notice .32s var(--spring);border-radius:999px;padding:8px 8px 8px 14px;display:flex}.notice.offline{animation:notice .32s var(--spring) 3s backwards;padding-right:14px}.notice svg{flex:none}.notice.failed>svg{color:var(--danger)}.notice span{flex:1;min-width:0}.notice-x{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (pointer:coarse){.crumbs a{min-height:var(--control);align-items:center;display:inline-flex}.btn{min-width:var(--control)}.notice-x{width:var(--control);height:var(--control)}}@keyframes notice{0%{opacity:0;transform:translateY(-14px)scale(.96)}}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled,[aria-disabled=true]){background-color:var(--btn-hover);box-shadow:var(--e-btn-hover)}.btn.primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--accent-fill-hover);box-shadow:none}.btn.quiet:hover:not(:disabled,[aria-disabled=true]){background:var(--btn);box-shadow:none;color:var(--text)}.btn.text:hover:not(:disabled,[aria-disabled=true]){box-shadow:none;color:var(--text);background:0 0}.menu-item.btn:hover:not(:disabled,[aria-disabled=true]){background:var(--raised);box-shadow:none}.stamp:hover{background:var(--btn-hover)}.notice-x:hover{background:var(--btn);color:var(--text)}button.avatar:hover{box-shadow:0 0 0 1px var(--line-hover)}a.link:hover,.muted a:hover{text-underline-offset:2px;text-decoration:underline}}@media (width<=640px){.topbar-row,.page{padding-left:16px;padding-right:16px}.menu{right:var(--s-4)}.readme{padding:20px}.modal{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:none;margin:auto 0 0}.modal-body{padding-bottom:max(var(--s-5), env(safe-area-inset-bottom))}@keyframes modal{0%{transform:translateY(100%)}}@keyframes modal-out{to{transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){.btn,.swap>*,.menu{transition:none}.menu:popover-open{transition:none}.btn:active:not(:disabled,[aria-disabled=true]){scale:1}.notice,.notice.offline,.modal,.modal::backdrop{animation:none}}}@layer page{.vlist{flex-direction:column;gap:4px;display:flex}.vrow{color:var(--text);border-radius:var(--r-lg);transition:background-color var(--fast);grid-template-columns:168px minmax(0,1fr);align-items:center;gap:16px;margin:0 -10px;padding:10px;scroll-margin-top:80px;display:grid}.vrow .muted{font-size:var(--t-sm)}.thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);background:var(--sunk);flex:none;width:100%;display:block}.vtitle{font-size:17px;font-weight:var(--bold);letter-spacing:-.015em}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.home-grid{gap:var(--s-5) var(--s-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.home-view{gap:2px}.page-head .count{margin-left:0}.vcard{color:var(--text);flex-direction:column;gap:10px;min-width:0;display:flex}.card-text{flex-direction:column;gap:1px;min-width:0;display:flex}.card-text b{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--bold);overflow:hidden}.card-text .muted{font-size:var(--t-sm)}.poster{border-radius:var(--r-lg);background:var(--sunk);box-shadow:var(--e1);transition:box-shadow .22s var(--ease-out);display:block;position:relative;overflow:hidden}.poster img,.poster .ph{aspect-ratio:16/9;object-fit:cover;outline:0;width:100%;display:block}.poster-play{color:#fff;opacity:0;width:48px;height:48px;transition:opacity .18s var(--ease-out), scale .28s var(--spring);background:oklch(20% 0 0/.72);border-radius:50%;justify-content:center;align-items:center;margin:-24px 0 0 -24px;padding-left:2px;display:flex;position:absolute;top:50%;left:50%;scale:.8;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.2)}.poster .tag{color:#fff;background:oklch(15% 0 0/.72);position:absolute;top:8px;left:8px;box-shadow:0 0 0 1px oklch(100% 0 0/.14)}@media (hover:hover) and (pointer:fine){.vcard:hover .poster{box-shadow:0 0 0 1px var(--line-hover)}.vcard:hover .poster-play{opacity:1;scale:1}.vrow:hover{background:oklch(from var(--text) l c h / .04)}}.board{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.board-col .box{height:100%}.board-col .box-body{gap:var(--s-2);min-height:160px;padding:var(--s-2)}.board-col.over .box{box-shadow:0 0 0 1px var(--line-hover)}.board-card{gap:var(--s-2);padding:var(--s-2);background:var(--raised);border-radius:var(--r);cursor:grab;flex-direction:column;display:flex}.board-card a{font-weight:var(--medium);grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;display:grid}.board-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-card select{padding:4px 8px}.first-run{justify-content:center;align-items:center;gap:var(--s-5);text-align:center;flex-direction:column;min-height:calc(100dvh - 220px);display:flex}.first-title{font-size:var(--t-2xl);font-weight:var(--bold);letter-spacing:-.025em;text-wrap:balance}.first-lead{max-width:56ch;margin-top:calc(-1 * var(--s-2));color:var(--muted);font-size:var(--t-lg);text-wrap:pretty}.first-prompt{margin-top:calc(-1 * var(--s-3));flex-direction:column;align-self:stretch;align-items:center;display:flex}.first-prompt summary{color:var(--muted);font-size:var(--t-sm);cursor:pointer;transition:color var(--fast);align-items:center;margin:-10px 0;padding:10px 0;list-style:none;display:inline-flex}.first-prompt summary::-webkit-details-marker{display:none}.first-prompt summary:hover{color:var(--text)}.first-prompt[open] .first-see,.first-prompt:not([open]) .first-hide{display:none}.first-prompt-body{gap:var(--s-2);text-align:left;max-width:65ch;margin-top:var(--s-3);padding:14px var(--s-4);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--e1);overflow-wrap:anywhere;flex-direction:column;line-height:1.6;display:flex}.first-community{margin:calc(-10px - var(--s-1)) 0 -10px;color:var(--muted);font-size:var(--t-sm);transition:color var(--fast);align-items:center;gap:10px;padding:10px 0;display:inline-flex}.first-community:hover{color:var(--text)}.first-works-with{margin-top:var(--s-1);color:var(--muted);font-size:var(--t-sm)}.pill{--pad:7px;--dot:30px;--step:20px;--label:112px;--grow:.35s var(--spring);width:calc(2 * var(--pad) + var(--dot) + (var(--n) - 1) * var(--step) + 16px + var(--label));background:var(--surface);max-width:100%;height:44px;box-shadow:var(--e1);cursor:pointer;transition:width var(--grow), box-shadow var(--fast);border:0;border-radius:999px;flex:none;padding:0;position:relative}.pill-mark{top:var(--pad);left:calc(var(--pad) + var(--i) * var(--step));z-index:calc(10 - var(--i));width:var(--dot);height:var(--dot);background:var(--sunk);box-shadow:0 0 0 2px var(--surface);color:var(--text);transition:translate var(--grow), scale var(--grow), opacity .2s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute}.pill-mark svg{fill:currentColor;width:15px;height:15px}.pill-text{inset:0 calc(var(--pad) + var(--dot) + 6px) 0 calc(var(--pad) + var(--dot) + 10px);color:var(--muted);font-family:var(--mono);font-size:var(--t-sm);white-space:nowrap;opacity:0;transition:opacity 80ms var(--ease-out);align-items:center;display:flex;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.pill-action{top:var(--pad);right:var(--pad);width:var(--label);height:var(--dot);background:var(--accent-fill);color:var(--on-accent);font-size:var(--t-sm);font-weight:var(--bold);transition:width var(--grow), background-color var(--fast), scale .12s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:absolute;overflow:hidden}.pill-action>*{transition:opacity .1s var(--ease-out) 90ms;grid-area:1/1}.pill-label{white-space:nowrap;position:absolute;left:50%;translate:-50%}.pill-icon{opacity:0;transition-delay:0s;display:flex}.pill:active .pill-action{scale:.96}@media (hover:hover) and (pointer:fine){.pill:is(:hover,:focus-visible){width:min(100%,400px)}.pill:is(:hover,:focus-visible) .pill-mark{translate:calc(-1 * var(--i) * var(--step)) 0}.pill:is(:hover,:focus-visible) .pill-mark:not(:first-child){opacity:0;scale:.8}.pill:is(:hover,:focus-visible) .pill-text{opacity:1;transition:opacity .2s var(--ease-out) 80ms}.pill:is(:hover,:focus-visible) .pill-action{width:var(--dot);background-color:var(--accent-fill-hover)}.pill:is(:hover,:focus-visible) .pill-label{opacity:0;transition-delay:0s}.pill:is(:hover,:focus-visible) .pill-icon{opacity:1;transition-delay:90ms}}@media (prefers-reduced-motion:reduce){.pill,.pill *{transition:none}}.cli{gap:var(--s-3);padding-top:var(--s-5);flex-direction:column;display:flex}.cli h1{font-size:var(--t-2xl);font-weight:var(--bold);letter-spacing:-.025em;line-height:1.2}.cli code{font-family:var(--mono);border-radius:var(--r-sm);background:var(--raised);color:var(--text);padding:1px 5px;font-size:.9em}.cli-warn{padding:var(--s-3) 14px;border-radius:var(--r);background:var(--accent-wash);font-size:var(--t-sm);text-wrap:pretty;gap:10px;display:flex}.cli-warn svg{color:var(--accent);flex:none;margin-top:1px}.cli-form{margin-top:var(--s-3)}.cli-code-shown{padding:var(--s-3) 0;font-family:var(--mono);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--text);font-size:34px;font-weight:500}.cli-actions{gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.input.cli-code{max-width:280px;height:60px;padding:0 var(--s-4);font-family:var(--mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:26px}.input.cli-code::selection{background:var(--sunk);color:var(--text)}.input.cli-code::placeholder{color:var(--muted);opacity:.45}.input.cli-code[aria-invalid]{box-shadow:0 0 0 1px var(--danger)}.input.cli-code[readonly]{color:var(--muted)}.cli-status{align-items:flex-start;gap:var(--s-2);min-height:22px;color:var(--muted);font-size:var(--t-sm);margin-top:10px;display:flex}.cli-status .spin{margin-top:3px}.cli-status.failed{color:var(--text)}.cli-status.failed svg{color:var(--danger);flex:none;margin-top:2px}.cli-done{align-items:flex-start}.cli-done-mark{color:var(--success)}.wait{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.wait-bar{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.wait-foot{justify-content:center;gap:20px;padding:16px 24px;font-size:13px;display:flex}.wait-main{text-align:center;flex-direction:column;flex:1;align-items:center;gap:32px;padding:12vh 20px 8vh;display:flex}.wait-main h1{max-width:820px;font-size:clamp(38px,6vw,68px);line-height:1.04;font-weight:var(--bold);letter-spacing:-.04em;margin:0}.wait-main h1 span{color:var(--muted)}.wait-cta{align-self:stretch;align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.wait-cta p{font-size:var(--t-sm);margin:0}.reel{background:var(--surface);border-radius:var(--r-lg);width:min(560px,100%);box-shadow:var(--e1);font-size:var(--t-sm);text-align:left;flex-direction:column;gap:10px;margin-top:4vh;padding:18px 20px 20px;display:flex}.reel-line{animation:reel .42s var(--ease) .7s backwards;align-items:baseline;gap:10px;display:flex}.reel-line:nth-child(2){animation-delay:1.5s}.reel-line b{font-weight:var(--medium);color:var(--text)}.reel-you,.reel-agent{width:42px;color:var(--muted);font-family:var(--mono);flex:none;font-size:11px}.reel-agent{color:var(--text)}.reel-track{justify-content:space-between;margin-top:12px;padding-top:14px;display:flex;position:relative}.reel-track:before{content:"";background:linear-gradient(90deg, var(--accent) 50%, var(--line) 50%) 100% 0 / 200% 100%;height:2px;animation:reel-fill .7s var(--ease) 2s forwards;border-radius:1px;position:absolute;top:4px;left:4px;right:4px}.reel-v{color:var(--muted);font-family:var(--mono);font-size:11px;position:relative}.reel-v i{background:var(--muted);width:10px;height:10px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:-14px;left:0}.reel-new{color:var(--text);animation:reel-pop .46s var(--spring) 2.5s backwards}.reel-new i{background:var(--accent);box-shadow:0 0 0 3px var(--surface);left:auto;right:0}@keyframes reel{0%{opacity:0;transform:translateY(8px)}}@keyframes reel-fill{to{background-position:0 0}}@keyframes reel-pop{0%{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){.reel-line,.reel-new,.reel-track:before{animation:none}.poster,.poster img,.poster-play{transition:none;animation:none}}@media (width<=640px){.board{scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scroll-padding:0 16px;display:flex;overflow-x:auto}.board-col{scroll-snap-align:start;flex:0 0 82vw}}@media (width<=700px){.vrow{grid-template-columns:120px minmax(0,1fr)}}.wl{z-index:30;left:var(--s-4);bottom:max(var(--s-4), env(safe-area-inset-bottom));gap:var(--s-2);width:300px;padding:var(--s-4);background:var(--raised);border-radius:var(--r-lg);box-shadow:var(--e2);animation:wl-in .26s var(--ease-out) 3s backwards;flex-direction:column;display:flex;position:fixed}.wl-x{position:absolute;top:10px;right:10px}.wl-title{align-items:center;gap:var(--s-2);padding-right:var(--s-5);font-weight:var(--bold);display:flex}.wl-body{margin-bottom:var(--s-1);color:var(--muted);font-size:var(--t-sm);text-wrap:pretty}@keyframes wl-in{0%{visibility:hidden;opacity:0;transform:translateY(12px)scale(.97)}}@media (width<=900px){.wl{left:var(--s-3);right:var(--s-3);width:auto;bottom:max(var(--s-3), env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.wl{animation:none}}.vis.btn{background:var(--btn);height:20px;min-height:0;box-shadow:0 0 0 1px var(--line-soft);font-size:var(--t-xs);font-weight:var(--medium);border-radius:999px;gap:4px;margin:0 2px;padding:0 7px 0 6px}.vis.btn:disabled{opacity:1}html:has(dialog.stage:modal){scrollbar-gutter:stable;overflow:hidden}html:has(dialog.stage:modal){background:var(--room)}html:has(dialog.stage:modal) body{background:var(--room)}.tag{border-radius:var(--r-sm);background:var(--btn);height:20px;box-shadow:0 0 0 1px var(--line-soft);color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:var(--medium);align-items:center;padding:0 6px;display:inline-flex}.count{background:var(--btn);min-width:20px;height:20px;box-shadow:0 0 0 1px var(--line-soft);color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:var(--medium);letter-spacing:0;vertical-align:2px;border-radius:999px;justify-content:center;align-items:center;margin-left:8px;padding:0 6px;display:inline-flex}kbd{background:var(--btn);min-width:18px;height:18px;box-shadow:0 0 0 1px var(--line-soft), 0 1px 0 var(--line);color:var(--text);font-family:var(--mono);border-radius:5px;justify-content:center;align-items:center;margin:0 1px 0 6px;padding:0 4px;font-size:10px;display:inline-flex}kbd+kbd{margin-left:1px}.stage{gap:var(--s-4);width:auto;max-width:none;height:auto;max-height:none;color:inherit;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex;position:static;overflow:visible}.stage:focus-visible{outline:none}.stage-top{display:none}.stage-inline{gap:var(--s-4);flex-direction:column;display:flex}.stage-title{align-items:center;gap:var(--s-2);white-space:nowrap;flex:1;min-width:0;display:flex}.stage-title b{text-overflow:ellipsis;font-weight:var(--bold);letter-spacing:-.01em;overflow:hidden}.stage-keys{color:var(--muted);font-size:var(--t-xs);white-space:nowrap}.stage-player{background:var(--well);color:var(--text);border-radius:var(--r-lg);box-shadow:var(--e1);flex-direction:column;display:flex;overflow:hidden}.stage>.stage-player{view-transition-name:v2-player}.stage-player:fullscreen{box-shadow:none;border-radius:0}.stage-player:fullscreen .stage-picture{aspect-ratio:auto;flex:1;min-height:0;max-height:none}.stage-picture{width:100%;aspect-ratio:var(--ar,16 / 9);background:oklch(9% .003 270);max-height:72dvh;position:relative;overflow:hidden}.stage-picture video{object-fit:contain;cursor:pointer;outline:0;width:100%;height:100%;display:block}.stage-big{color:#fff;pointer-events:none;width:68px;height:68px;transition:opacity .24s var(--ease-out), scale .32s var(--spring);background:oklch(20% 0 0/.72);border-radius:50%;justify-content:center;align-items:center;margin:-34px 0 0 -34px;padding-left:3px;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.2)}.stage-big.off{opacity:0;scale:1.35}.stage-msg{padding:var(--s-4);color:var(--muted);text-align:center;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.stage-wait{color:#fff;pointer-events:none;border-width:3px;width:30px;height:30px;margin:-15px 0 0 -15px;animation:.7s linear infinite spin,.15s ease-out .4s backwards stage-late;position:absolute;top:50%;left:50%}@keyframes stage-late{0%{opacity:0}}.stage-dock{padding:var(--s-1) var(--s-2) var(--s-2);flex:none}.stage-scrub{height:26px;margin:0 var(--s-2);cursor:pointer;touch-action:none;position:relative;container-type:inline-size}.stage-rail{pointer-events:none;height:4px;transition:scale .16s var(--ease-out);background:oklch(100% 0 0/.14);border-radius:2px;margin-top:-2px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.stage-buffer,.stage-fill{transform-origin:0;position:absolute;inset:0}.stage-buffer{scale:calc(var(--b,0) / 100) 1;background:oklch(100% 0 0/.16);transition:scale .4s ease-out}.stage-fill{background:var(--accent);scale:calc(var(--p,0) / 100) 1;transition:scale .25s linear}.stage-knob{pointer-events:none;opacity:0;width:14px;height:14px;scale:.5;translate:calc(var(--p,0) * 1cqw) 0;transition:translate .25s linear, opacity .14s var(--ease-out), scale .2s var(--spring);background:#fff;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;left:0;box-shadow:0 0 0 1px oklch(0% 0 0/.4)}.stage-scrub.drag .stage-fill,.stage-scrub.drag .stage-knob{transition-duration:0s,.14s,.2s}.stage-scrub.drag .stage-knob,.stage-scrub:focus-visible .stage-knob{opacity:1;scale:1}.stage-mark{pointer-events:none;position:absolute}.stage-mark.comment{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--well);transition:scale .2s var(--spring);border-radius:50%;margin:-5px 0 0 -5px;top:50%}.stage-mark.comment.near{scale:1.4}.stage-mark.change{border-radius:1px;width:3px;height:10px;margin:-5px 0 0 -1.5px;top:50%}.stage-tip{z-index:2;align-items:baseline;gap:var(--s-2);max-width:240px;box-shadow:var(--e2);font-size:var(--t-xs);pointer-events:none;white-space:nowrap;animation:tip .14s var(--ease-out);background:oklch(26% .004 270);border-radius:8px;padding:3px 8px;display:flex;position:absolute;bottom:28px;translate:-50%}.stage-tip .mono{flex:none}.stage-tip-text{text-overflow:ellipsis;min-width:0;color:var(--muted);overflow:hidden}@keyframes tip{0%{opacity:0;transform:translateY(3px)}}.stage-bar{flex:none;align-items:center;gap:2px;display:flex}.stage-bar>*{flex:none}.stage-bar .btn.quiet{color:oklch(86% 0 0)}.stage-play.btn{background:var(--btn);box-shadow:0 0 0 1px var(--line-soft);margin-right:var(--s-1);color:#fff}.stage-skip-mark{display:inline-flex;position:relative}.stage-skip-mark i{font:600 7.5px var(--font);justify-content:center;align-items:center;padding-top:1px;font-style:normal;display:flex;position:absolute;inset:0}.stage-time{margin:0 auto 0 var(--s-2);font-size:var(--t-xs);white-space:nowrap}.stage-quality.btn{padding:0 var(--s-2);font-size:var(--t-xs)}.stage-quality-menu{transform-origin:100% 100%;width:auto;min-width:128px;inset:auto;translate:0 4px}.stage-quality-menu .menu-item.btn{font-size:var(--t-xs)}.stage-quality-menu .menu-item i{width:15px}.stage-rate.btn{min-width:42px;padding:0 var(--s-2);font-size:var(--t-xs);overflow:hidden}.stage-rate-now{animation:rate .22s var(--spring);display:inline-block}@keyframes rate{0%{opacity:0;transform:translateY(70%)}}@media (hover:hover) and (pointer:fine){.stage-scrub:hover .stage-rail,.stage-scrub.drag .stage-rail{scale:1 1.6}.stage-scrub:hover .stage-knob{opacity:1;scale:1}.stage-play.btn:hover:not(:disabled,[aria-disabled=true]){background:var(--btn-hover);box-shadow:0 0 0 1px var(--line)}}@media (hover:none){.stage-tip{display:none}.stage-knob{opacity:1;scale:1}}@media (hover:hover) and (pointer:fine){.stage-bar .btn.quiet:hover:not(:disabled,[aria-disabled=true]){color:#fff}.c-stamp.btn:hover:not(:disabled,[aria-disabled=true]){background:var(--btn-hover);color:var(--accent-text)}.vis.btn:not(:disabled):hover{background:var(--btn-hover)}}@media (pointer:coarse){.stage-scrub{height:38px}.c-send{width:40px;height:40px}.c-stamp.btn:after,.c-fix.btn:after,.vis.btn:after{content:"";position:absolute;inset:-12px -6px}}@media (prefers-reduced-motion:reduce){.stage-rate-now,.stage-tip,.c-fixed,.c-cancel.btn,.vp-ready,.vp-more-body,.stage-wait{animation:none}.stage:modal .c{animation:none}.stage-fill,.stage-knob,.stage-buffer,.stage-big,.vp-pill[data-placed],.vp-thumb,.c-send{transition:none}::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}.stage:modal{gap:var(--s-3);width:100vw;height:100dvh;padding:0 calc(var(--s-3) + 100vw - 100%) var(--s-3) var(--s-3);background:var(--room);color:var(--text);grid-template:"top""player""side"minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0 auto 0 0;overflow:clip}.stage:modal::backdrop{background:0 0}.stage:modal .stage-inline{display:none}.stage:modal .stage-top{align-items:center;gap:var(--s-3);min-height:52px;margin-right:calc(var(--s-1) * -1);view-transition-name:v2-top;grid-area:top;display:flex}.stage:modal .stage-player{grid-area:player;min-height:0}.stage:modal .stage-picture{max-height:38dvh}.stage:modal .stage-side{view-transition-name:v2-side;flex-direction:column;grid-area:side;min-height:0;margin:0;display:flex}.stage:modal .box-body{flex:1;min-height:0}.stage:modal .c-list{overscroll-behavior:contain;min-height:0;margin-top:calc(var(--s-4) * -1);box-shadow:0 1px 0 var(--line-soft);flex:1;order:2;margin-bottom:0;overflow:hidden auto}.stage:modal .c-empty{flex:1;order:2}.stage:modal .c-form{order:3}.stage:modal .c{animation:c-in .34s var(--ease) calc(.12s + var(--i,0) * 32ms) backwards}@keyframes c-in{0%{opacity:0;transform:translate(14px)}}@media (width>=900px),(orientation:landscape){.stage:modal{grid-template:"top top""player side"minmax(0,1fr)/minmax(0,1fr) clamp(300px,28vw,400px)}.stage:modal .stage-picture{aspect-ratio:auto;flex:1;min-height:0;max-height:none}}@media (orientation:landscape) and (height<=500px){.stage:modal{padding-top:var(--s-3);grid-template:"player top""player side"minmax(0,1fr)/minmax(0,1fr) clamp(260px,36vw,340px)}}@media (width<=899px),(pointer:coarse){.stage-keys{display:none}}@media (height<=600px) and (orientation:portrait){.stage:modal .box-head{display:none}}@media (width<=430px){.stage-mute{display:none}}@media (width<=350px){.stage-skip{display:none}}::view-transition{pointer-events:none}::view-transition-group(*){animation-duration:.38s;animation-timing-function:var(--ease)}::view-transition-old(root){animation-duration:.3s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--ease-out)}::view-transition-old(v2-player){object-fit:cover;height:100%;animation-duration:.24s}::view-transition-new(v2-player){object-fit:cover;height:100%;animation-duration:.24s}::view-transition-new(v2-side){animation:vt-side .38s var(--ease) both}::view-transition-old(v2-side){animation:.22s ease-in both vt-side-out}::view-transition-new(v2-top){animation:vt-top .3s var(--ease) both}::view-transition-old(v2-top){animation:.16s ease-in both vt-side-fade}@keyframes vt-side{0%{opacity:0;transform:translate(32px)scale(.98)}}@keyframes vt-side-out{to{opacity:0;transform:translate(24px)}}@keyframes vt-top{0%{opacity:0;transform:translateY(-10px)}}@keyframes vt-side-fade{to{opacity:0}}.agent-card{align-items:center;gap:var(--s-3);display:flex}.agent-card-text{color:var(--muted);white-space:nowrap}.stage:modal .agent-card-text{display:none}.c-form{background:var(--surface);border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);transition:box-shadow .18s var(--ease-out);flex-direction:column;gap:2px;padding:10px 8px 8px 12px;display:flex}.stage:modal .c-form{background:var(--raised)}.c-form:focus-within{box-shadow:0 0 0 1px var(--accent)}.c-input{resize:none;field-sizing:content;background:0 0;border:0;outline:0;width:100%;min-height:24px;max-height:30dvh;padding:0;line-height:1.5}.c-input::placeholder{color:var(--muted)}.c-row{justify-content:flex-end;align-items:center;gap:var(--s-1);display:flex}.c-stamp.btn{background:var(--btn);border-radius:var(--r-sm);height:26px;color:var(--accent-text);font-size:var(--t-xs);gap:4px;margin-right:auto;padding:0 7px 0 5px}.c-stamp .mono{font-size:var(--t-xs)}.c-cancel.btn{min-height:30px;padding:0 var(--s-2);font-size:var(--t-xs);animation:tip .14s var(--ease-out)}.c-send{background:var(--btn);width:30px;height:30px;min-height:0;box-shadow:0 0 0 1px var(--line-soft);color:var(--muted);cursor:default;transition:background-color .16s var(--ease-out), color .16s var(--ease-out), scale .24s var(--spring), box-shadow .16s var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;scale:.92}.c-send.ready{background:var(--accent-fill);color:var(--on-accent);box-shadow:none;cursor:pointer;scale:1}.c-send.ready:active{scale:.92}.c-fly{z-index:var(--z-toast);background:var(--accent);pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:fixed;top:0;left:0}.c-empty{font-size:var(--t-sm)}.c-list{margin:0 calc(var(--s-4) * -1);flex-direction:column;padding:0;list-style:none;display:flex}.c-list:first-child{margin-top:calc(var(--s-4) * -1)}.c-list:last-child{margin-bottom:calc(var(--s-4) * -1)}.c-form+.c-list{box-shadow:0 -1px 0 var(--line-soft)}.c{padding:var(--s-3) var(--s-4);transition:background-color .22s var(--ease-out);align-items:flex-start;gap:10px;display:flex}.c+.c{border-top:1px solid var(--line-soft)}.c.on{background:var(--raised)}.c-body{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.c-who{font-size:var(--t-sm);align-items:baseline;gap:6px;display:flex}.c-who b{font-weight:var(--bold)}.c-who .muted{font-size:var(--t-xs)}.c-fixed{color:var(--success);font-size:var(--t-xs);font-weight:var(--medium);animation:fixed .3s var(--spring);align-self:center;align-items:center;gap:3px;display:inline-flex}@keyframes fixed{0%{opacity:0;scale:.8}}.c-text{overflow-wrap:anywhere;transition:color .2s var(--ease-out);line-height:1.5}.c.fixed .c-text{color:var(--muted)}.c-fix.btn{font-size:var(--t-xs);gap:4px;margin-top:2px}@media (hover:hover) and (pointer:fine){.c{position:relative}.c-fix.btn{top:var(--s-3);right:var(--s-4);opacity:0;transition:opacity var(--fast), color var(--fast);margin:0;padding:0;position:absolute}.c:hover .c-fix.btn,.c-fix.btn:focus-visible,.c.fixed .c-fix.btn{opacity:1}.stage-side .c:hover:not(.on){background:oklch(from var(--text) l c h / .035)}}.cuts{background:var(--surface);box-shadow:var(--e1);border-radius:var(--r-lg);padding:6px 0;position:relative}.cuts .line{background:var(--line);width:1px;position:absolute;top:22px;bottom:22px;left:27px}.cut{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:9px 16px 9px 22px;display:flex;position:relative}.cut:hover{background:var(--raised)}.cut .node{background:var(--surface);border:1.5px solid var(--muted);width:11px;height:11px;transition:background-color var(--fast), border-color var(--fast);border-radius:50%;flex:none;position:relative}.cut.playing .node{background:var(--text);border-color:var(--text)}.cut .what{flex:1;min-width:0}.tab-body{gap:var(--s-4);flex-direction:column;padding:20px 24px 24px;display:flex}.done{color:var(--muted)}.files-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.frow{border-top:1px solid var(--line-soft);grid-template-columns:22px minmax(140px,1fr) minmax(0,2fr) 80px;align-items:center;gap:12px;padding:9px 20px;display:grid}.frow .desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frow .size{font-size:var(--t-xs);color:var(--muted);text-align:right}.watch-more [aria-pressed=true]{color:var(--text)}.watch-more{font-size:var(--t-md);flex-wrap:wrap;gap:22px;display:flex}.vrow-changes{font-size:var(--t-sm);color:var(--muted);flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.vrow-changes li{align-items:baseline;gap:10px;display:flex}.vchg{flex-direction:column;gap:8px;margin-top:6px;padding:4px 0 0;display:flex}.vchg-bar{border-radius:var(--r-sm);background:var(--raised);height:14px;position:relative;overflow:hidden}.vchg-seg{border:0;border-right:1px solid var(--bg);cursor:pointer;padding:0;position:absolute;top:0;bottom:0}.vchg-seg:hover{filter:brightness(1.35)}.vchg-cut{background:var(--danger);pointer-events:auto;width:3px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.vchg-key{font-size:var(--t-xs);color:var(--muted);gap:14px;display:flex}.vchg-key i{vertical-align:0;border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.vchg .vrow-changes{grid-template-columns:72px minmax(0,1fr);gap:6px 12px;margin:0;display:grid}.vchg-head{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.vchg .vrow-changes li{display:contents}.vchg .vrow-changes li>.stamp{font-size:var(--t-xs);grid-column:1;justify-self:start}.vchg .vrow-changes li>span{grid-column:2}.vchg .vrow-changes li>span:only-child{grid-column:1/-1}.sp-readme .readme,.sp-readme .tab-body{padding:0}.vp{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:32px;max-width:1760px;margin:0 auto;padding:20px 32px 96px 16px;display:grid;overflow-x:clip}.vp-rail{scrollbar-width:none;flex-direction:column;gap:4px;max-height:calc(100vh - 88px);margin:-3px;padding:3px;display:flex;position:sticky;top:72px;overflow-y:auto}.vp-pill{border-radius:var(--r);background:var(--btn);box-shadow:var(--e-btn);pointer-events:none;position:absolute;top:0;left:3px;right:3px}.vp-pill[data-placed]{transition:transform .3s var(--spring), height .2s var(--ease-out), opacity .15s var(--ease-out)}.vp-rail-head{height:28px;color:var(--muted);font-size:var(--t-sm);justify-content:space-between;align-items:center;margin-top:14px;padding:0 6px 0 10px;display:flex}.vp-tabs{flex-direction:column;gap:2px;display:flex;position:relative}.vp-tab{border-radius:var(--r);min-height:38px;color:var(--muted);font-size:var(--t-md);transition:color var(--fast), background-color var(--fast);align-items:center;gap:10px;padding:0 10px;display:flex}.vp-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--sunk);opacity:.75;width:38px;transition:opacity var(--fast), scale .2s var(--spring);border-radius:5px;flex:none;margin-left:-2px}.vp-tab svg{flex:none}.vp-tab.on .vp-thumb{opacity:1}.vp-tab.on{color:var(--text);font-weight:var(--medium)}@media (hover:hover) and (pointer:fine){.vp-tab:hover{color:var(--text)}.vp-tab:hover .vp-thumb{opacity:1}.vp-tab:not(.on):hover{background:oklch(from var(--text) l c h / .04)}}.vp-tab-text{flex:1;min-width:0;padding:4px 0}.vp-tab-label,.vp-tab-sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.vp-tab-sub{color:var(--muted);font-size:var(--t-xs);font-weight:400}.vp-new{font-size:var(--t-xs);font-weight:var(--medium);color:var(--accent-text);align-items:center;gap:6px;display:inline-flex}.vp-new:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.vp-main{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.vp-main>.box,.vp-main>.vp-more,.vp-main>.vp-about{margin-top:var(--s-4)}.vp-main[aria-busy=true]{opacity:.6;transition:opacity .15s ease-out .2s}.vp-ready{background:var(--surface);height:32px;box-shadow:var(--e1);font-size:var(--t-sm);font-weight:var(--medium);animation:notice .36s var(--spring);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.vp-ready i{background:var(--accent);border-radius:50%;width:7px;height:7px}.vp-ready svg{color:var(--muted);transition:translate .2s var(--spring)}.vp-ready:hover svg{translate:3px}.vp-head{flex-direction:column;gap:12px;margin-top:-2px;display:flex}.vp-title{font-size:var(--t-xl);font-weight:var(--bold);letter-spacing:-.02em;margin:0;line-height:1.25}.vp-head-actions{flex-wrap:wrap;gap:8px;display:flex}.vp-empty{font-size:var(--t-md);margin:0}.stage-side{margin-top:var(--s-4)}.vp-more summary,.vp-files summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.vp-more summary::-webkit-details-marker{display:none}.vp-files summary::-webkit-details-marker{display:none}.vp-more summary svg,.vp-files summary svg{transition:rotate .22s var(--ease)}.vp-more[open] summary svg,.vp-files[open] summary svg{rotate:180deg}.vp-more summary{color:var(--muted);font-size:var(--t-sm);font-weight:var(--medium);transition:color var(--fast)}.vp-more summary:hover{color:var(--text)}.vp-more-body{animation:tip .2s var(--ease-out);flex-direction:column;gap:16px;padding-top:16px;display:flex}.vp-facts{flex-direction:column;gap:8px;max-width:420px;display:flex}.vp-files summary{font-size:var(--t-md)}.vp-files ul{max-height:320px;margin:var(--s-2) 0 0;font-size:var(--t-sm);flex-direction:column;gap:4px;padding:0;list-style:none;display:flex;overflow-y:auto}.vp-files li{gap:var(--s-2);grid-template-columns:64px minmax(0,1fr);display:grid}.vp-files .mono{overflow-wrap:anywhere}.gal-grid{gap:var(--s-4) var(--s-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.gal-tile{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;min-width:0;padding:0;display:flex}.gal-media{aspect-ratio:16/9;border-radius:var(--r);background:var(--sunk);display:block;overflow:hidden}.gal-media video,.gal-media img{object-fit:cover;width:100%;height:100%;display:block}.gal-name{color:var(--muted);font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gal-tile:hover .gal-name{color:var(--text)}.lightbox video,.lightbox img{border-radius:var(--r);object-fit:contain;background:oklch(9% .003 270);width:100%;min-height:0;max-height:calc(100dvh - 190px);display:block}.gal-actions{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.gal-actions .muted{font-size:var(--t-sm);white-space:nowrap;flex:1}.sbs{gap:var(--s-3);flex-direction:column;display:flex}.sbs-videos{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sbs figure{min-width:0;margin:0}.sbs video{aspect-ratio:16/9;border-radius:var(--r);object-fit:contain;background:oklch(9% .003 270);width:100%;display:block}.sbs figcaption{color:var(--muted);font-size:var(--t-sm);margin-top:6px}.sbs-dock{align-items:center;gap:var(--s-3);display:flex}.sbs-dock input{min-width:0;accent-color:var(--accent);flex:1}.sbs-dock .mono{font-size:var(--t-sm);flex:none}.vp-about{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.vp-about-side{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.vp-about-side .readme{font-size:var(--t-md)}.vp-about-side .vp-latest-card{flex-direction:column;align-items:stretch}.vp-about-side .vp-latest-card img{width:100%}.vp-about .readme>:not(.md-table){max-width:80ch}@media (width>=1101px){.vp-about{grid-template-columns:minmax(0,1fr) 300px}}.vp-latest-card{gap:var(--s-4);margin:calc(var(--s-4) * -1);padding:var(--s-4);transition:background-color var(--fast);align-items:center;display:flex}.vp-latest-card:hover{background:var(--raised)}.vp-latest-card img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);flex:none;width:160px}.vp-latest-card>span{flex-direction:column;gap:4px;display:flex}.vp-latest-msg{color:var(--muted)}.vp-vlabel{align-items:center;gap:10px;display:flex}.vp-vlabel b{font-weight:var(--bold)}.vp-vmsg{text-wrap:pretty;max-width:72ch}.vp-vlabel .muted{font-size:var(--t-sm)}.labels{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.labels select{width:auto;padding:4px 8px}.labels input{width:110px;padding:4px 8px}.label-chip.tag{height:28px;font-size:var(--t-sm);padding:0 0 0 8px}.label-chip button{width:24px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.label-chip button:hover{color:var(--text)}.vp-owner-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.vp-owner{align-items:center;gap:12px;min-width:0;display:flex}.vp-owner-text{flex-direction:column;gap:1px;min-width:0;display:flex}.vp-owner-name{font-size:var(--t-md);font-weight:var(--bold);color:var(--text)}.vp-owner-sub{font-size:var(--t-xs);color:var(--muted);align-items:center;gap:6px;display:flex}.vp-made-from{font-size:var(--t-md);color:var(--text);margin:0}.vp-prevp-grid{gap:var(--s-4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;display:grid}.vp-prevp-video{border-radius:var(--r);box-shadow:var(--e1);background:#000;align-self:start;overflow:hidden}.vp-prevp-video video{aspect-ratio:16/9;background:#000;width:100%;display:block}.vp-prevp-video .stage-msg{aspect-ratio:16/9;position:static}.vp-prevp-list{flex-direction:column;gap:2px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.vp-prevp-c{text-align:left;border-radius:var(--r);cursor:pointer;width:100%;font-size:var(--t-md);color:var(--text);background:0 0;border:0;align-items:baseline;gap:12px;padding:8px 10px;line-height:1.45;display:flex}.vp-prevp-c:hover{background:oklch(from var(--text) l c h / .04)}.vp-prevp-c.on{background:var(--raised)}.vp-prevp-at{min-width:40px;color:var(--accent-text);font-family:var(--mono);font-size:var(--t-xs);font-variant-numeric:tabular-nums;flex:none}.vp-prevp-text{overflow-wrap:anywhere;min-width:0}.vp-prompt-text{white-space:pre-wrap}.vp-prompt-text.folded{max-height:6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.vp-count{font-size:var(--t-xs);color:var(--muted);font-variant-numeric:tabular-nums}.rf{flex-direction:column;gap:20px;display:flex}.rf-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.rf-head-text{flex-direction:column;gap:4px;display:flex}.rf-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;display:grid}.rf-tree{max-height:calc(100vh - 160px);margin:-3px;padding:3px;position:sticky;top:72px;overflow-y:auto}.rf-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rf-folder>summary{color:var(--text);list-style:none}.rf-folder>summary::-webkit-details-marker{display:none}.rf-folder>.rf-list{margin-top:2px;padding-left:12px}.rf-chevron{transition:transform .12s ease-out}.rf-folder[open]>summary .rf-chevron{transform:rotate(90deg)}.rf-item{width:100%;height:var(--control);border-radius:var(--r);color:var(--muted);cursor:pointer;text-align:left;font-size:var(--t-sm);background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.rf-item svg{flex:none}.rf-item:hover{background:oklch(from var(--text) l c h / .04);color:var(--text)}.rf-item.on{background:var(--btn);box-shadow:var(--e-btn);color:var(--text)}.rf-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rf-size{font-size:var(--t-xs);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.rf-view{flex-direction:column;gap:14px;min-width:0;display:flex}.rf-stage{border-radius:var(--r-lg);background:var(--well);box-shadow:var(--e1);justify-content:center;align-items:center;min-height:240px;display:flex;overflow:hidden}.rf-stage .stage-player,.vp-prevp-video .stage-player{width:100%;box-shadow:none;border-radius:0}.rf-stage img{object-fit:contain;background:#000;width:100%;max-height:70vh;display:block}.rf-stage iframe{background:#fff;border:0;width:100%;height:70vh}.codeview{background:var(--well);width:100%;box-shadow:var(--e1);border-radius:var(--r-lg);flex-direction:column;align-self:stretch;min-width:0;display:flex;overflow:hidden}.code-bar{background:var(--surface);box-shadow:0 1px 0 var(--line-soft);font-size:var(--t-xs);align-items:center;gap:12px;padding:8px 12px;display:flex}.code-tabs{gap:2px;display:flex}.code-tabs button{border-radius:var(--r);color:var(--muted);font-size:var(--t-xs);cursor:pointer;background:0 0;border:0;padding:5px 10px}.code-tabs button.on{background:var(--btn);box-shadow:var(--e-btn);color:var(--text)}.code-actions{gap:8px;margin-left:auto;display:flex}.code-body{max-height:70vh;margin:0;overflow:auto}pre.code-body{color:var(--text);font-family:var(--mono);font-size:var(--t-xs);counter-reset:line;padding:10px 0;line-height:1.6}pre.code-body code{min-width:100%;font:inherit;display:inline-block}.code-line{counter-increment:line;padding-right:16px;display:block}.code-line:before{content:counter(line);text-align:right;width:3.5em;color:var(--muted);-webkit-user-select:none;user-select:none;margin-right:16px;display:inline-block}.code-line:hover{background:oklch(from var(--text) l c h / .05)}div.code-body{padding:16px 20px}.code-more{border-top:1px solid var(--line);font-size:var(--t-xs);margin:0;padding:8px 12px}.rf-empty{color:var(--muted);text-align:center;background:var(--surface);flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:12px;width:100%;padding:40px 24px;display:flex}.rf-view img.rf-svg,.rf-svg{width:100%;max-height:70vh;padding:var(--s-5);object-fit:contain;background:#fff}.rf-empty audio{width:min(480px,100%)}.rf-meta{flex-direction:column;gap:10px;display:flex}.rf-meta-top{font-size:var(--t-md);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rf-meta-top b{font-weight:var(--bold);font-size:var(--t-sm);overflow-wrap:anywhere}.rf-meta-actions{gap:8px;margin-left:auto;display:flex}.rf-note{color:var(--muted);font-size:var(--t-md);margin:0;line-height:1.5}@media (width<=640px){.agent-card-text{display:none}.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-body{padding:16px}.frow{grid-template-columns:22px minmax(0,1fr) 70px}.frow .desc{display:none}}@media (width<=900px){.vp{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 16px 80px}.vp-rail{flex-direction:row;align-items:center;gap:2px;max-height:none;margin:0 -16px;padding:0 16px;position:static;overflow:auto hidden}.vp-tabs,.vp-rail-head{display:contents}.vp-rail-head>span,.vp-thumb,.vp-tab-sub,.vp-pill{display:none}.vp-tab{flex:none;min-height:44px}.vp-tab.on{background:var(--btn);box-shadow:var(--e-btn)}.vp-prevp-grid{grid-template-columns:1fr}.vp-prevp-list{max-height:none}.rf-grid{grid-template-columns:1fr}.rf-tree{max-height:260px;position:static}}@media (width<=700px){.sbs-videos{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.vchg .vrow-changes{row-gap:24px}.vp-made-from{min-height:var(--control);align-items:center;gap:.3em;display:flex}.vp-owner-name{position:relative}.vp-owner-name:after{content:"";position:absolute;inset:-12px 0}.label-chip.tag{height:var(--control)}.label-chip button{width:var(--control);height:var(--control)}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tint:.003 270;--bg:oklch(.155 var(--tint));--well:oklch(.125 var(--tint));--surface:oklch(.195 var(--tint));--raised:oklch(.235 var(--tint));--sunk:oklch(.275 var(--tint));--room:oklch(.105 var(--tint));--line:oklch(100% 0 0/.14);--line-soft:oklch(100% 0 0/.08);--line-hover:oklch(100% 0 0/.24);--text:oklch(96% .012 90);--muted:oklch(.72 var(--tint));--btn:oklch(100% 0 0/.07);--btn-hover:oklch(100% 0 0/.11);--e1:0 0 0 1px oklch(100% 0 0/.08);--e2:0 0 0 1px oklch(100% 0 0/.1), 0 16px 40px -12px oklch(0% 0 0/.7);--e-btn:0 0 0 1px oklch(100% 0 0/.1);--e-btn-hover:0 0 0 1px oklch(100% 0 0/.16);--scrim:oklch(.08 var(--tint) / .72);--accent:oklch(88% .13 95);--accent-fill:oklch(94% .018 90);--accent-fill-hover:oklch(86% .018 90);--on-accent:oklch(17% .01 90);--accent-text:oklch(88% .13 95);--accent-wash:oklch(88% .13 95/.14);--success:oklch(80% .16 155);--danger:oklch(72% .18 25);--change:#f0883e;--change-new:#3fb950;--change-cut:#f85149;--change-same:#2d333b;--change-unmapped:#1c2128;--font:Geist, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--t-xs:12px;--t-sm:13px;--t-md:14px;--t-lg:16px;--t-xl:20px;--t-2xl:28px;--bold:600;--medium:500;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--r-sm:6px;--r:8px;--r-lg:12px;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);--fast:.15s var(--ease-out);--z-toast:100;--control:34px;--field-text:14px}@media (pointer:coarse){:root{--control:44px;--field-text:16px}}
