.vsv-stage{position:relative;aspect-ratio:1;overflow:hidden}.vsv-stage>canvas,.vsv-stage>img,.vsv-stage-empty{display:block;width:100%;height:100%;object-fit:contain}.vsv-stage-empty{background:var(--surface-2)}.vsv-stage-pause.btn.icon{position:absolute;right:var(--s-2);bottom:var(--s-2);width:44px;height:44px}.vsv-stage-pause svg{width:16px;height:16px}.front .hero{padding:var(--s-8) 0 var(--s-7)}.front .hero .display{max-width:14ch}.front .picker{margin-top:var(--s-7);gap:var(--s-3)}.front .readout{margin-top:var(--s-4);gap:var(--s-2)}.front .readout .badge.neutral{gap:var(--s-2)}.front .readout code{font-family:var(--font-mono);color:var(--text-1)}.front .stage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-4);padding-bottom:var(--s-8)}.front .tile{position:relative;border-radius:var(--r-lg)}.front .w4{grid-column:span 4}.front .w3{grid-column:span 3}.front .w2{grid-column:span 2}.front .tile .tag{position:absolute;left:var(--s-3);bottom:var(--s-3);z-index:2;background:var(--surface);color:var(--text-2);border:1px solid var(--hairline);pointer-events:none}.front .tile .tag b{color:var(--text-1);font-weight:600}.front .tile .cover{position:absolute;inset:0;z-index:1;border-radius:inherit}.front .tile .cover:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.front .frame{position:relative;aspect-ratio:16 / 10;overflow:hidden}.front .frame iframe{position:absolute;left:0;top:0;width:1280px;height:800px;border:0;transform-origin:0 0;pointer-events:none}.front .w2 .frame{aspect-ratio:4 / 5}.front .w2 .frame iframe{width:420px;height:525px}.front .deck{aspect-ratio:16 / 10;padding:var(--s-6);display:flex;flex-direction:column;justify-content:space-between;background:var(--surface-2)}.front .deck .k{font-size:.75rem;color:var(--text-3)}.front .deck h3{font-family:var(--font-display);font-weight:var(--display-weight);font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.02em;line-height:1.05;max-width:16ch}.front .bars{display:flex;align-items:flex-end;gap:var(--s-2);height:96px;max-width:280px}.front .bars span{flex:1;background:var(--hairline-strong);border-radius:var(--r-sm) var(--r-sm) 0 0}.front .bars span.on{background:var(--accent)}.front .obj{aspect-ratio:16 / 10;background:radial-gradient(60% 46% at 50% 82%,color-mix(in srgb,var(--accent) 34%,transparent) 0%,color-mix(in srgb,var(--accent) 12%,transparent) 55%,transparent 100%),var(--surface-2)}.front .obj>*{width:100%;height:100%;object-fit:cover}.front .tok{padding:var(--s-5) var(--s-5) var(--s-9);display:grid;gap:var(--s-2);align-content:start}.front .tok .row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--s-3);font-size:.8125rem}.front .tok .row i{width:20px;height:20px;border-radius:var(--r-sm);border:1px solid var(--hairline)}.front .tok code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-2)}.front .tok .v{font-family:var(--font-mono);font-size:.75rem;color:var(--text-1)}.front .tok .pair{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;padding-top:var(--s-2);border-top:1px solid var(--hairline-soft)}.front .counts{padding:var(--s-7) 0 var(--s-8);border-top:1px solid var(--hairline)}.front .install{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap}.front .install code{font-family:var(--font-mono);font-size:.875rem;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--hairline)}@media(max-width:900px){.front .w4,.front .w3,.front .w2{grid-column:span 6}.front .w2 .frame{aspect-ratio:4 / 5;max-height:560px}.front .stage{gap:var(--s-3)}.front .hero{padding:var(--s-6) 0 var(--s-6)}.front .picker{margin-top:var(--s-6)}}.fd-group+.fd-group{margin-top:var(--s-6)}.fd-sub{display:flex;align-items:baseline;gap:var(--s-2);font-size:.875rem;font-weight:var(--heading-weight);margin-bottom:var(--s-3)}.fd-subrow{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}.fd-subrow .fd-sub{margin-bottom:0}.fd-spec{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3);min-width:0}.fd-name{color:var(--text-1)}.fd-value{overflow-wrap:anywhere}.fd-swatch,.fd-box{display:block;height:56px;margin-bottom:var(--s-2);border-radius:var(--r-sm);border:1px solid var(--hairline)}.fd-swatch{background-color:var(--surface)}.fd-box{background:var(--surface-2)}.fd-bar{display:block;height:var(--s-2);max-width:100%;margin:var(--s-4) 0 var(--s-2);border-radius:var(--r-pill);background:var(--text-2)}.fd-glyph{display:block;font-size:2rem;line-height:56px;height:56px;margin-bottom:var(--s-2)}.fd-curve{display:block;width:100%;height:112px;margin-bottom:var(--s-2);overflow:visible}.fd-curve path{fill:none;stroke:var(--text-1);stroke-width:2;vector-effect:non-scaling-stroke}.fd-curve .fd-guide{stroke:var(--hairline-strong);stroke-width:1}.fd-track{display:block;height:var(--s-3);margin-bottom:var(--s-2);border-radius:var(--r-pill);background:var(--surface-2)}.fd-run{display:block;width:100%;height:100%;transform:translate(0);transition-property:transform;transition-duration:calc(var(--dur-4) * 2)}.fd-run.on{transform:translate(calc(100% - var(--s-3)))}.fd-run.still{transition:none}.fd-run i{display:block;width:var(--s-3);height:var(--s-3);border-radius:var(--r-pill);background:var(--text-1)}.fd-scroll{overflow-x:auto}.fd-table{min-width:520px}@media(prefers-reduced-motion:reduce){.fd-run{transition:none}}.lib-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.lib-grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}.lib-grid-lg{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.lib-tile{display:flex;flex-direction:column;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.lib-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--surface-2)}.lib-tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lib-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) var(--s-4);font-size:.875rem}.lib-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.lib-dls{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:0 var(--s-4) var(--s-4)}.lib-loop .vsv-stage{background:var(--surface-2)}.lib-tag{background:var(--surface);color:var(--text-1);border:1px solid var(--hairline)}.lib-tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0}.lib-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3) var(--s-4);margin:var(--s-4) 0 0}.lib-facts dd{margin:var(--s-1) 0 0}.lib-grow{flex:1;align-self:center}.lib-ovl{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--s-5);background:color-mix(in srgb,var(--text-1) 18%,transparent)}.lib-ovl.is-phone{align-items:flex-end;padding:0}.lib-dialog{max-height:calc(100dvh - 2 * var(--s-5));overflow-y:auto}.lib-dialog:focus{outline:none}.lib-dialog-lg.modal{width:min(100%,760px)}.lib-ovl.is-phone .lib-dialog.sheet{width:100%;max-height:92dvh}.lib-dhead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.lib-dhead h4{text-transform:capitalize}.lib-detail-stage{width:100%;max-height:52dvh;border-radius:var(--r-md);background:var(--surface-2)}.lib-dialog .ft{flex-wrap:wrap}@media(max-width:760px){.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.lib-grid-lg,.lib-dls .btn,.lib-dialog .ft .btn{min-height:44px}}.chapter-stage{position:relative;margin:0 calc(var(--s-7) * -1)}.chapter-frame{display:block;width:100%;min-height:100dvh;border:0;background:transparent}.chapter-markers{position:absolute;inset:0;pointer-events:none}.chapter-marker{position:absolute;left:0;height:1px;width:1px;scroll-margin-top:80px}@media(max-width:1100px){.chapter-stage{margin:0 calc(var(--s-5) * -1)}}@media(max-width:760px){.chapter-stage{margin:0 calc(var(--s-4) * -1)}}:root{color-scheme:dark;--bg: #0B0D10;--surface: #111318;--surface-2: #16181F;--hairline-soft: rgba(255, 255, 255, .06);--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .16);--text-1: #F4F5F7;--text-2: #9CA3AF;--text-3: #6B7280;--accent: #E8352E;--accent-hover: #EF5A54;--accent-ink: #1A0605;--focus: #E8352E;--accent-2: transparent;--highlight: transparent;--success: #8FCEA8;--success-bg: rgba(133, 199, 161, .1);--warn: #E3B95F;--warn-bg: rgba(227, 185, 95, .1);--danger: #F2ABA0;--danger-bg: rgba(242, 171, 160, .1);--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Archivo", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-weight: 650;--heading-weight: 620;--btn-weight: 600;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--container-prose: 65ch;--container-content: 72rem;--container-wide: 80rem;--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--r-pill: 999px;--r-btn: var(--r-md);--e-1: 0 1px 2px rgba(0, 0, 0, .24);--e-2: 0 6px 20px -6px rgba(0, 0, 0, .28);--e-3: 0 20px 48px -12px rgba(0, 0, 0, .36);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--dur-4: .48s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emph: cubic-bezier(.3, 0, .1, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.3, 0, 1, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--data-0: color-mix(in srgb, var(--text-1) 8%, transparent);--data-1: color-mix(in srgb, var(--accent) 36%, transparent);--data-2: color-mix(in srgb, var(--accent) 64%, transparent);--data-3: var(--accent);--data-alt: #3B82C4;--chart-grid: var(--hairline);--chart-label: var(--text-3);--glass-fill-3: rgba(15, 17, 22, .7);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 26px;--glass-sat: 1.45;--glass-shadow: 0 1px 2px -1px rgba(0, 0, 0, .5), 0 6px 16px -8px rgba(0, 0, 0, .6), 0 24px 60px -26px rgba(0, 0, 0, .8);--glass-glow: 0 0 0 1px rgba(255, 255, 255, .055), 0 8px 40px -18px rgba(255, 255, 255, .11);--glass-inset: inset 0 1px 0 0 rgba(255, 255, 255, .34), inset 1px 0 0 0 rgba(255, 255, 255, .08), inset 0 -1px 0 0 rgba(0, 0, 0, .3), inset 0 10px 26px -16px rgba(255, 255, 255, .2);--surface-body: linear-gradient(168deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .022) 26%, rgba(255, 255, 255, 0) 52%, rgba(0, 0, 0, .06) 100%);--nav-gap: 6px;--nav-frame: rgba(255, 255, 255, .11);--nav-main: rgba(8, 10, 13, .62);--nav-pill-inset: inset 0 1px 0 0 rgba(255, 255, 255, .1), inset 0 -1px 0 0 rgba(0, 0, 0, .35), 0 2px 8px -3px rgba(0, 0, 0, .5);--accent-on: color-mix(in srgb, var(--accent) 55%, white);--accent-bloom: radial-gradient(120% 150% at 50% 50%, color-mix(in srgb, var(--accent) 55%, transparent) 0%, color-mix(in srgb, var(--accent) 28%, transparent) 42%, color-mix(in srgb, var(--accent) 10%, transparent) 70%, transparent 100%);--accent-active-glow: 0 0 18px -2px color-mix(in srgb, var(--accent) 45%, transparent)}[data-theme=light]{color-scheme:light;--bg: #F4F5F8;--surface: #FFFFFF;--surface-2: #F1F2F6;--hairline-soft: rgba(15, 18, 30, .07);--hairline: rgba(15, 18, 30, .1);--hairline-strong: rgba(15, 18, 30, .2);--text-1: #0E1116;--text-2: #5E6573;--text-3: #7A828F;--accent: #C42B21;--accent-hover: #A62119;--accent-ink: #FFFFFF;--focus: #C42B21;--success: #2C6E4B;--success-bg: rgba(44, 110, 75, .1);--warn: #8A6512;--warn-bg: rgba(138, 101, 18, .1);--danger: #A33D2E;--danger-bg: rgba(163, 61, 46, .1);--e-1: 0 1px 2px rgba(0, 0, 0, .1);--e-2: 0 6px 20px -6px rgba(0, 0, 0, .14);--e-3: 0 20px 48px -12px rgba(0, 0, 0, .2);--glass-fill-3: rgba(255, 255, 255, .72);--glass-border: rgba(15, 18, 30, .08);--glass-shadow: 0 2px 5px -3px rgba(40, 46, 70, .18), 0 7px 16px -11px rgba(40, 46, 70, .28);--glass-glow: 0 0 0 1px rgba(15, 18, 30, .03);--glass-inset: inset 0 1px 0 0 rgba(255, 255, 255, .95), inset 0 -1px 0 0 rgba(15, 18, 30, .05);--surface-body: linear-gradient(168deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .16) 30%, rgba(255, 255, 255, 0) 60%);--nav-frame: rgba(26, 32, 52, .1);--nav-main: rgba(255, 255, 255, .92);--nav-pill-inset: inset 0 1px 0 0 rgba(255, 255, 255, .9), inset 0 -1px 0 0 rgba(15, 18, 30, .06), 0 3px 8px -3px rgba(40, 46, 70, .16);--data-alt: #1D6FD8;--accent-on: var(--accent-hover);--accent-bloom: radial-gradient(120% 150% at 50% 50%, color-mix(in srgb, var(--accent) 30%, transparent) 0%, color-mix(in srgb, var(--accent) 16%, transparent) 44%, color-mix(in srgb, var(--accent) 5%, transparent) 72%, transparent 100%);--accent-active-glow: 0 0 16px -2px color-mix(in srgb, var(--accent) 30%, transparent)}.btn{appearance:none;border:0;cursor:pointer;font-family:var(--font-sans);font-weight:var(--btn-weight);font-size:.9375rem;line-height:1;height:40px;padding:0 var(--s-4);border-radius:var(--r-btn);display:inline-flex;align-items:center;gap:var(--s-2);transition:background var(--dur-1) var(--ease-standard),color var(--dur-1) var(--ease-standard),transform var(--dur-1) var(--ease-standard),box-shadow var(--dur-1) var(--ease-standard)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus)}.btn-primary{background:var(--accent-fill,var(--accent));color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-fill-hover,var(--accent-hover))}.btn-secondary{background:var(--surface);border:1px solid var(--hairline);color:var(--text-1)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-1)}.btn-ghost:hover{background:var(--surface-2)}.btn-destructive{background:var(--danger-bg);color:var(--danger);border:1px solid transparent}.btn-destructive:hover{border-color:var(--danger)}.btn.sm{height:32px;padding:0 var(--s-3);font-size:.875rem}.btn.lg{height:48px;padding:0 var(--s-5);font-size:1rem}.btn.icon{width:40px;padding:0;justify-content:center}.btn.sm.icon{width:32px}.btn:active{transform:translateY(1px)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:dc-spin .7s linear infinite}@keyframes dc-spin{to{transform:rotate(360deg)}}.field{display:grid;gap:var(--s-2)}.field label{font-size:.875rem;font-weight:500}.field input{height:40px;padding:0 var(--s-3);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--surface);color:var(--text-1);font:inherit;font-size:.9375rem;transition:border-color var(--dur-1) var(--ease-standard),box-shadow var(--dur-1) var(--ease-standard)}.field input::placeholder{color:var(--text-3)}.field input:focus-visible{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 25%,transparent)}.field .help{font-size:.75rem;color:var(--text-3)}.field.error input{border-color:var(--danger)}.field.error .help{color:var(--danger)}.field input:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}.sel{display:flex;align-items:center;gap:var(--s-2);font-size:.9375rem;cursor:pointer}.sel input{accent-color:var(--accent);width:18px;height:18px}.switch{position:relative;width:40px;height:22px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);transition:background var(--dur-2) var(--ease-standard)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-2);transition:transform var(--dur-2) var(--ease-standard),background var(--dur-2) var(--ease-standard)}.sel input:checked+.switch{background:var(--accent);border-color:transparent}.sel input:checked+.switch:after{transform:translate(18px);background:var(--accent-ink)}.sel input.sw{position:absolute;opacity:0;width:40px;height:22px;margin:0;cursor:pointer}.sel.switch-wrap{position:relative}.sel input.sw:focus-visible+.switch{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus)}.card{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--e-1);overflow:hidden}.card .hd{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--hairline)}.card .hd h4{font-size:1rem;font-weight:600}.card .bd{padding:var(--s-5);color:var(--text-2);font-size:.9375rem}.card .ft{padding:var(--s-3) var(--s-5);border-top:1px solid var(--hairline);display:flex;justify-content:flex-end;gap:var(--s-2)}.topnav{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);display:flex;align-items:center;gap:var(--s-5);padding:0 var(--s-5);height:60px}.topnav nav{display:flex;gap:var(--s-4);flex:1}.topnav nav a{text-decoration:none;font-size:.9375rem;color:var(--text-2)}.topnav nav a.active{color:var(--text-1);font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:2px}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table th{text-align:left;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:var(--s-3) var(--s-3);border-bottom:1px solid var(--hairline)}.table td{padding:var(--s-3);border-bottom:1px solid var(--hairline)}.table tr:hover td{background:var(--surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table th.num{text-align:right}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:3px 10px;border-radius:var(--r-pill)}.badge svg{width:10px;height:10px}.badge.ok{color:var(--success);background:var(--success-bg)}.badge.warn{color:var(--warn);background:var(--warn-bg)}.badge.err{color:var(--danger);background:var(--danger-bg)}.badge.neutral{color:var(--text-2);background:var(--surface-2)}.toast{display:flex;align-items:center;gap:var(--s-3);max-width:360px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--e-2);padding:var(--s-3) var(--s-4);font-size:.875rem}.toast .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.toast.ok .dot{background:var(--success)}.toast.err .dot{background:var(--danger)}.toast button{margin-left:auto;background:none;border:0;color:var(--text-3);cursor:pointer;font-size:1rem;line-height:1}.modal{width:min(100%,420px);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--e-3);overflow:hidden}.modal .bd{padding:var(--s-5)}.modal h4{font-size:1.2rem;font-weight:600;margin-bottom:var(--s-2)}.modal p{color:var(--text-2);font-size:.9375rem}.modal .ft{padding:var(--s-4) var(--s-5);border-top:1px solid var(--hairline);display:flex;justify-content:flex-end;gap:var(--s-2)}.skel{height:10px;border-radius:4px;background:var(--surface-2);width:100%;position:relative;overflow:hidden}.skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-1) 7%,transparent),transparent);animation:dc-shimmer 1.4s var(--ease-standard) infinite}@keyframes dc-shimmer{to{transform:translate(100%)}}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:3px;gap:2px}.seg button{border:0;background:transparent;color:var(--text-2);font:inherit;font-size:.875rem;padding:7px 16px;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-1) var(--ease-standard),color var(--dur-1) var(--ease-standard)}.seg button[aria-selected=true]{background:var(--surface);color:var(--text-1);font-weight:600;box-shadow:var(--e-1)}.seg button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.chiprow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fchip{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all var(--dur-1) var(--ease-standard)}.fchip[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 36%,transparent);color:var(--text-1);font-weight:600}.fchip .cnt{font-family:var(--font-mono);font-size:10px;color:var(--text-3)}.fchip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.searchbox{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:8px 12px;color:var(--text-3);font-size:.875rem;max-width:300px}.searchbox svg{width:15px;height:15px;flex:none}.searchbox input{border:0;background:transparent;color:var(--text-1);font:inherit;outline:none;flex:1;min-width:0}.searchbox kbd{font-family:var(--font-mono);font-size:10px;border:1px solid var(--hairline);border-radius:5px;padding:2px 6px;background:var(--surface-2);color:var(--text-3)}.lrows{border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--hairline);transition:background var(--dur-1) var(--ease-standard)}.lrow:last-child{border-bottom:0}.lrow:hover{background:var(--surface-2)}.avc{width:28px;height:28px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-2)}.lrow .tx{flex:1;min-width:0}.lrow .tx b{display:block;font-size:.9375rem;font-weight:600;color:var(--text-1)}.metaline{font-size:12px;color:var(--text-3)}.lrow .val{font-variant-numeric:tabular-nums;font-weight:600;font-size:.875rem}.avstack{display:flex;padding-left:8px}.avstack .avc{margin-left:-8px;border:2px solid var(--surface)}.sheet{width:min(100%,340px);background:var(--surface);border:1px solid var(--hairline);border-radius:26px 26px var(--r-md) var(--r-md);box-shadow:var(--e-3);overflow:hidden}.sheet .grab{width:36px;height:4px;border-radius:999px;background:var(--text-3);opacity:.4;margin:10px auto 4px}.sheet .bd{padding:var(--s-4) var(--s-5) var(--s-5)}.sheet h4{font-size:1.05rem;font-weight:600;margin-bottom:4px}.sheet p{font-size:.875rem;color:var(--text-2)}.sheet .ft{display:flex;gap:var(--s-2);padding:0 var(--s-5) var(--s-5)}.sheet .ft .btn{flex:1;justify-content:center}.navshell{position:fixed;left:14px;right:14px;bottom:18px;z-index:14;display:flex;flex-direction:column;padding:var(--nav-gap);background:linear-gradient(var(--nav-frame),var(--nav-frame)),var(--glass-fill-3);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-border);border-radius:30px;box-shadow:var(--glass-shadow),var(--glass-glow),var(--glass-inset);overflow:hidden}.navmain{position:relative;height:56px;display:flex;padding:6px 8px;background:var(--surface-body),var(--nav-main);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--nav-pill-inset)}.tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-3);cursor:pointer;border-radius:16px;padding:0 4px;transition:color var(--dur-2) var(--ease-standard),background var(--dur-2) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard);position:relative;min-width:44px}.tab svg{width:20px;height:20px;transition:color var(--dur-2) var(--ease-standard);flex:none}.tab span{font-size:10px;font-weight:700;letter-spacing:.01em;line-height:1.2}.tab.on{color:var(--accent-on);background:var(--accent-bloom);box-shadow:var(--accent-active-glow)}.tab.on svg{color:var(--accent-on);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 50%,transparent))}.tab:not(.on):hover{color:var(--text-2)}.tab:active{transform:scale(.94)}@media(min-width:768px){.navshell{display:none}}.orgchip{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface)}.orgchip .sq{width:26px;height:26px;border-radius:8px;background:var(--accent-fill,var(--accent));color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:none}.orgchip b{display:block;font-size:.8125rem;line-height:1.2}.orgchip small{display:block;font-size:10px;color:var(--text-3)}.grouplabel{font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:2px 0 6px}.sgroup{margin-top:var(--s-3)}.sgroup-head{display:flex;align-items:center;gap:6px;width:100%;padding:0;margin:0 0 6px;border:0;background:none;cursor:pointer;text-align:left;color:inherit}.sgroup-head .grouplabel{flex:1;margin:0}.sgroup-head:hover .grouplabel{color:var(--text-2)}.sgroup-head:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}.sgroup-chev{flex:none;color:var(--text-3);transition:transform var(--dur-1) var(--ease-standard)}.sgroup[data-open=false] .sgroup-chev{transform:rotate(-90deg)}@media(prefers-reduced-motion:reduce){.sgroup-chev{transition:none}}.snav{display:grid;gap:2px}.snav a{position:relative;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:10px;font-size:.8125rem;color:var(--text-2);text-decoration:none;transition:background var(--dur-1) var(--ease-standard)}.snav a:hover{background:var(--surface-2)}.snav a svg{width:15px;height:15px;color:var(--text-3);flex:none}.snav a.active{color:var(--text-1);background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:600;box-shadow:0 0 18px -6px color-mix(in srgb,var(--accent) 45%,transparent)}.snav a.active svg{color:var(--accent)}.snav .cnt{margin-left:auto;font-size:10px;font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;padding:1px 6px;color:var(--text-2)}.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s-4)}.stat{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);padding:var(--s-4);box-shadow:var(--e-1)}.stat .num{font-family:var(--font-display);font-weight:var(--display-weight);font-size:2.1rem;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat .num i{color:var(--accent);font-style:normal}.stat .lbl{font-size:.75rem;color:var(--text-3);margin-top:2px}.stat .delta{margin-top:8px}.chartcard{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);padding:var(--s-4);box-shadow:var(--e-1)}.chartcard h4{font-size:.9375rem;font-weight:600}.chartcard .sub{font-size:.75rem;color:var(--text-3);margin-bottom:12px}.takeaway{margin-top:12px;font-size:.8125rem;color:var(--text-2);border-top:1px solid var(--hairline);padding-top:9px}.bars{display:flex;align-items:flex-end;gap:8px;height:130px;border-bottom:1px solid var(--chart-grid,var(--hairline));padding:0 2px}.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;cursor:default}.bar .fill{width:100%;max-width:34px;background:var(--data-3,var(--accent));border-radius:4px 4px 0 0;transition:opacity var(--dur-1) var(--ease-standard)}.bar:hover .fill{opacity:.82}.bar .mlab{font-family:var(--font-mono);font-size:10px;color:var(--chart-label,var(--text-3))}.bar .vlab{font-family:var(--font-mono);font-size:10px;color:var(--text-2)}.heat{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}.heat span{aspect-ratio:1;border-radius:5px;background:var(--data-0);cursor:default}.heat span.d1{background:var(--data-1)}.heat span.d2{background:var(--data-2)}.heat span.d3{background:var(--data-3)}.heatlegend{display:flex;align-items:center;gap:5px;margin-top:10px;font-family:var(--font-mono);font-size:10px;color:var(--text-3)}.heatlegend span{width:12px;height:12px;border-radius:4px;display:inline-block}.field select,.field textarea{padding:0 var(--s-3);border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--surface);color:var(--text-1);font:inherit;font-size:.9375rem;transition:border-color var(--dur-1) var(--ease-standard),box-shadow var(--dur-1) var(--ease-standard)}.field select{height:40px}.field textarea{min-height:96px;padding:var(--s-3);resize:vertical;line-height:1.5}.field select:focus-visible,.field textarea:focus-visible{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 25%,transparent)}.field.error select,.field.error textarea{border-color:var(--danger)}.tabbar{display:flex;gap:var(--s-4);border-bottom:1px solid var(--hairline)}.tabbar button{border:0;background:none;color:var(--text-2);font:inherit;font-size:13.5px;font-weight:500;padding:var(--s-2) 2px;cursor:pointer;transition:color var(--dur-1) var(--ease-standard)}.tabbar button:hover{color:var(--text-1)}.tabbar [aria-selected=true]{color:var(--text-1);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.tabbar button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.menu{position:relative;display:inline-block}.menu-list{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--e-2);padding:6px;display:grid;gap:2px;z-index:15}.menu-list[hidden]{display:none}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--r-sm);border:0;background:none;color:var(--text-1);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.menu-item:hover{background:var(--surface-2)}.menu-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--hairline);margin:4px 6px}.tip{position:relative;display:inline-flex}.tip .tipbox{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-1);color:var(--bg);padding:5px 10px;border-radius:var(--r-sm);font-size:12px;line-height:1.4;width:max-content;max-width:220px;text-align:center;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-standard);z-index:15}.tip:hover .tipbox,.tip:focus-within .tipbox{opacity:1;pointer-events:auto}.tip .tipbox.tiphide{opacity:0;pointer-events:none}.crumbs{display:flex;align-items:center;gap:var(--s-2);font-size:12.5px;color:var(--text-3)}.crumbs a{color:var(--text-2);text-decoration:none}.crumbs a:hover{color:var(--text-1)}.crumbs [aria-current=page]{color:var(--text-1);font-weight:600}.pager{display:inline-flex;gap:4px;align-items:center}.pager button{min-width:32px;height:32px;padding:0 6px;border-radius:var(--r-sm);border:0;background:none;color:var(--text-2);font:inherit;font-size:13px;cursor:pointer;font-variant-numeric:tabular-nums}.pager button:hover{background:var(--surface-2)}.pager [aria-current=page]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text-1);font-weight:600}.pager button:disabled{opacity:.4;cursor:default;background:none}.progress{height:6px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline-soft);overflow:hidden}.progress .fill{height:100%;background:var(--accent);border-radius:4px;transition:width var(--dur-3) var(--ease-standard)}.callout{display:flex;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);font-size:13.5px;background:var(--surface);border:1px solid var(--hairline);color:var(--text-2)}.callout b{color:var(--text-1);font-weight:600}.callout.ok{background:var(--success-bg);border-color:transparent;color:var(--success)}.callout.warn{background:var(--warn-bg);border-color:transparent;color:var(--warn)}.callout.err{background:var(--danger-bg);border-color:transparent;color:var(--danger)}.callout.ok b,.callout.warn b,.callout.err b{color:inherit}.empty{display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-5);text-align:center;border:1px dashed var(--hairline-strong);border-radius:var(--r-lg);color:var(--text-2);font-size:13.5px}.empty b{color:var(--text-1);font-family:var(--font-display);font-weight:var(--heading-weight);font-size:16px}.acc{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.acc details+details{border-top:1px solid var(--hairline)}.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);font-weight:600;font-size:14px}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"+";color:var(--text-3)}.acc details[open] summary:after{content:"–"}.acc .accbody{padding:0 var(--s-4) var(--s-4);color:var(--text-2);font-size:13.5px}.stat .microbar{height:4px;border-radius:2px;background:var(--surface-2);margin-top:8px;overflow:hidden}.stat .microbar i{display:block;height:100%;border-radius:2px;background:var(--data-3)}.trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.trend.good{color:var(--success)}.trend.bad{color:var(--danger)}.trend.flat{color:var(--text-3)}.hbars{display:grid;gap:8px}.hbar{display:flex;align-items:center;gap:var(--s-3);font-size:12.5px}.hbar .hlabel{width:88px;flex:none;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar .htrack{height:8px;min-width:0;flex:1;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.hbar .htrack i{display:block;height:100%;border-radius:var(--r-pill);background:var(--data-3)}.hbar .htrack i.alt{background:var(--data-alt)}.hbar .hcount{width:40px;flex:none;text-align:right;font-family:var(--font-mono);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-1)}.actstrip{display:grid;grid-auto-flow:column;gap:4px}.actstrip i,.actcal i{aspect-ratio:1;border-radius:4px;background:var(--data-0)}.actcal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.actstrip i[data-l="1"],.actcal i[data-l="1"]{background:var(--data-1)}.actstrip i[data-l="2"],.actcal i[data-l="2"]{background:var(--data-2)}.actstrip i[data-l="3"],.actcal i[data-l="3"]{background:var(--data-3)}.actstrip i.today,.actcal i.today{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.ring{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.ring .rdial{position:relative;display:inline-grid;place-items:center}.ring .rdial svg{display:block;transform:rotate(-90deg)}.ring .ringtrack{fill:none;stroke:var(--data-0);stroke-width:6}.ring .ringfill{fill:none;stroke:var(--data-3);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset var(--dur-4) var(--ease-standard)}.ring .rv{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.ring .rv b{font-family:var(--font-display);font-weight:var(--display-weight);font-variant-numeric:tabular-nums;font-size:18px;line-height:1}.ring .rlbl{font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);letter-spacing:.04em}.markstrip{display:inline-flex;gap:3px}.markstrip i{width:7px;height:7px;border-radius:2px;background:var(--surface-2);border:1px solid var(--hairline-strong)}.markstrip i.cleared{background:var(--success-bg);border-color:var(--success)}.markstrip i.current{background:var(--data-3);border-color:transparent}.markstrip i.attention{background:var(--danger-bg);border-color:var(--danger)}.spark{height:40px}.spark svg,.vizplot svg{display:block;width:100%;height:100%}.vizplot{position:relative}.refline{stroke:var(--text-3);stroke-width:1;stroke-dasharray:2 3;opacity:.7}.reftag{position:absolute;right:0;transform:translateY(-50%);font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--text-3);background:var(--surface);border:1px solid var(--hairline);border-radius:6px;padding:2px 6px}.vizlegend{display:flex;gap:var(--s-4);flex-wrap:wrap;font-size:11.5px;color:var(--text-2)}.vizlegend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--data-3);vertical-align:baseline}.vizlegend i.alt{background:var(--data-alt)}.xlabels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;color:var(--chart-label)}.viztip{position:absolute;top:0;right:0;display:grid;gap:2px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);box-shadow:var(--e-2);padding:6px 10px;font-size:11.5px;color:var(--text-2);pointer-events:none;z-index:5}.viztip b{font-family:var(--font-mono);font-size:10px;color:var(--text-3);font-weight:600}.viztip span{font-variant-numeric:tabular-nums;color:var(--text-1)}.mt-1{margin-top:var(--s-1)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.mt-5{margin-top:var(--s-5)}.mt-6{margin-top:var(--s-6)}.mt-7{margin-top:var(--s-7)}.mt-8{margin-top:var(--s-8)}.mt-9{margin-top:var(--s-9)}.mb-1{margin-bottom:var(--s-1)}.mb-2{margin-bottom:var(--s-2)}.mb-3{margin-bottom:var(--s-3)}.mb-4{margin-bottom:var(--s-4)}.mb-5{margin-bottom:var(--s-5)}.mb-6{margin-bottom:var(--s-6)}.mb-7{margin-bottom:var(--s-7)}.mb-8{margin-bottom:var(--s-8)}.mb-9{margin-bottom:var(--s-9)}.pt-1{padding-top:var(--s-1)}.pt-2{padding-top:var(--s-2)}.pt-3{padding-top:var(--s-3)}.pt-4{padding-top:var(--s-4)}.pt-5{padding-top:var(--s-5)}.pt-6{padding-top:var(--s-6)}.pt-7{padding-top:var(--s-7)}.pt-8{padding-top:var(--s-8)}.pt-9{padding-top:var(--s-9)}.pb-1{padding-bottom:var(--s-1)}.pb-2{padding-bottom:var(--s-2)}.pb-3{padding-bottom:var(--s-3)}.pb-4{padding-bottom:var(--s-4)}.pb-5{padding-bottom:var(--s-5)}.pb-6{padding-bottom:var(--s-6)}.pb-7{padding-bottom:var(--s-7)}.pb-8{padding-bottom:var(--s-8)}.pb-9{padding-bottom:var(--s-9)}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}.gap-7{gap:var(--s-7)}.mo-rise{animation:dc-rise var(--dur-3) var(--ease-entrance) backwards}.mo-st>*{animation:dc-rise var(--dur-3) var(--ease-entrance) backwards}.mo-st>*:nth-child(2){animation-delay:60ms}.mo-st>*:nth-child(3){animation-delay:.12s}.mo-st>*:nth-child(4){animation-delay:.18s}.mo-st>*:nth-child(5){animation-delay:.24s}.mo-st>*:nth-child(n+6){animation-delay:.3s}@keyframes dc-rise{0%{opacity:0;transform:translateY(10px)}}.mo-lines>span{display:block;overflow:hidden}.mo-lines>span>span{display:block;transition:transform var(--dur-4) var(--ease-entrance)}.js .mo-lines>span>span{transform:translateY(110%)}.js .mo-lines.in>span>span{transform:translateY(0)}.mo-lines>span:nth-child(2)>span{transition-delay:70ms}.mo-lines>span:nth-child(3)>span{transition-delay:.14s}.mo-lines>span:nth-child(4)>span{transition-delay:.21s}.spot{position:relative}.spot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%);opacity:0;transition:opacity var(--dur-3) var(--ease-standard);pointer-events:none}.spot:hover:after,.spot.lit:after{opacity:1}@media(hover:none){.spot:after{display:none}}@property --dc-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.beam{position:relative}.beam:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--dc-angle),transparent 0 72%,var(--accent) 92%,transparent 100%);-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);mask-composite:exclude;animation:dc-beam 4s linear infinite;pointer-events:none}@keyframes dc-beam{to{--dc-angle:360deg}}.ticker{display:inline-flex;overflow:hidden;line-height:1;font-variant-numeric:tabular-nums;mask-image:linear-gradient(transparent,black 22%,black 78%,transparent);-webkit-mask-image:linear-gradient(transparent,black 22%,black 78%,transparent)}.ticker .td{display:block;height:1em;transform:translateY(calc(var(--d,0)*-1em));transition:transform var(--dur-4) var(--ease-emph)}.ticker .td i{font-style:normal;display:block;height:1em}.xswap{display:inline-grid}.xswap>span{grid-area:1/1;transition:opacity var(--dur-1) var(--ease-standard);white-space:nowrap}.xswap .xa{transition-delay:var(--dur-1)}.xswap .xb,.xswap.on .xa{opacity:0;transition-delay:0ms}.xswap.on .xb{opacity:1;transition-delay:var(--dur-1)}@media(hover:hover){.xswap:hover .xa{opacity:0;transition-delay:0ms}.xswap:hover .xb{opacity:1;transition-delay:var(--dur-1)}}.attn{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px;scroll-margin-top:var(--attn-scroll,88px);animation:dc-attn 1.1s var(--ease-standard) 2,dc-attnoff 1.6s var(--ease-standard) 5s forwards}@keyframes dc-attn{50%{outline-offset:6px;outline-color:color-mix(in srgb,var(--accent) 25%,transparent)}}@keyframes dc-attnoff{to{outline-color:transparent}}.grow-y{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-3) var(--ease-entrance)}.grow-y>*{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear var(--dur-3)}.grow-y.open{grid-template-rows:1fr}.grow-y.open>*{visibility:visible;transition-delay:0s}.grow-x{display:grid;grid-template-columns:0fr;opacity:0;transition:grid-template-columns var(--dur-2) var(--ease-standard),opacity var(--dur-2) var(--ease-standard)}.grow-x>*{min-width:0;overflow:hidden;white-space:nowrap}.grow-x.open{grid-template-columns:1fr;opacity:1}.marq{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.marq .mrow{display:flex;align-items:center;gap:var(--s-6);padding-right:var(--s-6);flex:none;animation:dc-marq 22s linear infinite}.marq:hover .mrow{animation-play-state:paused}@keyframes dc-marq{to{transform:translate(-100%)}}.ovl.open{animation:dc-fade var(--dur-1) var(--ease-standard)}.modal{animation:dc-pop var(--dur-2) var(--ease-emph) backwards}@keyframes dc-fade{0%{opacity:0}}@keyframes dc-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.magnet{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}.spinner{animation-duration:1.4s}.tab,.tab span,.btn,.switch,.switch:after{transition:none}.mo-rise,.mo-st>*,.beam:before,.marq .mrow,.ovl.open,.modal{animation:none}.js .mo-lines>span>span{transition:none;transform:none}.ticker .td,.spot:after,.xswap>span,.grow-y,.grow-x{transition:none}.attn{animation:dc-attnoff 1.6s var(--ease-standard) 5s forwards}}[data-brand=cobalt]{--accent: #4D9FFF;--accent-hover: #6FB1FF;--accent-ink: #06101C;--focus: #4D9FFF}[data-brand=cobalt][data-theme=light]{--accent: #1D4ED8;--accent-hover: #1A3FB0;--accent-ink: #FFFFFF;--focus: #1D4ED8}[data-brand=forest]{--accent: #3ECF8E;--accent-hover: #5FD9A2;--accent-ink: #05130C;--focus: #3ECF8E}[data-brand=forest][data-theme=light]{--accent: #0E7A46;--accent-hover: #0B6338;--accent-ink: #FFFFFF;--focus: #0E7A46}[data-brand=slate]{--accent: #9FB0C3;--accent-hover: #B4C2D2;--accent-ink: #0A0E14;--focus: #9FB0C3}[data-brand=slate][data-theme=light]{--accent: #49566B;--accent-hover: #3A4557;--accent-ink: #FFFFFF;--focus: #49566B}[data-brand=violet]{--accent: #A78BFA;--accent-hover: #BCA5FC;--accent-ink: #120A26;--focus: #A78BFA}[data-brand=violet][data-theme=light]{--accent: #6D28D9;--accent-hover: #5B21B6;--accent-ink: #FFFFFF;--focus: #6D28D9}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit}img,video,canvas{display:block;max-width:100%}.studio-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:var(--bg);border-bottom:1px solid var(--hairline)}.lockup{display:flex;align-items:center;gap:var(--s-2);text-decoration:none;font-family:var(--font-display);letter-spacing:-.01em}.lockup b{font-weight:var(--display-weight)}.lockup .sub{font-family:var(--font-sans);color:var(--text-2);font-size:.875rem}.lockup .mark{display:inline-flex;color:var(--text-1)}.lockup .mark svg{width:24px;height:24px}.lockup:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-sm)}.grow{flex:1}.studio-head .btn.icon{width:40px;height:40px}.swatch{width:14px;height:14px;border-radius:50%;display:inline-block;flex:none}.picker-lg .fchip{height:44px;padding:0 var(--s-4) 0 var(--s-2);font-size:.9375rem}.picker-lg .swatch{width:28px;height:28px}.studio-select{display:none;padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--hairline);background:var(--bg)}.studio-select select{width:100%;height:44px;padding:0 var(--s-3);border-radius:var(--r-sm);border:1px solid var(--hairline-strong);background:var(--surface);color:var(--text-1);font:inherit}.studio-select select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio-body{display:grid;grid-template-columns:232px minmax(0,1fr);max-width:1440px;margin:0 auto}.studio-side{position:sticky;top:65px;align-self:start;height:calc(100dvh - 65px);overflow-y:auto;padding:var(--s-5) var(--s-4);border-right:1px solid var(--hairline-soft)}.studio-side .sgroup+.sgroup{margin-top:var(--s-6)}.snav .anchors{margin:2px 0 var(--s-2) var(--s-3);gap:0}.snav .anchors a{padding:5px 9px;font-size:.78125rem;color:var(--text-3)}.snav .anchors a.on{color:var(--text-1)}.snav a:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.studio-main{min-width:0;padding:0 var(--s-7) var(--s-9)}.studio-main h1:focus{outline:none}.page{padding-top:var(--s-8)}.display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:-.03em;line-height:.98;font-size:clamp(2.4rem,5.6vw,4.6rem);max-width:16ch}.section{padding-top:var(--s-8);scroll-margin-top:80px}.section>h2{font-family:var(--font-display);font-weight:var(--heading-weight);font-size:1.5rem;letter-spacing:-.02em;margin-bottom:var(--s-5);display:flex;align-items:baseline;gap:var(--s-3)}.section>h2 .cnt{font-family:var(--font-mono);font-size:.75rem;color:var(--text-3);font-weight:400;letter-spacing:0}.grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mono{font-family:var(--font-mono);font-size:.75rem}.muted{color:var(--text-2)}@media(max-width:1100px){.studio-body{grid-template-columns:200px minmax(0,1fr)}.studio-main{padding:0 var(--s-5) var(--s-8)}}@media(max-width:760px){.studio-body{grid-template-columns:minmax(0,1fr)}.studio-side{display:none}.studio-select{display:block;position:sticky;z-index:15}.studio-head{padding:var(--s-2) var(--s-4);gap:var(--s-2);flex-wrap:wrap}.studio-head .modeswitch{order:5;width:100%}.studio-head .modeswitch .seg{display:flex;width:100%}.studio-head .modeswitch .seg button{flex:1}.studio-head .picker{order:6;width:100%}.studio-select{top:113px}.studio-main{padding:0 var(--s-4) var(--s-8)}.seg button{min-height:44px}.page{padding-top:var(--s-6)}.section{padding-top:var(--s-7)}}@media(max-width:420px){.lockup .badge{display:none}}
