html:not([data-theme="dark"]){--paper:#ececec;--sheet-tex:none}
.local-hud,.unfold-demo{display:none!important}
.paper-gl{display:none!important}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
html{scrollbar-gutter:auto}
body{isolation:isolate}a{color:inherit}.paper-gl{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.unfold-demo{position:fixed;z-index:40;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(14px);color:var(--ink);font:12px var(--font-sans)}
.unfold-caption{font-size:11px;color:var(--ink-muted);white-space:nowrap}.unfold-options{display:flex;gap:4px}.unfold-demo button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:6px;padding:9px 12px;cursor:pointer;white-space:nowrap}.unfold-demo button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.unfold-demo button small{font-size:10px;margin-left:7px;opacity:.7}.unfold-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.unfold-demo [hidden]{display:none}
.hv2__stage.is-open .hv2__center{opacity:0;pointer-events:none}.hv2__stage.is-open .hv2__ctarow{pointer-events:none}.hv2__stage .hv2__center{transition:opacity .3s}.wheel-hint{display:none}
.hv2__stage{height:100dvh}
@media(max-width:700px){.unfold-demo{bottom:12px;gap:5px;max-width:calc(100vw - 16px);padding:6px}.unfold-caption,.unfold-demo small{display:none}.unfold-demo button{padding:8px;font-size:11px}}
.local-header{position:fixed;inset:0 0 auto;z-index:30;padding:0 32px;pointer-events:none;font-family:var(--font-sans)}
.local-hud{display:flex;gap:8px;height:24px;align-items:start;font:10px/16px var(--font-mono,monospace);color:var(--ink-muted);opacity:.65}
.local-hud span{background:var(--fill);padding:0 6px;white-space:nowrap}.local-hud b{font-weight:inherit}
.header__bar{height:60px;display:flex;align-items:start;padding-top:10px;gap:5px;position:relative}
.local-header a,.local-header button{pointer-events:auto}.local-logo{display:flex;text-decoration:none;margin-top:5px;font-size:21px;line-height:28px;letter-spacing:-.04em;position:absolute;left:0}
.local-logo span{border:1px solid currentColor;height:30px;width:30px;text-align:center}.local-logo span:first-child{border-radius:50%}.local-logo span:last-child{border-radius:3px}
.header__bar nav{display:flex;gap:24px;margin-left:auto;padding:9px 18px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(16px);font-size:16px;font-weight:500;line-height:20px}
.header__bar nav a{text-decoration:none}.header__bar nav a:hover{opacity:.55}.local-header button{border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--paper) 86%,transparent);color:var(--ink);height:40px;cursor:pointer;line-height:1}
.command{width:48px;font-size:18px;margin-right:auto}.themes{position:absolute;right:0;display:flex;border:1px solid var(--line);border-radius:5px;padding:2px;height:40px;align-items:center}.themes button{width:36px;border:0;background:transparent;font-size:20px;height:34px}.themes button[aria-pressed=true]{background:var(--fill)}
.wheel-hint{position:absolute;bottom:22px;left:50%;translate:-50%;white-space:nowrap;color:var(--ink-muted);font:10px var(--font-mono,monospace);pointer-events:none;letter-spacing:.04em}
.project-search{width:min(560px,calc(100vw - 40px));max-height:70svh;padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 100px #0006}
.project-search::backdrop{background:#0007;backdrop-filter:blur(8px)}.project-search form{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:8px 4px 16px}.project-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:18px var(--font-sans)}.close-search{font:11px var(--font-mono,monospace);border:1px solid var(--line);background:var(--fill);color:var(--ink);border-radius:4px;padding:5px;cursor:pointer}
.search-results{display:grid;gap:3px;max-height:50svh;overflow:auto;padding-top:8px}.search-results button{border:0;background:transparent;color:var(--ink);padding:12px;display:flex;justify-content:space-between;text-align:left;cursor:pointer;font:15px var(--font-sans)}.search-results button:hover,.search-results button:focus{background:var(--fill);outline:0}.search-results small{color:var(--ink-muted)}.search-results p{padding:16px;color:var(--ink-muted)}
@media(max-width:700px){.local-header{padding:0 18px}.local-hud{font-size:8px;gap:4px}.local-hud span{padding:0 4px}.local-hud span:last-child{display:none}.local-logo{font-size:17px}.local-logo span{height:25px;width:25px;line-height:23px}.header__bar nav{gap:14px;font-size:13px;padding:9px 13px;margin-left:74px}.header__bar nav a:nth-last-child(-n+2){display:none}.command{margin-right:70px;width:38px;font-size:15px}.themes button{width:26px}.wheel-hint{bottom:16px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.wheel-hint,.unfold-demo{display:none}}
.has-wide-composition .hv2__center{left:calc(var(--info-left) - var(--info-content-width, 0px) / 2);top:var(--info-y);translate:0 -50%;text-align:left}
.has-wide-composition .hv2__chips{justify-content:flex-start}
.hv2__stage.has-info-seat .hv2__center{left:var(--info-left);top:var(--info-y);width:var(--info-slot-width);translate:-50% -50%;text-align:left}
.has-info-seat .hv2__drum{translate:max(0px,calc((100% - var(--info-content-width,100%)) / 2)) 0}
.has-info-seat .hv2__chips{justify-content:flex-start;flex-wrap:wrap}
/* Fade the paper atmosphere while the same sheet unfolds into detail. */
.paper-gl{opacity:calc(1 - var(--detail-progress,0))}
