@font-face{font-family:unbounded;src:url(../media/Unbounded_Variable-s.p.1bk8_xp319hr4.woff2)format("woff2");font-display:swap;font-weight:200 900}@font-face{font-family:unbounded Fallback;src:local(Arial);ascent-override:73.13%;descent-override:18.01%;line-gap-override:0.0%;size-adjust:136.07%}.uxrfMq_className{font-family:unbounded,unbounded Fallback}.uxrfMq_variable{--font-unbounded:"unbounded", "unbounded Fallback"}
@font-face{font-family:onest;src:url(../media/Onest_Variable-s.p.2sla2yow9-9p_.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:onest Fallback;src:local(Arial);ascent-override:91.42%;descent-override:28.75%;line-gap-override:0.0%;size-adjust:106.1%}.srX1nG_className{font-family:onest,onest Fallback}.srX1nG_variable{--font-onest:"onest", "onest Fallback"}
@font-face{font-stretch:75% 112.5%;font-family:martian;src:url(../media/MartianMono_Variable-s.p.1dxjg4ufbxory.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:martian Fallback;src:local(Arial);ascent-override:60.84%;descent-override:12.17%;line-gap-override:0.0%;size-adjust:164.36%}.sTr8qq_className{font-family:martian,martian Fallback}.sTr8qq_variable{--font-martian:"martian", "martian Fallback"}
:root,[data-theme=dark]{--stage:#0a0805;--bg-0:#16120c;--bg-1:#1f1b13;--bg-2:#29241b;--bg-3:#353025;--bg-4:#453f33;--line-1:#3b362c;--line-2:#837d6f;--ink-1:#f7f3eb;--ink-2:#c3bdb1;--ink-3:#aca597;--ink-4:#746e62;--accent:#f7c243;--accent-strong:#fed98a;--accent-line:#a77f19;--accent-dim:#4d3a0d;--accent-ghost:#302610;--on-accent:#1c1505;--client-stable:#f6a;--client-lazer:#dff;--device-tablet:#a8f;--device-mouse:#b3d944;--state-player:var(--accent);--state-measured:#4be6ac;--state-sourced:#6cf;--state-community:#b7b0d6;--state-stale:#a59e93;--state-conflict:#ff8e5d;--hit-300:#6cf;--hit-100:#b3d944;--hit-50:#fc2;--hit-miss:#ff5a5a;--grade-ss:#de31ae;--grade-s:#02b5c3;--grade-a:#88da20;--grade-b:#e3b130;--grade-c:#ff8e5d;--grade-d:#ff5a5a;--star-0:#4290fb;--star-1:#4fc0ff;--star-2:#4fffd5;--star-3:#7cff4f;--star-4:#f6f05c;--star-5:#ff8068;--star-6:#ff4e6f;--star-7:#c645b8;--star-8:#6563de;--star-9:#18158e;--star-10:#000;--mod-increase:#f66;--mod-reduction:#b2ff66;--mod-conversion:#8c66ff;--mod-automation:#6cf;--mod-fun:#ff66ab;--mod-system:#fc2;--cmp-1:#fc2;--cmp-2:#6cf;--cmp-3:#f6a;--cmp-4:#b3d944;--ring:var(--ink-1);--live:#ff4e6f;--scrim:#080705a8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--shadow-pop:0 12px 32px #00000080, 0 0 0 1px #ffffff12;--shadow-sheet:0 32px 80px #000000a8, 0 0 0 1px #ffffff14;--control-sm:28px;--control-md:36px;--control-lg:44px;--row-compact:28px;--row-default:40px;--row-comfy:56px;--rail-w:56px;--topbar-h:48px;--stroke-hair:1px;--stroke-track:2px;--stroke-path:3px;--dur-hover:.12s;--dur-approach:.16s;--dur-panel:.24s;--dur-morph:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--z-rail:20;--z-dock:30;--z-pop:50;--z-palette:80;--z-toast:90;--font-display:var(--font-unbounded), Unbounded, Onest, system-ui, sans-serif;--font-ui:var(--font-onest), Onest, system-ui, -apple-system, "Segoe UI", sans-serif;--font-data:var(--font-martian), "Martian Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--stage:#16120c;--bg-0:#f3f0ea;--bg-1:#fcfaf6;--bg-2:#ece9e2;--bg-3:#e2ded5;--bg-4:#d2cdc4;--line-1:#d8d4cc;--line-2:#807a6d;--ink-1:#1f1a10;--ink-2:#4d473c;--ink-3:#605a4e;--ink-4:#969288;--accent:#7e5e02;--accent-strong:#634800;--accent-line:#a1790c;--accent-dim:#f6e4c1;--accent-ghost:#f9efdb;--on-accent:#fcfaf6;--client-stable:#b17;--client-lazer:#21272c;--device-tablet:#64c;--device-mouse:#557000;--state-player:var(--accent);--state-measured:#0a6b4a;--state-sourced:#0f6f8f;--state-community:#5c5578;--state-stale:#69635a;--state-conflict:#b8400e;--hit-300:#0f6f8f;--hit-100:#557000;--hit-50:#8a5a00;--hit-miss:#c62828;--grade-ss:#de31ae;--grade-s:#02b5c3;--grade-a:#88da20;--grade-b:#e3b130;--grade-c:#ff8e5d;--grade-d:#ff5a5a;--star-0:#4290fb;--star-1:#4fc0ff;--star-2:#4fffd5;--star-3:#7cff4f;--star-4:#f6f05c;--star-5:#ff8068;--star-6:#ff4e6f;--star-7:#c645b8;--star-8:#6563de;--star-9:#18158e;--star-10:#000;--mod-increase:#f66;--mod-reduction:#b2ff66;--mod-conversion:#8c66ff;--mod-automation:#6cf;--mod-fun:#ff66ab;--mod-system:#fc2;--cmp-1:#8a5a00;--cmp-2:#0f6f8f;--cmp-3:#b17;--cmp-4:#557000;--ring:var(--ink-1);--live:#d81b4a;--scrim:#2822145c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--shadow-pop:0 12px 32px #28221429, 0 0 0 1px #2822141a;--shadow-sheet:0 32px 80px #28221447, 0 0 0 1px #2822141a;--control-sm:28px;--control-md:36px;--control-lg:44px;--row-compact:28px;--row-default:40px;--row-comfy:56px;--rail-w:56px;--topbar-h:48px;--stroke-hair:1px;--stroke-track:2px;--stroke-path:3px;--dur-hover:.12s;--dur-approach:.16s;--dur-panel:.24s;--dur-morph:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--z-rail:20;--z-dock:30;--z-pop:50;--z-palette:80;--z-toast:90;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
.oc{--h:85;font-family:var(--font-ui);color:var(--ink-1);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;accent-color:var(--accent);margin:0;font-size:14px;line-height:21px}:where(.oc) *,:where(.oc) :before,:where(.oc) :after{box-sizing:border-box}:where(.oc) button,:where(.oc) input,:where(.oc) select,:where(.oc) textarea{font:inherit;color:inherit}:where(.oc) button{cursor:pointer;background:0 0;border:0;padding:0}:where(.oc) a{color:var(--accent);text-decoration:none}:where(.oc) a:hover{text-underline-offset:3px;text-decoration:underline}.oc ::selection{background:var(--accent-dim);color:var(--ink-1)}.oc [hidden]{display:none!important}.oc-hue{--stage:oklch(.135 .01 var(--h));--bg-0:oklch(.185 .014 var(--h));--bg-1:oklch(.225 .016 var(--h));--bg-2:oklch(.262 .018 var(--h));--bg-3:oklch(.31 .02 var(--h));--bg-4:oklch(.37 .022 var(--h));--line-1:oklch(.335 .018 var(--h));--line-2:oklch(.59 .022 var(--h));--ink-1:oklch(.965 .012 var(--h));--ink-2:oklch(.8 .018 var(--h));--ink-3:oklch(.725 .022 var(--h));--ink-4:oklch(.54 .02 var(--h));--accent:oklch(.84 .15 var(--h));--accent-strong:oklch(.9 .13 var(--h));--accent-line:oklch(.62 .12 var(--h));--accent-dim:oklch(.36 .065 var(--h));--accent-ghost:oklch(.275 .038 var(--h));--on-accent:oklch(.2 .03 var(--h));color:var(--ink-1)}[data-theme=light] .oc-hue,.oc-hue[data-theme=light]{--stage:oklch(.185 .014 var(--h));--bg-0:oklch(.955 .008 var(--h));--bg-1:oklch(.985 .005 var(--h));--bg-2:oklch(.935 .01 var(--h));--bg-3:oklch(.9 .012 var(--h));--bg-4:oklch(.85 .014 var(--h));--line-1:oklch(.87 .012 var(--h));--line-2:oklch(.58 .02 var(--h));--ink-1:oklch(.22 .02 var(--h));--ink-2:oklch(.4 .02 var(--h));--ink-3:oklch(.47 .02 var(--h));--ink-4:oklch(.66 .015 var(--h));--accent:oklch(.5 .13 var(--h));--accent-strong:oklch(.42 .13 var(--h));--accent-line:oklch(.6 .12 var(--h));--accent-dim:oklch(.925 .05 var(--h));--accent-ghost:oklch(.955 .028 var(--h));--on-accent:oklch(.985 .005 var(--h))}.oc-stage{--stage:oklch(.135 .01 var(--h));--bg-0:oklch(.185 .014 var(--h));--bg-1:oklch(.225 .016 var(--h));--bg-2:oklch(.262 .018 var(--h));--bg-3:oklch(.31 .02 var(--h));--bg-4:oklch(.37 .022 var(--h));--line-1:oklch(.335 .018 var(--h));--line-2:oklch(.59 .022 var(--h));--ink-1:oklch(.965 .012 var(--h));--ink-2:oklch(.8 .018 var(--h));--ink-3:oklch(.725 .022 var(--h));--ink-4:oklch(.54 .02 var(--h));--accent:oklch(.84 .15 var(--h));--accent-strong:oklch(.9 .13 var(--h));--accent-line:oklch(.62 .12 var(--h));--accent-dim:oklch(.36 .065 var(--h));--accent-ghost:oklch(.275 .038 var(--h));--on-accent:oklch(.2 .03 var(--h));--hit-300:#6cf;--hit-100:#b3d944;--hit-50:#fc2;--hit-miss:#ff5a5a;--client-stable:#f6a;--client-lazer:#dff;--state-measured:#4be6ac;--state-sourced:#6cf;--state-conflict:#ff8e5d;--cmp-1:#fc2;--cmp-2:#6cf;--cmp-3:#f6a;--cmp-4:#b3d944;background:var(--stage);color:var(--ink-1)}.oc-data,.oc .data-xl,.oc .data-l,.oc .data-m,.oc .data-s,.oc .unit{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-variant-numeric:tabular-nums}.oc .data-xl{font-variation-settings:"wdth" 100}.oc-label,.oc .label{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600;line-height:14px}.oc-unit,.oc .unit{color:var(--ink-3);letter-spacing:0;margin-left:.35em;font-size:11px;font-weight:400}.oc-dim{color:var(--ink-3)}.oc-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}.oc :focus{outline:none}.oc :focus-visible{outline:var(--stroke-track) solid var(--ring);outline-offset:3px;animation:oc-approach var(--dur-approach) var(--ease-out)}@keyframes oc-approach{0%{outline-offset:10px;outline-color:#0000}}@keyframes oc-hit{0%{opacity:.8;inset:-2px}to{opacity:0;inset:-11px}}@keyframes oc-pop{0%{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes oc-fade{0%{opacity:0}}@keyframes oc-pulse{50%{opacity:.35}}@keyframes oc-spin{to{transform:rotate(360deg)}}@keyframes oc-ring-in{0%{opacity:0;transform:scale(2.6)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.oc-dots{background-image:radial-gradient(circle at 1px 1px, var(--line-1) 1px, transparent 1.6px);background-size:16px 16px}.oc-hatch{background-image:repeating-linear-gradient(135deg,currentColor 0 2px,#0000 2px 5px)}.oc-dotfill{background-image:radial-gradient(circle at 2px 2px,currentColor 1.2px,#0000 1.6px);background-size:5px 5px}.oc-noanim,.oc-noanim *{animation:none!important}.oc-icon{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px;display:inline-block}.oc-icon--sm{width:16px;height:16px}.oc-row{align-items:center;gap:var(--space-2);display:flex}.oc-row--wrap{flex-wrap:wrap}.oc-stack{gap:var(--space-2);flex-direction:column;display:flex}.oc-grow{flex:1 1 0;min-width:0}.oc-scroll{scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent;overflow:auto}@media (prefers-reduced-motion:reduce){.oc *,.oc :before,.oc :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.oc-btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);border-radius:var(--radius-full);background:var(--bg-3);color:var(--ink-1);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur-hover), color var(--dur-hover), transform var(--dur-hover);padding:0 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;position:relative}.oc .oc-btn:hover{background:var(--bg-4);text-decoration:none}.oc .oc-btn:active{transform:scale(.97)}.oc-btn:after{content:"";border-radius:inherit;border:2px solid var(--accent);opacity:0;pointer-events:none;position:absolute;inset:-2px}.oc-btn.is-hit:after{animation:oc-hit .38s var(--ease-out)}.oc .oc-btn--primary{background:var(--accent);color:var(--on-accent)}.oc .oc-btn--primary:hover{background:var(--accent-strong)}.oc .oc-btn--line{box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);background:0 0}.oc .oc-btn--line:hover{background:var(--bg-3);box-shadow:inset 0 0 0 var(--stroke-track) var(--ink-2)}.oc .oc-btn--ghost{color:var(--ink-2);background:0 0}.oc .oc-btn--ghost:hover{background:var(--bg-3);color:var(--ink-1)}.oc .oc-btn--danger{color:var(--hit-miss)}.oc .oc-btn--danger:after{border-color:var(--hit-miss)}.oc-btn--sm{height:var(--control-sm);gap:6px;padding:0 12px;font-size:13px}.oc-btn--lg{height:var(--control-lg);padding:0 22px;font-size:15px}.oc-btn--icon{width:var(--control-md);padding:0}.oc-btn--icon.oc-btn--sm{width:var(--control-sm)}.oc-btn--icon.oc-btn--lg{width:var(--control-lg)}.oc .oc-btn:disabled,.oc .oc-btn[aria-disabled=true]{background:var(--bg-2);color:var(--ink-4);cursor:not-allowed;box-shadow:none;transform:none}.oc-btn .oc-kbd{margin-right:-6px}.oc-btn__count{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;padding-left:var(--space-2);border-left:1px solid color-mix(in oklab, currentColor 30%, transparent);margin-left:2px;font-size:12px;font-weight:600}.oc-btn.is-busy{color:#0000;pointer-events:none}.oc-btn.is-busy:before{content:"";border:2px solid var(--ink-2);width:14px;height:14px;animation:oc-ring-in .7s var(--ease-out) infinite;border-radius:50%;position:absolute}.oc-btn--primary.is-busy:before{border-color:var(--on-accent)}.oc-kbd{border-radius:var(--radius-xs);background:var(--bg-3);min-width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--line-1), inset 0 -2px 0 var(--bg-4);font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--ink-2);justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.oc-btn--primary .oc-kbd{background:color-mix(in oklab, var(--on-accent) 18%, transparent);box-shadow:none;color:var(--on-accent)}.oc-toggle{align-items:center;gap:var(--space-3);min-height:var(--control-sm);color:var(--ink-1);text-align:left;font-size:14px;display:inline-flex;position:relative}.oc-toggle__track{border-radius:var(--radius-full);background:var(--bg-0);width:42px;height:22px;box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);transition:background var(--dur-approach), box-shadow var(--dur-approach);flex:none;position:relative}.oc-toggle__ball{background:var(--ink-2);width:10px;height:10px;transition:transform var(--dur-approach) var(--ease-in-out), background var(--dur-approach), box-shadow var(--dur-approach);border-radius:50%;position:absolute;top:6px;left:6px}.oc-toggle:hover .oc-toggle__track{box-shadow:inset 0 0 0 var(--stroke-track) var(--ink-2)}.oc-toggle[aria-checked=true] .oc-toggle__track{background:var(--accent-dim);box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line)}.oc-toggle[aria-checked=true] .oc-toggle__ball{background:var(--ink-1);box-shadow:0 0 0 2px var(--accent-dim), 0 0 0 4px var(--accent);transform:translate(20px)}.oc-toggle__hint{color:var(--ink-3);font-size:13px}.oc-seg{height:var(--control-md);border-radius:var(--radius-full);background:var(--bg-0);box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);isolation:isolate;padding:4px;display:inline-flex;position:relative}.oc-seg__ball{z-index:-1;border-radius:var(--radius-full);background:var(--ink-1);width:0;transition:transform var(--dur-approach) var(--ease-in-out), width var(--dur-approach) var(--ease-in-out);position:absolute;top:4px;bottom:4px;left:0}.oc-seg__opt{border-radius:var(--radius-full);color:var(--ink-2);white-space:nowrap;transition:color var(--dur-approach);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.oc-seg__opt:hover{color:var(--ink-1)}.oc-seg__opt[aria-checked=true],.oc-seg__opt[aria-selected=true]{color:var(--bg-0)}.oc-seg--sm{height:var(--control-sm);padding:3px}.oc-seg--sm .oc-seg__ball{top:3px;bottom:3px}.oc-seg--sm .oc-seg__opt{padding:0 10px;font-size:12px}.oc-seg--data .oc-seg__opt{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-size:11px}.oc-seg--accent .oc-seg__ball{background:var(--accent)}.oc-seg--accent .oc-seg__opt[aria-checked=true]{color:var(--on-accent)}.oc-range{touch-action:none;cursor:pointer;--p:0;height:28px;display:block;position:relative}.oc-range__track{border-radius:var(--radius-full);background:var(--bg-0);height:10px;box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);position:absolute;top:9px;left:0;right:0}.oc-range__fill{height:10px;width:calc(var(--p) * 100%);border-radius:var(--radius-full);background:var(--accent-dim);min-width:10px;box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line);position:absolute;top:9px;left:0}.oc-range__ball{top:5px;left:calc(var(--p) * (100% - 18px));background:var(--ink-1);width:18px;height:18px;box-shadow:0 0 0 0 var(--accent);transition:box-shadow var(--dur-approach) var(--ease-out), background var(--dur-hover);border-radius:50%;position:absolute}.oc-range:hover .oc-range__ball{background:var(--accent-strong)}.oc-range.is-held .oc-range__ball,.oc-range:focus-visible .oc-range__ball{box-shadow:0 0 0 3px var(--bg-1), 0 0 0 5px var(--accent);background:var(--accent-strong)}.oc-range:focus-visible{outline:none;animation:none}.oc-range__ticks{pointer-events:none;justify-content:space-between;height:5px;display:flex;position:absolute;top:22px;left:9px;right:9px}.oc-range__ticks i{background:var(--line-2);width:1px}.oc-range--ticks{height:34px}.oc-rangefield{gap:2px var(--space-3);grid-template-columns:1fr auto;align-items:center;display:grid}.oc-rangefield .oc-range{grid-column:1/-1}.oc-field{align-items:center;gap:var(--space-2);height:var(--control-md);border-radius:var(--radius-full);background:var(--bg-0);box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);color:var(--ink-1);transition:box-shadow var(--dur-hover);padding:0 14px;display:flex}.oc-field:hover{box-shadow:inset 0 0 0 var(--stroke-track) var(--ink-3)}.oc-field:focus-within{outline:var(--stroke-track) solid var(--ring);outline-offset:3px;animation:oc-approach var(--dur-approach) var(--ease-out)}.oc-field input,.oc-field select{background:0 0;border:0;outline:0;flex:1 1 0;min-width:0;height:100%;animation:none}.oc-field input::placeholder,.oc-field>.oc-icon{color:var(--ink-3)}.oc-field--lg{height:var(--control-lg);padding:0 18px;font-size:15px}.oc-field--sm{height:var(--control-sm);padding:0 10px;font-size:13px}.oc-field--data input{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-size:13px;font-weight:500}.oc-field.is-invalid{box-shadow:inset 0 0 0 var(--stroke-track) var(--hit-miss)}.oc-fieldset{flex-direction:column;gap:6px;display:flex}.oc-fieldset__help{color:var(--ink-3);font-size:13px;line-height:19px}.oc-fieldset__help.is-error{color:var(--hit-miss)}.oc-tabs{gap:var(--space-1);box-shadow:inset 0 -1px 0 var(--line-1);display:flex;position:relative}.oc-tabs__tab{height:40px;color:var(--ink-2);white-space:nowrap;transition:color var(--dur-hover);align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.oc-tabs__tab:hover,.oc-tabs__tab[aria-selected=true]{color:var(--ink-1)}.oc-tabs__tab .oc-data{color:var(--ink-3);font-size:11px;font-weight:500}.oc-tabs__ball{border-radius:var(--radius-full);background:var(--accent);width:0;height:3px;transition:transform var(--dur-approach) var(--ease-in-out), width var(--dur-approach) var(--ease-in-out);position:absolute;bottom:-1px;left:0}.oc-menu{border-radius:var(--radius-md);background:var(--bg-2);min-width:220px;box-shadow:var(--shadow-pop);animation:oc-pop var(--dur-panel) var(--ease-out);padding:6px}.oc-menu__group{padding:8px 10px 4px}.oc-menu__item{border-radius:var(--radius-sm);width:100%;min-height:34px;color:var(--ink-1);text-align:left;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.oc-menu__item:hover,.oc-menu__item.is-active{background:var(--bg-3);text-decoration:none}.oc-menu__item>.oc-icon{color:var(--ink-3)}.oc-menu__item small{color:var(--ink-3);font-size:12px;line-height:16px;display:block}.oc-menu__hint{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--ink-3);margin-left:auto;font-size:11px}.oc-menu__sep{background:var(--line-1);height:1px;margin:6px 4px}.oc-tip{z-index:var(--z-pop);border-radius:var(--radius-sm);background:var(--bg-3);box-shadow:var(--shadow-pop);color:var(--ink-1);white-space:nowrap;pointer-events:none;animation:oc-pop var(--dur-hover) var(--ease-out);padding:5px 9px;font-size:12px;line-height:16px;position:absolute}.oc-tip .oc-kbd{min-width:16px;height:16px;margin-left:6px}.oc-panel{border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);min-width:0}.oc-panel__head{align-items:center;gap:var(--space-2);min-height:44px;padding:8px 8px 8px var(--space-4);display:flex}.oc-panel__head>.oc-label{flex:1 1 0}.oc-panel__body{padding:0 var(--space-4) var(--space-4)}.oc-panel__body--flush{padding:0}.oc-panel--stage{background:var(--stage)}.oc-toasts{z-index:var(--z-toast);right:var(--space-4);bottom:var(--space-4);gap:var(--space-2);pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed}.oc-toast{border-radius:var(--radius-full);background:var(--bg-3);min-height:40px;box-shadow:var(--shadow-pop);color:var(--ink-1);pointer-events:auto;animation:oc-pop var(--dur-panel) var(--ease-out);align-items:center;gap:10px;padding:8px 14px 8px 12px;font-size:13px;display:flex}.oc-toast.is-leaving{opacity:0;transition:opacity var(--dur-panel), transform var(--dur-panel);transform:translateY(4px)}.oc-toast .oc-glyph{color:var(--state-measured)}.oc-toast--error .oc-glyph{color:var(--hit-miss)}.oc-glyph{vertical-align:-2px;flex:none;width:14px;height:14px;display:inline-block;overflow:visible}.oc-glyph--lg{width:20px;height:20px}.oc-glyph--xl{width:40px;height:40px}[data-state=player]{--state:var(--state-player)}[data-state=measured]{--state:var(--state-measured)}[data-state=sourced]{--state:var(--state-sourced)}[data-state=community]{--state:var(--state-community)}[data-state=stale]{--state:var(--state-stale)}[data-state=conflict]{--state:var(--state-conflict)}[data-state=empty]{--state:var(--ink-4)}.oc-chip{border-radius:var(--radius-full);background:var(--bg-3);height:22px;color:var(--ink-1);white-space:nowrap;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.oc-chip--line{box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.oc-chip--stable{color:var(--client-stable)}.oc-chip--lazer{color:var(--client-lazer)}.oc-chip--tablet{color:var(--device-tablet)}.oc-chip--mouse{color:var(--device-mouse)}.oc-chip--live{color:var(--live);font-family:var(--font-data);letter-spacing:.08em;font-size:10px;font-weight:700}.oc-chip--live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite oc-pulse}.oc-chip .oc-data{font-size:11px;font-weight:500}button.oc-chip:hover{background:var(--bg-4)}.oc-src{border-radius:var(--radius-full);height:22px;color:var(--ink-2);white-space:nowrap;transition:background var(--dur-hover);align-items:center;gap:6px;padding:0 8px 0 5px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.oc-src .oc-glyph{color:var(--state)}.oc-src__age{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--ink-3);font-size:10.5px}button.oc-src:hover,a.oc-src:hover{background:var(--bg-3);color:var(--ink-1);text-decoration:none}.oc-src--solid{background:var(--bg-3)}.oc-mod{border-radius:var(--radius-xs);background:var(--mod-increase);color:#1c1505;min-width:26px;height:18px;font-family:var(--font-data);font-variation-settings:"wdth" 87.5;letter-spacing:.02em;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.oc-mod--reduction{background:var(--mod-reduction)}.oc-mod--conversion{background:var(--mod-conversion)}.oc-mod--automation{background:var(--mod-automation)}.oc-mod--system{background:var(--mod-system)}.oc-mods{gap:3px;display:inline-flex}.oc-grade{vertical-align:-3px;width:auto;height:16px}.oc-star{border-radius:var(--radius-full);color:#16120c;height:18px;font-family:var(--font-data);font-variation-settings:"wdth" 87.5;align-items:center;gap:3px;padding:0 7px;font-size:10.5px;font-weight:700;display:inline-flex}.oc-flag{vertical-align:-2px;border-radius:2px;width:auto;height:14px}.oc-avatar{border-radius:var(--radius-sm);background:var(--bg-3);object-fit:cover;flex:none;width:36px;height:36px}.oc-avatar--sm{border-radius:6px;width:24px;height:24px}.oc-avatar--lg{border-radius:var(--radius-md);width:96px;height:96px}.oc-vlist{border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);overflow:hidden;container-type:inline-size}.oc-vlist__head{align-items:center;gap:var(--space-2);height:40px;padding:0 8px 0 var(--space-3);box-shadow:inset 0 -1px 0 var(--line-1);display:flex}.oc-vlist__head .oc-label{flex:1 1 0;align-items:center;gap:8px;display:flex}.oc-vlist__head .oc-label .oc-icon{color:var(--ink-2)}.oc-vrow{align-items:center;column-gap:var(--space-2);min-height:var(--row-default);padding:0 6px 0 var(--space-3);transition:background var(--dur-hover);grid-template-columns:minmax(84px,30%) minmax(0,1fr) auto 28px;display:grid;position:relative}.oc-vrow+.oc-vrow{box-shadow:inset 0 1px 0 var(--line-1)}.oc-vrow:hover,.oc-vrow:focus-within{background:var(--bg-2)}.oc-vrow__label{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:19px;overflow:hidden}.oc-vrow__val{min-width:0;font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-variant-numeric:tabular-nums;color:var(--ink-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.oc-vrow__val--text{font-family:var(--font-ui);font-variation-settings:normal;font-size:14px}.oc-vrow__alt{color:var(--state-conflict);font-size:11px;font-weight:500;line-height:15px;display:block}.oc-vrow__alt .oc-unit{color:inherit;opacity:.8}.oc-vrow__alt span{font-family:var(--font-ui);color:var(--ink-3)}.oc-vrow__act{width:28px;height:28px;color:var(--ink-3);opacity:0;transition:opacity var(--dur-hover), background var(--dur-hover);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.oc-vrow:hover .oc-vrow__act,.oc-vrow:focus-within .oc-vrow__act,.oc-vrow__act:focus-visible{opacity:1}.oc-vrow__act:hover{background:var(--bg-4);color:var(--ink-1)}.oc-vrow[data-state=stale] .oc-vrow__val{color:var(--ink-2);-webkit-text-decoration:underline dashed var(--ink-4);text-decoration:underline dashed var(--ink-4);text-underline-offset:4px}.oc-vrow[data-state=conflict]{padding-top:5px;padding-bottom:5px}.oc-vrow[data-state=empty] .oc-vrow__val{font-family:var(--font-ui);font-variation-settings:normal;color:var(--ink-4)}.oc-vrow.is-changed{animation:oc-flash 1.4s var(--ease-out)}@keyframes oc-flash{0%{background:var(--accent-dim)}}.oc-vlist--compact .oc-vrow{min-height:var(--row-compact);grid-template-columns:minmax(80px,38%) minmax(0,1fr) auto}.oc-vlist--compact .oc-vrow__label{font-size:12px}.oc-vlist--compact .oc-vrow__val{font-size:11px;line-height:16px}.oc-vlist--compact .oc-vrow__act,.oc-vlist--compact .oc-src__name,.oc-vlist--compact .oc-src__age{display:none}.oc-vlist--compact .oc-src{padding:0 4px}.oc-vlist--comfy .oc-vrow{min-height:var(--row-comfy);padding:8px 4px 8px var(--space-4);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto 44px;row-gap:0}.oc-vlist--comfy .oc-vrow__label{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;letter-spacing:.08em;text-transform:uppercase;grid-column:1/2;font-size:10px;font-weight:600;line-height:14px}.oc-vlist--comfy .oc-vrow__val{letter-spacing:-.02em;grid-column:1/2;font-size:17px;font-weight:600;line-height:24px}.oc-vlist--comfy .oc-vrow__prov{grid-area:1/2/3/3}.oc-vlist--comfy .oc-vrow__act{opacity:1;grid-area:1/3/3/4;width:44px;height:44px}.oc-receipt{width:320px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-2);box-shadow:var(--shadow-pop);animation:oc-pop var(--dur-panel) var(--ease-out)}.oc-receipt__claim{grid-template-columns:20px 1fr auto;align-items:start;gap:2px 8px;padding:8px 0;display:grid}.oc-receipt__claim+.oc-receipt__claim{box-shadow:inset 0 1px 0 var(--line-1)}.oc-receipt__claim .oc-glyph{color:var(--state);margin-top:3px}.oc-receipt__claim b{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-size:13px;font-weight:600}.oc-receipt__claim small{color:var(--ink-3);grid-column:2/4;font-size:12px;line-height:16px}.oc-receipt__claim.is-shown b:after{content:"shown";font-family:var(--font-ui);color:var(--ink-3);margin-left:8px;font-size:11px;font-weight:500}.oc-split{flex-direction:column;gap:6px;min-width:0;display:flex}.oc-split__bar{border-radius:var(--radius-full);background:var(--bg-3);gap:2px;height:10px;display:flex;overflow:hidden}.oc-split__seg{min-width:4px;height:100%;transition:flex-grow var(--dur-morph) var(--ease-in-out)}.oc-split__seg[data-k=stable]{background:var(--client-stable)}.oc-split__seg[data-k=lazer]{color:var(--client-lazer);background-color:color-mix(in oklab, var(--client-lazer) 16%, transparent)}.oc-split__seg[data-k=tablet]{background:var(--device-tablet)}.oc-split__seg[data-k=mouse]{color:var(--device-mouse);background-color:color-mix(in oklab, var(--device-mouse) 18%, transparent)}.oc-split__legend{justify-content:space-between;gap:var(--space-3);color:var(--ink-2);font-size:12px;line-height:16px;display:flex}.oc-split__legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.oc-split__legend b{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--ink-1);font-weight:600}.oc-split__legend [data-k=stable] .oc-glyph{color:var(--client-stable)}.oc-split__legend [data-k=lazer] .oc-glyph{color:var(--client-lazer)}.oc-split__legend [data-k=tablet] .oc-glyph{color:var(--device-tablet)}.oc-split__legend [data-k=mouse] .oc-glyph{color:var(--device-mouse)}.oc-split--sm .oc-split__bar{height:6px}.oc-split--lg .oc-split__bar{gap:3px;height:28px}.oc-split--lg .oc-split__seg{border-radius:6px}.oc-pcard{gap:4px var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);color:var(--ink-1);text-align:left;transition:background var(--dur-hover), box-shadow var(--dur-hover);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;display:grid}.oc .oc-pcard:hover{background:var(--bg-2);box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line);text-decoration:none}.oc-pcard .oc-avatar{grid-row:1/3;width:44px;height:44px}.oc-pcard__name{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:20px;overflow:hidden}.oc-pcard__rank{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--accent);text-align:right;font-size:12px;font-weight:600}.oc-pcard__meta{color:var(--ink-3);white-space:nowrap;grid-column:2/4;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex;overflow:hidden}.oc-pcard__meta .oc-data{color:var(--ink-2);font-size:11px}.oc-pcard__thumb{grid-column:1/4;margin-top:6px}.oc-hero{border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);position:relative;overflow:hidden}.oc-hero__cover{opacity:.22;filter:saturate(.7);background-position:50% 30%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 20%,#000 90%);mask-image:linear-gradient(100deg,#0000 20%,#000 90%)}.oc-hero__in{gap:var(--space-6);padding:var(--space-6);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.oc-hero__name{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:56px;font-weight:800;line-height:58px}.oc-hero__meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;font-size:13px;display:flex}.oc-hero__stats{gap:var(--space-6);text-align:right;display:flex}.oc-stat{flex-direction:column;gap:2px;display:flex}.oc-stat b{font-family:var(--font-data);letter-spacing:-.03em;font-size:32px;font-weight:600;line-height:36px}.oc-stat b small{color:var(--ink-3);letter-spacing:0;margin-left:3px;font-size:13px;font-weight:500}.oc-stat--accent b{color:var(--accent)}.oc-stat--sm b{font-variation-settings:"wdth" 87.5;font-size:20px;line-height:24px}.oc-sug{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;gap:10px;display:flex}.oc-sug__top{align-items:center;gap:var(--space-2);display:flex}.oc-sug__top .oc-label{flex:1 1 0}.oc-diff{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.oc-diff__old{border-radius:var(--radius-sm);background:var(--bg-2);color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4);padding:3px 8px}.oc-diff__new{border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--ink-1);box-shadow:inset 0 0 0 1px var(--accent-line);padding:3px 8px}.oc-diff>.oc-icon{color:var(--ink-3)}.oc-sug__check{border-radius:var(--radius-sm);background:var(--bg-2);color:var(--ink-2);align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;line-height:19px;display:flex}.oc-sug__check .oc-glyph{color:var(--state);margin-top:3px}.oc-sug__check b{color:var(--ink-1);font-weight:600}.oc-sug__foot{align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:12px;display:flex}.oc-sug__foot .oc-grow{align-items:center;gap:6px;display:flex}.oc-status{border-radius:var(--radius-full);background:var(--bg-3);height:20px;color:var(--ink-2);align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.oc-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.oc-status--pending{color:var(--state-conflict)}.oc-status--accepted{color:var(--state-measured)}.oc-status--rejected{color:var(--ink-3)}.oc-status--rejected:before{background:0 0;box-shadow:inset 0 0 0 1.5px}.oc-export{border-radius:var(--radius-md);background:var(--bg-2);width:380px;max-width:100%;box-shadow:var(--shadow-pop);overflow:hidden}.oc-export__item{text-align:left;width:100%;color:var(--ink-1);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:0 10px;padding:10px 12px;display:grid}.oc-export__item+.oc-export__item{box-shadow:inset 0 1px 0 var(--line-1)}.oc-export__item:hover,.oc-export__item[aria-expanded=true]{background:var(--bg-3)}.oc-export__item>.oc-icon{color:var(--ink-2)}.oc-export__item b{font-size:14px;font-weight:600}.oc-export__item small{color:var(--ink-3);font-size:12px;line-height:16px;display:block}.oc-code{background:var(--bg-0);font-family:var(--font-data);font-variation-settings:"wdth" 80;color:var(--ink-2);white-space:pre;margin:0;padding:10px 12px;font-size:11px;line-height:17px;overflow:auto}.oc-code b{color:var(--accent);font-weight:500}.oc-code i{color:var(--ink-4);font-style:normal}.oc-export__actions{gap:var(--space-2);background:var(--bg-0);box-shadow:inset 0 1px 0 var(--line-1);padding:10px 12px;display:flex}.oc-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;line-height:19px;display:flex}.oc-empty .oc-glyph{color:var(--ink-4);margin-bottom:6px}.oc-empty b{color:var(--ink-1);font-size:15px;font-weight:650;line-height:20px}.oc-empty .oc-btn{margin-top:10px}.oc-loader{width:28px;height:28px;position:relative}.oc-loader:before{content:"";background:var(--ink-3);border-radius:50%;position:absolute;inset:9px}.oc-loader:after{content:"";border:2px solid var(--ink-2);animation:oc-ring-in .9s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:5px}.oc-skel{border-radius:var(--radius-full);background:var(--bg-3);height:10px;animation:1.4s ease-in-out infinite oc-pulse;display:block}.oc-claim{align-items:center;gap:var(--space-3);padding:10px 10px 10px var(--space-4);border-radius:var(--radius-full);background:var(--accent-ghost);box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--ink-1);font-size:13px;display:flex}.oc-claim .oc-grow b{font-weight:650}.oc-banner{border-radius:var(--radius-sm);background:var(--bg-2);color:var(--ink-2);align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:19px;display:flex}.oc-banner .oc-glyph{color:var(--state)}@container (max-width:520px){.oc-vrow .oc-src__name{display:none}.oc-vrow[data-state=empty] .oc-src__name{display:inline}.oc-vrow{grid-template-columns:minmax(76px,32%) minmax(0,1fr) auto 28px}}@container (max-width:300px){.oc-vrow .oc-src__age{display:none}}.oc-th{border-radius:var(--radius-md);background:var(--stage);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.oc-th:focus-visible{outline-offset:2px}.oc-th__view{aspect-ratio:16/9;background:var(--stage);cursor:pointer;position:relative;overflow:hidden}.oc-th__bg{opacity:.1;filter:saturate(.6);background-position:50%;background-size:cover;position:absolute;inset:0}.oc-th__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.oc-th__hud{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.oc-th__hud--tl{max-width:46%;top:14px;left:16px}.oc-th__hud--tr{text-align:right;align-items:flex-end;top:14px;right:16px}.oc-th__title{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:20px;overflow:hidden}.oc-th__sub{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex}.oc-th__sub .oc-src{pointer-events:auto;padding-left:0}.oc-th__tick{font-family:var(--font-data);font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;display:flex}.oc-th__tick>span{flex-direction:column;align-items:flex-end;display:flex}.oc-th__tick b{letter-spacing:-.02em;font-variation-settings:"wdth" 87.5;font-size:20px;font-weight:600;line-height:24px}.oc-th__tick b small{color:var(--ink-3);letter-spacing:0;margin-left:2px;font-size:11px;font-weight:400}.oc-th__tick .is-combo b{color:var(--accent)}.oc-th__counts{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;gap:10px;font-size:11px;font-weight:600;line-height:16px;display:flex}.oc-th__counts span:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.oc-th__counts [data-r="300"]{color:var(--hit-300)}.oc-th__counts [data-r="100"]{color:var(--hit-100)}.oc-th__counts [data-r="50"]{color:var(--hit-50)}.oc-th__counts [data-r="0"]{color:var(--hit-miss)}.oc-th__big{background:var(--ink-1);width:72px;height:72px;color:var(--stage);box-shadow:0 0 0 6px color-mix(in oklab, var(--stage) 60%, transparent), 0 0 0 8px var(--ink-1);transition:transform var(--dur-approach) var(--ease-out), opacity var(--dur-approach);border-radius:50%;justify-content:center;align-items:center;margin:-36px 0 0 -36px;display:flex;position:absolute;top:50%;left:50%}.oc-th__big .oc-icon{width:30px;height:30px;margin-left:4px}.oc-th__big:hover{transform:scale(1.06)}.oc-th.is-playing .oc-th__big,.oc-th.is-started .oc-th__big{opacity:0;pointer-events:none;transform:scale(1.5)}.oc-th__legend{color:var(--ink-2);pointer-events:none;flex-direction:column;gap:3px;font-size:12px;line-height:16px;display:flex;position:absolute;bottom:12px;left:16px}.oc-th__legend span{align-items:center;gap:6px;display:inline-flex}.oc-th__legend i{background:var(--ink-1);border-radius:2px;width:14px;height:3px}.oc-th__legend [data-g] i{background:var(--cmp-2)}.oc-th__bar{background:var(--bg-1);box-shadow:inset 0 1px 0 var(--line-1);align-items:center;gap:6px;padding:8px 10px 10px;display:flex}.oc-th__bar .oc-btn--icon{flex:none}.oc-th__bar .oc-btn--icon[aria-pressed=true]{background:var(--accent-dim);color:var(--accent-strong);box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line)}.oc-th__time{min-width:92px;font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-variant-numeric:tabular-nums;color:var(--ink-1);text-align:center;flex:none;padding:0 6px;font-size:12px;font-weight:500}.oc-th__time small{color:var(--ink-3);font-size:11px}.oc-th__sep{background:var(--line-1);flex:none;width:1px;height:20px;margin:0 4px}.oc-scrub{touch-action:none;cursor:pointer;--p:0;flex:1 1 0;min-width:80px;height:40px;position:relative}.oc-scrub:focus-visible{outline:none;animation:none}.oc-scrub__strip{width:calc(100% - 18px);height:24px;display:block;position:absolute;top:0;left:9px;right:9px}.oc-scrub__track{border-radius:var(--radius-full);background:var(--bg-0);height:10px;box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);position:absolute;bottom:3px;left:0;right:0}.oc-scrub__fill{height:10px;width:calc(9px + var(--p) * (100% - 18px));border-radius:var(--radius-full);background:var(--accent-dim);min-width:10px;box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line);position:absolute;bottom:3px;left:0}.oc-scrub__head{left:calc(9px + var(--p) * (100% - 18px));background:var(--ink-1);opacity:.7;pointer-events:none;width:1px;position:absolute;top:0;bottom:8px}.oc-scrub__ball{left:calc(var(--p) * (100% - 18px));background:var(--ink-1);width:18px;height:18px;transition:box-shadow var(--dur-approach) var(--ease-out);border-radius:50%;position:absolute;bottom:-1px}.oc-scrub.is-held .oc-scrub__ball,.oc-scrub:focus-visible .oc-scrub__ball{box-shadow:0 0 0 3px var(--bg-1), 0 0 0 5px var(--accent);background:var(--accent-strong)}.oc-scrub__tip{border-radius:var(--radius-sm);background:var(--bg-3);box-shadow:var(--shadow-pop);font-family:var(--font-data);font-variation-settings:"wdth" 87.5;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-hover);z-index:2;padding:4px 8px;font-size:11px;line-height:15px;position:absolute;bottom:46px;transform:translate(-50%)}.oc-scrub__tip small{color:var(--ink-3);margin-left:6px}.oc-scrub:hover .oc-scrub__tip,.oc-scrub.is-held .oc-scrub__tip{opacity:1}@container (max-width:620px){.oc-th__bar [data-wide],.oc-th__sep{display:none}.oc-th__hud--tl{top:10px;left:12px}.oc-th__hud--tr{top:10px;right:12px}.oc-th__title{font-size:13px;line-height:17px}.oc-th__tick b{font-size:15px;line-height:19px}.oc-th__tick{gap:10px}.oc-th__time{min-width:0}.oc-th__time small{display:none}.oc-th__big{width:56px;height:56px;margin:-28px 0 0 -28px}.oc-th__legend,.oc-th__sub+.oc-th__sub,.oc-th__sub>span:first-child{display:none}.oc-th__hud--tl{max-width:40%}}@container (max-width:400px){.oc-th__sub .oc-src,.oc-th__counts{display:none}}.oc-area{border-radius:var(--radius-md);background:var(--stage);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;display:flex;overflow:hidden}.oc-area__desk{aspect-ratio:var(--oc-area-ratio,1.62);cursor:crosshair;flex:none;min-height:0;padding:6px 10px;position:relative}.oc-area--fill{height:100%}.oc-area--fill .oc-area__desk{aspect-ratio:auto;flex:1 1 0}.oc-area__svg{width:100%;height:100%;font-family:var(--font-data);font-variation-settings:"wdth" 87.5;-webkit-user-select:none;user-select:none;display:block;overflow:visible}.oc-area__svg text{fill:var(--ink-3);font-size:3.1px;font-weight:500}.oc-area__body{fill:var(--bg-1);stroke:var(--line-2);stroke-width:1.5px;vector-effect:non-scaling-stroke}.oc-area__active{fill:none;stroke:var(--line-2);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;opacity:.8}.oc-area__corner{fill:none;stroke:var(--ink-2);stroke-width:1.5px;vector-effect:non-scaling-stroke}.oc-area__svg .oc-area__name{font-family:var(--font-ui);fill:var(--ink-3);letter-spacing:.02em;font-size:3.2px;font-weight:600}.oc-area__rule path{fill:none;stroke:var(--line-2);stroke-width:1px;vector-effect:non-scaling-stroke}.oc-area__svg .oc-area__unit{fill:var(--ink-4)}.oc-area__a{color:var(--accent);cursor:default}.oc-area__rect{fill:currentColor;fill-opacity:.1;stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke;transition:fill-opacity var(--dur-hover)}.oc-area__a.is-focus .oc-area__rect{fill-opacity:.2;stroke-width:2.5px}.oc-area__cross{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.7}.oc-area__svg .oc-area__tag{fill:currentColor;font-size:3.3px;font-weight:600}.oc-area__a.is-editable{cursor:grab;outline:none}.oc-area__a.is-editable.is-held{cursor:grabbing}.oc-area__a.is-editable:focus-visible .oc-area__rect,.oc-area__a.is-held .oc-area__rect{stroke:var(--ink-1);fill-opacity:.28}.oc-area__handle{fill:var(--ink-1);stroke:var(--stage);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:nwse-resize}.oc-area__handle[data-h="1"],.oc-area__handle[data-h="2"]{cursor:nesw-resize}.oc-area__dim text{fill:var(--ink-1);font-size:3.4px;font-weight:600}.oc-area__dimline{fill:none;stroke:var(--ink-3);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:2 2}.oc-area__dimtick{fill:none;stroke:var(--ink-1);stroke-width:1.5px;vector-effect:non-scaling-stroke}.oc-area__hover{opacity:0;transition:opacity var(--dur-hover)}.oc-area__hair{fill:none;stroke:var(--ink-3);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.5}.oc-area__hover text{fill:var(--ink-1);paint-order:stroke;stroke:var(--stage);stroke-width:1.4px;font-size:3px}.oc-area__trail{fill:none;stroke:var(--ink-1);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.oc-area__pen{fill:var(--ink-1)}.oc-area__penring{fill:none;stroke:var(--ink-1);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:opacity 60ms}.oc-area__read{background:var(--bg-1);box-shadow:inset 0 1px 0 var(--line-1);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.oc-area__cell{flex-direction:column;gap:1px;min-width:0;padding:10px 12px;display:flex}.oc-area__cell+.oc-area__cell{box-shadow:inset 1px 0 0 var(--line-1)}.oc-area__cell b{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:15px;font-weight:600;line-height:22px}.oc-area__cell small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:11px;line-height:15px;display:flex;overflow:hidden}.oc-area__cell small .oc-glyph{width:11px;height:11px;color:var(--state);flex:none}.oc-area__cell[data-state=conflict] small{color:var(--state-conflict)}.oc-area{container-type:inline-size}@container (max-width:720px){.oc-area__read{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-area__cell:nth-child(4){box-shadow:inset 0 1px 0 var(--line-1)}.oc-area__cell:nth-child(n+5){box-shadow:inset 1px 0 0 var(--line-1), inset 0 1px 0 var(--line-1)}}.oc-area__legend{background:var(--bg-1);box-shadow:inset 0 1px 0 var(--line-1);flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.oc-area__lg{height:var(--control-sm);border-radius:var(--radius-full);transition:background var(--dur-hover);align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.oc-area__lg b{color:var(--ink-1);font-weight:600}.oc-area__lg .oc-data{color:var(--ink-3);font-size:10.5px}.oc-area__lg:hover{background:var(--bg-3)}.oc-area__lg.is-focus{background:var(--bg-3);box-shadow:inset 0 0 0 var(--stroke-track) currentColor}.oc-chart{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;display:block;overflow:visible}.oc-chart text{fill:var(--ink-3);font-size:10px;font-weight:500}.oc-chart__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.oc-chart__area{fill:var(--accent);opacity:.14}.oc-chart__dot{fill:var(--accent)}.oc-chart__grid{fill:none;stroke:var(--line-1);stroke-width:1px}.oc-chart__guide{fill:none;stroke:var(--ink-4);stroke-width:1px;stroke-dasharray:3 4}.oc-chart .oc-chart__guidetext{fill:var(--ink-3);font-size:9.5px}.oc-chart .oc-chart__axis{fill:var(--ink-2);font-family:var(--font-ui);font-size:11px;font-weight:500}.oc-chart__pt{stroke:var(--bg-1);stroke-width:1.5px;cursor:pointer;transition:r var(--dur-hover);outline:none}.oc-chart__pt:hover,.oc-chart__pt:focus-visible{stroke:var(--ink-1);stroke-width:2px;r:7px}.oc-chart__pt.is-hl{stroke:var(--ink-1);stroke-width:2px}.oc-chart .oc-chart__ptlabel{fill:var(--ink-1);font-family:var(--font-ui);paint-order:stroke;stroke:var(--bg-1);stroke-width:3px;font-size:11px;font-weight:650}.oc-chart__base{stroke:var(--line-2);stroke-width:1px;fill:none}.oc-chart__zero{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:2 3;fill:none}.oc-chart__mean{stroke:var(--ink-1);stroke-width:1.5px;fill:var(--ink-1)}.oc-chart--scatter{width:100%;height:auto}.oc-scatter{position:relative}.oc-scatter__tip{z-index:2;border-radius:var(--radius-sm);background:var(--bg-3);box-shadow:var(--shadow-pop);white-space:nowrap;pointer-events:none;padding:6px 10px;font-size:12px;line-height:17px;position:absolute}.oc-scatter__tip .oc-data{color:var(--ink-2);font-size:11px}.oc-scatter__key{color:var(--ink-3);align-items:center;gap:8px;max-width:260px;margin:6px 0 0 44px;font-size:11px;display:flex}.oc-scatter__key i{border-radius:3px;flex:1 1 0;order:3;height:6px}.oc-scatter__key .oc-data{font-size:10px}.oc-scatter__key .oc-data:first-of-type{order:2}.oc-scatter__key .oc-data:last-of-type{order:4;margin-left:0!important}.oc-cols{align-items:flex-end;gap:2px;padding-bottom:18px;display:flex}.oc-cols__c{flex:1 1 0;align-items:flex-end;min-width:2px;height:100%;display:flex;position:relative}.oc-cols__c i{width:100%;height:calc(var(--v) * 100%);background:var(--bg-4);min-height:2px;transition:background var(--dur-hover);border-radius:2px 2px 0 0;display:block}.oc-cols__c:hover i,.oc-cols__c.is-last i{background:var(--accent)}.oc-cols__c.is-max i{background:var(--ink-2)}.oc-cols__c em{font-style:normal;font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--ink-3);white-space:nowrap;margin-top:4px;font-size:9.5px;position:absolute;top:100%;left:0}.oc-cols__c.is-last em{color:var(--ink-1);left:auto;right:0}.oc-bars{gap:8px;display:grid}.oc-bars__row{grid-template-columns:minmax(0,150px) minmax(40px,1fr) 56px;align-items:center;gap:10px;font-size:13px;line-height:18px;display:grid}.oc-bars__label{white-space:nowrap;text-overflow:ellipsis;color:var(--ink-1);align-items:center;gap:6px;display:flex;overflow:hidden}.oc-bars__track{border-radius:var(--radius-full);background:var(--bg-3);height:8px;display:block;overflow:hidden}.oc-bars__track i{border-radius:var(--radius-full);background:var(--ink-2);min-width:3px;height:100%;display:block}.oc-bars__track i[data-k=tablet]{background:var(--device-tablet)}.oc-bars__track i[data-k=mouse]{background:var(--device-mouse)}.oc-bars__track i[data-k=accent]{background:var(--accent)}.oc-bars__row b{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;text-align:right;font-size:12px;font-weight:600}.oc-fp{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;container-type:inline-size}.oc-fp__tile{padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;gap:10px;min-width:0;display:flex}.oc-fp__tile header{justify-content:space-between;align-items:center;gap:8px;margin-right:-8px;display:flex}.oc-fp__big{color:var(--ink-3);flex-direction:column;gap:2px;font-size:12px;line-height:17px;display:flex}.oc-fp__big>b{color:var(--ink-1);letter-spacing:-.01em;font-size:20px;font-weight:650;line-height:26px}.oc-fp__big>b.oc-data{letter-spacing:-.03em;font-variation-settings:"wdth" 100;font-size:28px;font-weight:600;line-height:32px}.oc-fp__big .oc-data{color:var(--ink-1);font-size:12px;font-weight:600}.oc-fp__keys{gap:8px;margin-top:auto;display:grid}.oc-fp__key{grid-template-columns:28px minmax(0,1fr) 44px 34px;align-items:center;gap:8px;font-size:12px;display:grid}.oc-fp__key .oc-bars__track{height:10px}.oc-fp__key .oc-bars__track i{background:var(--accent)}.oc-fp__key b{text-align:right;font-size:13px;font-weight:600}.oc-fp__key .oc-dim{text-align:right;font-size:10.5px}.oc-fp__foot{color:var(--ink-3);justify-content:space-between;gap:10px;font-size:11px;line-height:16px;display:flex}.oc-fp__foot b{color:var(--ink-1);margin-left:4px;font-size:11px;font-weight:600}.oc-chart--hist{width:100%;height:auto;margin-top:auto}.oc-fp__heat{border-radius:var(--radius-xs);background:var(--stage);box-shadow:inset 0 0 0 1px var(--line-1);margin-top:auto;padding:4px}.oc-fp__heat svg{width:100%;height:auto;display:block}@container (max-width:640px){.oc-fp{grid-template-columns:minmax(0,1fr)}}.oc-kb{gap:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);align-items:start;display:grid;container-type:inline-size}.oc-kb__board{border-radius:var(--radius-md);background:var(--bg-0);box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);--u:calc((100cqw * .6 - 30px - 56px) / 15);gap:4px;padding:10px;display:grid}.oc-kb__row{gap:4px;display:flex}.oc-kb__key{flex:var(--w) 1 0;aspect-ratio:auto;border-radius:var(--radius-xs);background:var(--bg-2);min-width:0;height:clamp(22px,5cqw,40px);color:var(--ink-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.oc-kb__key em{font-style:normal;font-family:var(--font-data);font-variation-settings:"wdth" 80;font-size:9px;font-weight:600;position:relative}.oc-kb__key.is-bound{background:var(--bg-3);color:var(--ink-1);cursor:pointer;box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line);flex-direction:column;gap:0;transition:transform 40ms,background 40ms}.oc-kb__key.is-bound i{height:calc(var(--d) * 100%);background:var(--accent);opacity:.85;min-height:3px;position:absolute;top:0;left:0;right:0}.oc-kb__key.is-bound em{margin-top:3px;font-size:12px}.oc-kb__key.is-bound small{font-family:var(--font-data);font-variation-settings:"wdth" 80;color:var(--ink-2);font-size:8.5px;line-height:10px;position:relative}.oc-kb__key.is-sel{box-shadow:inset 0 0 0 var(--stroke-track) var(--accent), 0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent);z-index:1;overflow:visible}.oc-kb__key.is-sel i{border-radius:2px 2px 0 0}.oc-kb__key.is-down{background:var(--accent);color:var(--on-accent);transform:translateY(2px)}.oc-kb__key.is-down small{color:var(--on-accent)}.oc-kb__side{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.oc-kb__head{align-items:center;gap:8px;font-size:14px;display:flex}.oc-kb__head b{flex:1 1 0;font-weight:650}.oc-kb__travel{height:62px;margin:22px 4px 0;position:relative}.oc-kb__travel:before{content:"";border-radius:var(--radius-full);background:var(--bg-0);height:14px;box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);position:absolute;top:0;left:0;right:0}.oc-kb__zone{background:var(--accent-dim);height:10px;box-shadow:inset 0 0 0 1px var(--accent-line);border-radius:3px;position:absolute;top:2px}.oc-kb__act{background:var(--accent);width:2px;height:22px;margin-left:-1px;position:absolute;top:-4px}.oc-kb__act b{white-space:nowrap;color:var(--accent);margin-bottom:2px;font-size:11px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.oc-kb__plunger{top:2px;left:calc(var(--x) * (100% - 10px));background:var(--ink-1);border-radius:50%;width:10px;height:10px;transition:left 55ms linear;position:absolute}.oc-kb__ticks{justify-content:space-between;height:6px;display:flex;position:absolute;top:19px;left:0;right:0}.oc-kb__ticks i{background:var(--line-2);width:1px}.oc-kb__ticks i:nth-child(4n+1){height:6px}.oc-kb__ticks i{height:3px}.oc-kb__scale{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--ink-3);justify-content:space-between;font-size:10px;display:flex;position:absolute;top:30px;left:0;right:0}.oc-kb__vals{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.oc-kb__vals>div{flex-direction:column;gap:2px;min-width:0;display:flex}.oc-kb__vals b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.oc-kb__hint{color:var(--ink-3);margin:0;font-size:12px;line-height:18px}@container (max-width:560px){.oc-kb{grid-template-columns:minmax(0,1fr)}.oc-kb__key{height:clamp(18px,6.2cqw,34px)}}.oc-tl{--lane:30px;-webkit-user-select:none;user-select:none}.oc-tl__grid{gap:0 var(--space-3);grid-template-columns:112px minmax(0,1fr);display:grid}.oc-tl__labels{flex-direction:column;padding-top:22px;display:flex}.oc-tl__labels>span{height:var(--lane);color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.oc-tl__labels>.oc-label{height:var(--top,56px);align-items:flex-end;padding-bottom:6px}.oc-tl__labels .oc-icon{color:var(--ink-3)}.oc-tl__plot{cursor:ew-resize;touch-action:none;outline:none;padding-top:22px;position:relative}.oc-tl__years{pointer-events:none;position:absolute;inset:0}.oc-tl__years span{box-shadow:inset 1px 0 0 var(--line-1);font-family:var(--font-data);font-variation-settings:"wdth" 87.5;color:var(--ink-3);padding-left:5px;font-size:10px;line-height:16px;position:absolute;top:0;bottom:0}.oc-tl__top{height:var(--top,56px);position:relative}.oc-tl__lane{height:var(--lane);position:relative}.oc-tl__seg{border-radius:var(--radius-full);background:var(--bg-0);height:20px;box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);color:var(--ink-3);transition:background var(--dur-approach), box-shadow var(--dur-approach), color var(--dur-approach);align-items:center;padding:0 8px 0 20px;display:flex;position:absolute;top:5px;overflow:hidden}.oc-tl__seg i{background:var(--ink-4);width:10px;height:10px;transition:background var(--dur-approach), box-shadow var(--dur-approach);border-radius:50%;position:absolute;top:5px;left:5px}.oc-tl__seg em{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-style:normal;font-weight:600;overflow:hidden}.oc-tl__seg.is-open{border-top-right-radius:4px;border-bottom-right-radius:4px}.oc-tl__seg.is-current{background:var(--accent-dim);box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line);color:var(--ink-1)}.oc-tl__seg.is-current i{background:var(--ink-1);box-shadow:0 0 0 2px var(--accent-dim), 0 0 0 3.5px var(--accent)}.oc-tl__head{background:var(--ink-1);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:18px;bottom:-2px}.oc-tl__head:after{content:"";background:var(--ink-1);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;left:-5px}.oc-tl.is-held .oc-tl__head:after,.oc-tl__plot:focus-visible .oc-tl__head:after{box-shadow:0 0 0 3px var(--bg-1), 0 0 0 5px var(--accent);background:var(--accent-strong)}.oc-tl__date{border-radius:var(--radius-xs);background:var(--ink-1);color:var(--bg-0);white-space:nowrap;padding:1px 6px;font-size:10px;font-weight:600;line-height:15px;position:absolute;top:-18px;left:6px}.oc-tl__date.is-flip{left:auto;right:6px}@media (max-width:560px){.oc-tl__grid{grid-template-columns:30px minmax(0,1fr)}.oc-tl__labels>span{font-size:0}}.oc-logo{flex:none;display:block}.oc-wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-2);font-size:15px;font-weight:600}.oc-wordmark b{color:var(--ink-1);font-weight:800}.oc-shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr);background:var(--bg-0);height:100%;min-height:0;display:grid}.oc-rail{background:var(--bg-1);box-shadow:inset -1px 0 0 var(--line-1);z-index:var(--z-rail);flex-direction:column;grid-row:1/3;align-items:center;gap:4px;padding:10px 0;display:flex}.oc-rail__logo{justify-content:center;align-items:center;height:28px;margin-bottom:10px;display:flex}.oc-rail__item{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--ink-3);transition:background var(--dur-hover), color var(--dur-hover);justify-content:center;align-items:center;display:flex;position:relative}.oc-rail__item span{display:none}.oc-rail__item:hover{background:var(--bg-3);color:var(--ink-1);text-decoration:none}.oc-rail__item.is-active{background:var(--bg-3);color:var(--accent)}.oc-rail__item.is-active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:4px;position:absolute;top:12px;bottom:12px;left:-8px}.oc-rail__item[aria-pressed=true]{color:var(--accent)}.oc-top{align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--bg-1);box-shadow:inset 0 -1px 0 var(--line-1);z-index:var(--z-rail);min-width:0;display:flex}.oc-top__brand{align-items:center;gap:8px;display:none}.oc .oc-top__brand:hover{text-decoration:none}.oc-top__search{cursor:pointer;text-align:left;width:320px;height:32px;color:var(--ink-3);flex:0 320px;gap:8px;padding:0 8px 0 12px;font-size:13px}.oc-top__search>span:not(.oc-kbd){white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;overflow:hidden}.oc-top__search .oc-kbd+.oc-kbd{margin-left:-5px}.oc-main{grid-column:2;min-height:0;overflow:auto}.oc-tick{min-width:0;color:var(--ink-2);cursor:default;align-items:center;gap:10px;font-size:12px;display:flex}.oc-tick>b{color:var(--ink-1);white-space:nowrap;font-size:13px;font-weight:600}.oc-tick__bars{flex:none;align-items:flex-end;gap:1.5px;width:82px;height:18px;display:flex}.oc-tick__bars i{background:var(--ink-4);border-radius:1px;flex:1 1 0}.oc-tick__bars i.is-new{background:var(--live)}.oc-tick__last{min-width:0;overflow:hidden}.oc-tick__item{white-space:nowrap;animation:oc-pop var(--dur-panel) var(--ease-out);align-items:center;gap:6px;display:flex}.oc-tick__item b{color:var(--ink-1);font-weight:600}.oc-tick__item .oc-data{color:var(--ink-1);font-size:11px;font-weight:600}.oc-tick__map{color:var(--ink-3);text-overflow:ellipsis;overflow:hidden}@media (max-width:720px){.oc-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr) calc(var(--topbar-h) + 8px)}.oc-rail{box-shadow:inset 0 1px 0 var(--line-1);flex-direction:row;grid-area:3/1;justify-content:space-around;padding:0 6px}.oc-rail__logo,.oc-rail>.oc-grow,.oc-rail__item:nth-of-type(n+6),.oc-rail button.oc-rail__item{display:none}.oc-rail__item{flex-direction:column;flex:1 1 0;gap:2px;width:auto;height:48px}.oc-rail__item span{font-size:10px;font-weight:600;line-height:12px;display:block}.oc-rail__item.is-active{background:0 0}.oc-rail__item.is-active:before{border-radius:0 0 4px 4px;width:auto;height:3px;inset:0 30% auto}.oc-main{grid-area:2/1}.oc-top{padding:0 var(--space-3);gap:var(--space-2)}.oc-top__brand{display:flex}.oc-top__search{width:36px;height:36px;box-shadow:none;background:var(--bg-3);flex:none;justify-content:center;margin-left:auto;padding:0}.oc-top__search>span,.oc-top__tick,.oc-top>.oc-grow,.oc-top__login{display:none}}.oc-pal__scrim{z-index:var(--z-palette);padding:min(12vh, 96px) var(--space-4) var(--space-4);background:var(--scrim);animation:oc-fade var(--dur-hover);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.oc-pal{border-radius:var(--radius-lg);background:var(--bg-1);width:min(760px,100%);max-height:min(560px,100%);box-shadow:var(--shadow-sheet);animation:oc-pop var(--dur-panel) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.oc-pal__in{height:56px;box-shadow:inset 0 -1px 0 var(--line-1);color:var(--ink-3);flex:none;align-items:center;gap:12px;padding:0 16px 0 18px;display:flex}.oc-pal__in input{min-width:0;height:100%;color:var(--ink-1);background:0 0;border:0;outline:0;flex:1 1 0;font-size:17px;animation:none}.oc-pal__in input::placeholder{color:var(--ink-3)}.oc-pal__body{flex:auto;grid-template-columns:minmax(0,1fr) 280px;min-height:0;display:grid}.oc-pal__list{min-height:0;max-height:420px;padding:6px 8px 10px}.oc-pal__group{padding:10px 10px 4px}.oc-pal__item{border-radius:var(--radius-sm);cursor:pointer;height:40px;color:var(--ink-1);align-items:center;gap:10px;padding:0 10px;display:flex}.oc-pal__item>.oc-icon{color:var(--ink-3);width:24px}.oc-pal__item.is-active{background:var(--bg-3)}.oc-pal__title{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.oc-pal__title mark{color:var(--accent);background:0 0;font-weight:700}.oc-pal__meta{color:var(--ink-3);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.oc-pal__meta .oc-data{color:var(--ink-2);font-size:11px}.oc-pal__peek{background:var(--bg-0);box-shadow:inset 1px 0 0 var(--line-1);min-height:0;padding:12px;overflow:hidden}.oc-pal__card{border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);animation:oc-fade var(--dur-hover);flex-direction:column;gap:12px;padding:12px;display:flex}.oc-pal__card .oc-vlist{box-shadow:none;background:0 0;border-radius:0;margin:0 -12px -8px}.oc-pal__card .oc-vrow{grid-template-columns:76px minmax(0,1fr) auto;padding-left:12px}.oc-pal__foot{height:38px;box-shadow:inset 0 1px 0 var(--line-1);color:var(--ink-3);flex:none;align-items:center;gap:14px;padding:0 16px;font-size:12px;display:flex}.oc-pal__foot>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.oc-pal__foot .oc-kbd{min-width:18px;height:18px}@media (max-width:640px){.oc-pal__body{grid-template-columns:minmax(0,1fr)}.oc-pal__peek,.oc-pal__foot>span:nth-child(n+3){display:none}.oc-pal__scrim{padding-top:var(--space-4)}}.oc-page{padding:var(--space-6);gap:var(--space-6);background:var(--bg-0);align-content:start;max-width:1440px;min-height:100%;margin:0 auto;display:grid;container-type:inline-size}.oc-page__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:40px;font-weight:800;line-height:44px}.oc-page__lede{max-width:62ch;color:var(--ink-2);margin:6px 0 0;font-size:15px;line-height:23px}.oc-sec{gap:var(--space-3);min-width:0;display:grid}.oc-sec__head{align-items:center;gap:var(--space-3);min-height:32px;display:flex}.oc-sec__head h2{flex:1 1 0;margin:0;font-size:18px;font-weight:650;line-height:24px}.oc-sec__head h2 small{color:var(--ink-3);margin-left:8px;font-size:13px;font-weight:400}.oc-cols-2{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.oc-cols-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.oc-cols-heroes{gap:var(--space-4);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;display:grid}.oc-cols-heroes>*{flex-direction:column;min-width:0;display:flex}.oc-frame{border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;flex:auto;display:flex;overflow:hidden}.oc-frame>.oc-panel__head{flex:none}.oc-frame>.oc-area,.oc-frame>.oc-th{box-shadow:inset 0 1px 0 var(--line-1);border-radius:0;flex:auto}.oc-frame>.oc-area .oc-area__desk{aspect-ratio:auto;flex:1 1 0;min-height:240px}.oc-pop{z-index:var(--z-pop);position:absolute}.oc-hero__chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.oc-hero__actions{margin-top:var(--space-4);justify-content:flex-end;gap:8px;display:flex}.oc-hero__split{width:190px}.oc-plays{border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);overflow:hidden}.oc-play{text-align:left;width:100%;min-height:48px;transition:background var(--dur-hover);grid-template-columns:34px minmax(0,1fr) auto 64px 58px 76px 32px;align-items:center;gap:0 12px;padding:0 8px 0 12px;font-size:13px;display:grid}.oc-play+.oc-play{box-shadow:inset 0 1px 0 var(--line-1)}.oc-play:hover{background:var(--bg-2)}.oc-play.is-loaded{background:var(--accent-ghost)}.oc-play__title{min-width:0}.oc-play__title b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.oc-play__title span{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex;overflow:hidden}.oc-play .oc-data{text-align:right;color:var(--ink-2);font-size:12px}.oc-play__pp{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;text-align:right;color:var(--ink-1);letter-spacing:-.02em;font-size:15px;font-weight:600}.oc-play__go{width:28px;height:28px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.oc-play.is-loaded .oc-play__go{background:var(--accent);color:var(--on-accent)}.oc-cmp{border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);overflow:auto}.oc-cmp table{border-collapse:collapse;width:100%;font-size:13px}.oc-cmp th,.oc-cmp td{height:var(--row-default);text-align:left;white-space:nowrap;box-shadow:inset 0 1px 0 var(--line-1);padding:0 10px}.oc-cmp thead th{height:64px;box-shadow:none;vertical-align:middle}.oc-cmp tbody th{color:var(--ink-3);width:124px;font-weight:400}.oc-cmp td .oc-unit{margin-left:.25em;font-size:10px}.oc-cols-heroes--flip{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}.oc-cols-heroes--flip>*{display:grid}.oc-cmp td{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-weight:500}.oc-cmp td.is-text{font-family:var(--font-ui);font-variation-settings:normal;font-size:13.5px}.oc-cmp td .oc-glyph{color:var(--state);opacity:.9;margin-left:8px}.oc-cmp tr.is-same td{color:var(--ink-3)}.oc-cmp tr.is-diff th:after{content:"";background:var(--state-conflict);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.oc-cmp td.is-na{color:var(--ink-4);font-family:var(--font-ui)}.oc-cmp__who{cursor:pointer;align-items:center;gap:10px;display:flex}.oc-cmp__who i{width:22px;display:block}.oc-cmp__who b{font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:700}.oc-cmp__who small{font-family:var(--font-data);color:var(--ink-3);font-size:10.5px;font-weight:500;display:block}.oc-cmp col.is-focus{background:var(--bg-2)}.oc-lab{border-radius:var(--radius-md);background:var(--stage);box-shadow:inset 0 0 0 1px var(--line-1);flex-direction:column;display:flex;overflow:hidden}.oc-lab__stage{aspect-ratio:16/9;cursor:none;touch-action:none;outline:none;position:relative;overflow:hidden}.oc-lab__stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.oc-lab__hud{pointer-events:none;position:absolute;top:12px;right:14px}.oc-lab__msg{text-align:center;color:var(--ink-2);pointer-events:none;transition:opacity var(--dur-panel);font-size:13px;position:absolute;bottom:18%;left:0;right:0}.oc-lab__msg b{font-family:var(--font-display);color:var(--ink-1);margin-bottom:4px;font-size:20px;line-height:28px;display:block}.oc-lab.is-running .oc-lab__msg{opacity:0}.oc-lab__bar{background:var(--bg-1);box-shadow:inset 0 1px 0 var(--line-1);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px;display:flex}.oc-lab__bar .oc-rangefield{width:150px}.oc-home__hero{gap:var(--space-8);padding:var(--space-6) 0 var(--space-2);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;display:grid}.oc-home__search{margin-top:var(--space-4);cursor:pointer;text-align:left;max-width:560px;color:var(--ink-3);width:100%}.oc-home__live{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);display:grid}.oc-home__nums{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.oc-home__nums .oc-stat b{font-size:26px;line-height:32px}.oc-grid-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.oc-feed{gap:2px;max-height:132px;font-size:12px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.oc-feed>div{height:22px;animation:oc-pop var(--dur-panel) var(--ease-out);grid-template-columns:16px 110px 60px minmax(0,1fr);align-items:center;gap:8px;display:grid}.oc-feed b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.oc-feed .oc-data{text-align:right;font-size:11px}.oc-feed span:last-child{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.oc-drop{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-1);text-align:center;color:var(--ink-2);background-image:repeating-linear-gradient(90deg, var(--line-2) 0 8px, transparent 8px 16px), repeating-linear-gradient(90deg, var(--line-2) 0 8px, transparent 8px 16px), repeating-linear-gradient(0deg, var(--line-2) 0 8px, transparent 8px 16px), repeating-linear-gradient(0deg, var(--line-2) 0 8px, transparent 8px 16px);transition:background-color var(--dur-hover);background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.oc-drop.is-over{background-color:var(--accent-ghost)}.oc-drop b{color:var(--ink-1);font-size:18px;font-weight:650;line-height:24px}.oc-drop__files{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.oc-read{gap:8px;display:grid}.oc-read__file{border-radius:var(--radius-sm);background:var(--bg-2);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:grid}.oc-read__file b{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;font-size:12px;font-weight:600}.oc-read__file small{color:var(--ink-3);font-size:12px;display:block}.oc-read__file .oc-glyph{color:var(--state-measured)}@container (max-width:980px){.oc-cols-heroes,.oc-cols-2{grid-template-columns:minmax(0,1fr)}.oc-cols-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.oc-hero__in{grid-template-columns:auto minmax(0,1fr)}.oc-hero__side{grid-column:1/-1}.oc-hero__stats{text-align:left}.oc-hero__actions{justify-content:flex-start}.oc-home__hero{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}@container (max-width:640px){.oc-page{padding:var(--space-4);gap:var(--space-4)}.oc-cols-3{grid-template-columns:minmax(0,1fr)}.oc-hero{border-radius:var(--radius-md)}.oc-hero__in{padding:var(--space-4);gap:var(--space-3) var(--space-4)}.oc-hero__name{font-size:28px;line-height:32px}.oc-hero .oc-avatar--lg{border-radius:var(--radius-sm);width:56px;height:56px}.oc-hero__stats{gap:var(--space-4);flex-wrap:wrap}.oc-stat b{font-size:20px;line-height:24px}.oc-page__title{font-size:28px;line-height:32px}.oc-play{grid-template-columns:30px minmax(0,1fr) 70px 32px}.oc-play>:nth-child(3),.oc-play>:nth-child(4),.oc-play>:nth-child(5){display:none}.oc-home__nums{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-claim{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;align-items:flex-start}.oc-cols-heroes:not(.oc-cols-heroes--map):not(.oc-cols-heroes--wide):not(.oc-cols-heroes--flip)>:nth-child(2){order:-1}.oc-frame>.oc-panel__head{flex-wrap:wrap;row-gap:6px;padding-top:10px;padding-bottom:10px}.oc-frame>.oc-panel__head .oc-seg{scrollbar-width:none;max-width:100%;overflow-x:auto}.oc-frame>.oc-panel__head .oc-src__name{display:none}.oc-area__cell{padding:8px 10px}.oc-area__cell b{font-size:13px;line-height:20px}.oc-sec__head{flex-wrap:wrap}.oc-sec__head h2 small{margin:0;display:block}}.oc-pagehead{gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.oc-crumb{color:var(--ink-3);margin-bottom:6px;font-size:13px}.oc .oc-crumb a{color:var(--ink-2)}.oc-cols-heroes--wide{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.oc-cols-heroes--map{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.oc-cols-heroes--map>:last-child .oc-frame{max-height:100%}.oc .oc-pcard.is-hot{background:var(--bg-2);box-shadow:inset 0 0 0 var(--stroke-track) var(--accent)}.oc-area__cloud rect{fill:var(--ink-1);fill-opacity:.03;stroke:var(--ink-2);stroke-width:1px;stroke-opacity:.5;vector-effect:non-scaling-stroke;cursor:pointer;transition:stroke-opacity var(--dur-hover), fill-opacity var(--dur-hover);outline:none}.oc-area__cloud rect.is-hot,.oc-area__cloud rect:focus-visible{stroke:var(--ink-1);stroke-opacity:1;stroke-width:2px;fill-opacity:.1}.oc-area__svg .oc-area__cloudtag{fill:var(--ink-1);paint-order:stroke;stroke:var(--stage);stroke-width:1.4px;font-size:3.3px;font-weight:600}.oc-mapth{box-shadow:inset 0 1px 0 var(--line-1);border-radius:0}.oc-striplegend{background:var(--bg-1);box-shadow:inset 0 1px 0 var(--line-1);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 12px;font-size:12px;line-height:16px;display:flex}.oc-striplegend span{align-items:center;gap:6px;display:inline-flex}.oc-striplegend i{border-radius:2px;width:10px;height:10px}.oc-striplegend i.is-line{background:var(--ink-2);border-radius:1px;width:16px;height:2px}.oc-scores{min-height:280px;max-height:620px;box-shadow:inset 0 1px 0 var(--line-1);flex:1 1 0;overflow:auto}.oc-score{cursor:pointer;outline-offset:-2px;min-height:44px;transition:background var(--dur-hover);grid-template-columns:22px minmax(0,1fr) 56px 48px 62px 28px;align-items:center;gap:0 8px;padding:0 6px 0 10px;font-size:13px;display:grid}.oc-score+.oc-score{box-shadow:inset 0 1px 0 var(--line-1)}.oc-score:hover{background:var(--bg-2)}.oc-score.is-focus{background:var(--accent-ghost)}.oc-score.is-focus .oc-score__pos{color:var(--accent)}.oc-score.is-off>:not(.oc-score__eye){opacity:.4}.oc-score__pos{color:var(--ink-3);text-align:right;font-size:11px}.oc-score__who{min-width:0}.oc-score__who b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.oc-score__who span{align-items:center;gap:5px;display:flex}.oc-score__who .oc-glyph{width:10px;height:10px}.oc-score__who .oc-mod{min-width:20px;height:14px;padding:0 3px;font-size:8.5px}.oc-score .oc-data{text-align:right;color:var(--ink-2);font-size:11px}.oc-score__miss.is-miss{color:var(--hit-miss)}.oc-score .oc-play__pp{font-size:13px}.oc-score__eye{width:28px;height:28px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.oc-score__eye:hover{background:var(--bg-4);color:var(--ink-1)}.oc-play.oc-moment{grid-template-columns:32px minmax(0,1fr) auto auto auto}.oc-livebar{align-items:flex-end;gap:var(--space-4) var(--space-8);padding:var(--space-4) var(--space-6) calc(var(--space-4) + 14px);border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);flex-wrap:wrap;display:flex;position:relative}.oc-livebar .oc-stat b{font-size:28px;line-height:34px}.oc-livebar .oc-label{align-items:center;gap:8px;display:flex}.oc-livebar__split{flex:220px;gap:8px;min-width:200px;max-width:340px}.oc-livebar__note{left:var(--space-6);color:var(--ink-3);font-size:11px;position:absolute;bottom:8px}.oc-g12{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.oc-s4{grid-column:span 4}.oc-s6{grid-column:span 6}.oc-s8{grid-column:span 8}.oc-s12{grid-column:span 12}.oc-g12 .oc-panel__head{padding-right:var(--space-4)}.oc-statsrc{white-space:nowrap;font-size:11px}.oc-axisnote{color:var(--ink-3);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.oc-lzrow{grid-template-columns:110px minmax(0,1fr) 30px;align-items:center;gap:10px;font-size:13px;display:grid}.oc-lzrow .oc-data{text-align:right;font-size:11px}@container (max-width:980px){.oc-pagehead{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.oc-pagehead .oc-hero__stats{text-align:left;flex-wrap:wrap}.oc-cols-heroes--wide,.oc-cols-heroes--map{grid-template-columns:minmax(0,1fr)}.oc-s4,.oc-s6{grid-column:span 6}.oc-s8{grid-column:span 12}}@container (max-width:640px){.oc-s4,.oc-s6,.oc-s8{grid-column:span 12}.oc-livebar{padding:var(--space-4) var(--space-4) calc(var(--space-4) + 14px);gap:var(--space-3) var(--space-6)}.oc-livebar__note{left:var(--space-4)}.oc-score{grid-template-columns:22px minmax(0,1fr) 56px 62px 28px}.oc-score__miss{display:none}}
html{background:var(--bg-0);scrollbar-color:var(--bg-4) transparent;scroll-padding-top:calc(var(--topbar-h) + var(--space-4))}body.oc{min-height:100dvh}.oc-shell{height:auto;min-height:100dvh}.oc-rail{align-self:start;height:100dvh;position:sticky;top:0}.oc-top{position:sticky;top:0}.oc-main{position:relative;overflow:clip visible}.oc-page{min-height:calc(100dvh - var(--topbar-h) - 64px)}@media (max-width:720px){.oc-shell{grid-template-rows:var(--topbar-h) minmax(0, 1fr)}.oc-rail{height:calc(var(--topbar-h) + 8px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.oc-main{padding-bottom:calc(var(--topbar-h) + 8px + env(safe-area-inset-bottom))}.oc-page{min-height:calc(100dvh - 2 * var(--topbar-h) - 8px)}.oc-toasts{bottom:calc(var(--topbar-h) + 8px + var(--space-3) + env(safe-area-inset-bottom))}}.oc-skip{left:var(--space-3);top:var(--space-2);z-index:var(--z-toast);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);padding:6px 14px;font-weight:600;position:fixed;transform:translateY(-200%)}.oc .oc-skip:focus-visible{text-decoration:none;transform:none}.oc a.oc-plain,.oc a.oc-plain:hover{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.oc .oc-pal__in input:focus-visible,.oc .oc-field input:focus-visible,.oc .oc-field select:focus-visible{outline:0;animation:none}.oc .oc-vrow__val a{color:inherit}.oc-playsframe>.oc-plays{min-height:336px;box-shadow:inset 0 1px 0 var(--line-1);background:0 0;border-radius:0;flex:1 1 0;overflow-y:auto}.oc-cols-heroes--area>:nth-child(2){order:0!important}@container (max-width:980px){.oc-playsframe>.oc-plays{flex:none;min-height:0;max-height:384px}}.oc-states{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.oc-states__item{padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-1);align-content:start;gap:8px;display:grid}.oc-states__item .oc-src{justify-self:start}.oc-states__item p{color:var(--ink-2);margin:0;font-size:13px;line-height:19px}@container (max-width:980px){.oc-states{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:640px){.oc-states{grid-template-columns:minmax(0,1fr)}}.oc-pcard__meta>*{flex:none}.oc-pcard__meta>.oc-pcard__dev{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.oc-cmp__who .oc-cmp__drop{color:var(--ink-3);margin-left:auto}.oc-cmp th:hover .oc-cmp__drop,.oc-cmp__drop:focus-visible{opacity:1}@media (hover:none){.oc-cmp__who .oc-cmp__drop{opacity:1}}.oc-grid-cards{grid-template-columns:repeat(auto-fill,minmax(264px,1fr))}.oc-hotcard{display:contents}.oc .oc-hotcard.is-hot>.oc-pcard{background:var(--bg-2);box-shadow:inset 0 0 0 var(--stroke-track) var(--accent)}.oc-gearindex{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.oc-gearindex .oc-bars__row{grid-template-columns:minmax(0,220px) minmax(40px,1fr) 40px}.oc-gearindex .oc-sec__head h2 .oc-icon{color:var(--ink-3);vertical-align:-3px;margin-right:4px}.oc-gearindex section{scroll-margin-top:calc(var(--topbar-h) + var(--space-4))}@container (max-width:980px){.oc-gearindex{grid-template-columns:minmax(0,1fr)}}.oc-prose{max-width:70ch;color:var(--ink-2);font-size:15px;line-height:24px}.oc-prose>*{margin:0}.oc-prose>*+*{margin-top:var(--space-3)}.oc-prose h2{margin-top:var(--space-8);color:var(--ink-1);scroll-margin-top:calc(var(--topbar-h) + var(--space-4));font-size:18px;font-weight:650;line-height:24px}.oc-prose h2:first-child{margin-top:0}.oc-prose h3{margin-top:var(--space-6);color:var(--ink-1);font-size:15px;font-weight:650;line-height:20px}.oc-prose b,.oc-prose strong{color:var(--ink-1);font-weight:650}.oc-prose ul,.oc-prose ol{padding-left:1.3em}.oc-prose li+li{margin-top:6px}.oc-prose code{font-family:var(--font-data);font-variation-settings:"wdth" 87.5;border-radius:var(--radius-xs);background:var(--bg-2);color:var(--ink-1);padding:1px 5px;font-size:13px}.oc-prose .oc-src{vertical-align:1px}.oc-proselayout{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 240px;align-items:start;display:grid}.oc-proselayout nav{top:calc(var(--topbar-h) + var(--space-6));gap:2px;font-size:13px;display:grid;position:sticky}.oc .oc-proselayout nav a{border-radius:var(--radius-sm);color:var(--ink-2);padding:6px 10px}.oc .oc-proselayout nav a:hover{background:var(--bg-2);color:var(--ink-1);text-decoration:none}@container (max-width:980px){.oc-proselayout{grid-template-columns:minmax(0,1fr)}.oc-proselayout nav{display:none}}.oc-foot{align-items:center;gap:6px var(--space-4);max-width:1440px;padding:var(--space-4) var(--space-6) var(--space-6);color:var(--ink-3);flex-wrap:wrap;margin:0 auto;font-size:12px;line-height:18px;display:flex}.oc .oc-foot a{color:var(--ink-2)}@media (max-width:720px){.oc-foot{padding:var(--space-3) var(--space-4) var(--space-4)}}.oc-form{gap:var(--space-4);padding:var(--space-4);max-width:720px;display:grid}.oc-form__two{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.oc-form__kinds{scrollbar-width:none;max-width:100%;overflow-x:auto}.oc .oc-frame>.oc-panel__head .oc-seg{overflow-x:visible}.oc-form__trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.oc-textarea{border-radius:var(--radius-md);background:var(--bg-0);width:100%;min-height:132px;box-shadow:inset 0 0 0 var(--stroke-track) var(--line-2);font:inherit;color:var(--ink-1);resize:vertical;border:0;padding:10px 14px;line-height:21px;display:block}.oc-textarea:hover{box-shadow:inset 0 0 0 var(--stroke-track) var(--ink-3)}@container (max-width:640px){.oc-form__two{grid-template-columns:minmax(0,1fr)}}@container (max-width:520px){.oc-vrow{padding-top:6px;padding-bottom:6px}.oc-vrow__val{white-space:normal;overflow-wrap:anywhere}}@media (hover:none){.oc-vlist:not(.oc-vlist--comfy):not(.oc-vlist--compact) .oc-vrow{grid-template-columns:minmax(76px,30%) minmax(0,1fr) auto}.oc-vlist:not(.oc-vlist--comfy) .oc-vrow>:nth-child(4){display:none}}@container (max-width:720px){.oc-area__cell small{white-space:normal}}@container (max-width:640px){.oc-sec__head{flex-wrap:wrap;row-gap:8px}.oc-sec__head h2 small{margin-left:0;display:block}}.oc-th__state{text-align:center;color:var(--ink-2);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:13px;display:flex;position:absolute;inset:0}.oc-th__state b{max-width:44ch;color:var(--ink-1);font-weight:600}.oc-th__spin{width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--line-1);border:2px solid #0000;border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite oc-th-spin}@keyframes oc-th-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.oc-th__spin{animation-duration:2.4s}}.oc-th.is-waiting .oc-th__hud--tr,.oc-th.is-waiting .oc-scrub,.oc-th.is-waiting .oc-th__time{opacity:.35}.oc-th.is-waiting .oc-th__view{cursor:default}.oc-th__ghosts{background:var(--bg-1);flex-wrap:wrap;align-items:center;gap:6px;padding:0 12px 10px;display:flex}.oc-th__ghost{cursor:pointer;gap:6px}.oc-th__ghost .oc-data{color:var(--ink-3);font-size:11px}.oc-th__ghost.is-on{background:var(--accent-dim);color:var(--accent-strong);box-shadow:inset 0 0 0 var(--stroke-track) var(--accent-line)}.oc-playsframe--list>.oc-plays{flex:none;min-height:0;max-height:432px}.oc-plays [role=listitem]+[role=listitem]>.oc-play,.oc-plays [role=listitem]+.oc-play,.oc-plays .oc-play+[role=listitem]>.oc-play{box-shadow:inset 0 1px 0 var(--line-1)}@container (max-width:900px){.oc-th__bar{flex-wrap:wrap;row-gap:2px;padding-top:6px}.oc-th__bar .oc-scrub{flex:1 0 100%;order:-1}.oc-th__bar .oc-th__time{margin-right:auto}.oc-th__bar .oc-th__time+.oc-th__sep{display:none}}.oc-panel__note{color:var(--ink-3);max-width:62ch;margin:12px 0 0;font-size:12px;line-height:17px}.oc-panel__note a{color:var(--ink-2)}.oc-hours{gap:3px;display:grid}.oc-hours__row{grid-template-columns:84px repeat(24,minmax(0,1fr));align-items:center;gap:3px;display:grid}.oc-hours__row>span{color:var(--ink-3);white-space:nowrap;font-size:11px}.oc-hours__row>i{background:color-mix(in oklch, var(--accent) calc(8% + var(--v,0) * 92%), var(--bg-2));border-radius:3px;height:22px}.oc-hours__row>i.is-empty{box-shadow:inset 0 0 0 1px var(--line-1);opacity:.5;background:0 0}.oc-hours__row>i:not(.is-empty):hover{box-shadow:0 0 0 1.5px var(--ink-1)}.oc-hours__axis>em{font-family:var(--font-data);color:var(--ink-4);font-size:10px;font-style:normal}@container (max-width:640px){.oc-hours__row{grid-template-columns:58px repeat(24,minmax(0,1fr));gap:2px}.oc-hours__row>i{border-radius:2px;height:16px}}.oc-bars--share .oc-bars__row b{min-width:44px}.oc-enginecheck{gap:var(--space-4) var(--space-8);flex-wrap:wrap;display:flex}.oc-enginecheck .oc-label{align-items:center;gap:6px;display:flex}.oc-suggestpop{border-radius:var(--radius-md);background:var(--bg-2);box-shadow:var(--shadow-pop);overflow:hidden}.oc-suggest{gap:var(--space-3);padding:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.oc-suggest .oc-fieldset{min-width:0}.oc-suggest .oc-field input{width:100%}.oc-suggest__head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;line-height:20px;display:flex}.oc-suggest__head .oc-glyph{color:var(--state-measured);align-self:center}.oc-suggest__head .oc-dim{font-size:12px}.oc-suggest__pair{align-items:center;gap:8px;display:flex}.oc-suggest__pair .oc-field{flex:1 1 0;min-width:0}.oc-suggest .oc-field select{appearance:none;font:inherit;color:inherit;cursor:pointer}.oc-suggest .oc-field .oc-unit{flex:none}.oc-suggest .oc-sug{background:var(--bg-2)}button.oc-vrow__act,button.oc-src{font:inherit;cursor:pointer}.oc-sug__check[data-state=measured]{--state:var(--state-measured)}.oc-sug__check[data-state=conflict]{--state:var(--state-conflict)}.oc-sug__check[data-state=stale]{--state:var(--state-stale)}.oc-sug__check[data-state=empty]{--state:var(--ink-3)}.oc-sug__src{color:var(--ink-3);overflow-wrap:anywhere}.oc-sug__was{font-family:var(--font-ui);font-size:12px;font-weight:400}.oc-queue{gap:var(--space-6);display:grid}.oc-queue__player{gap:var(--space-3);display:grid}.oc-queue__who{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.oc-queue__who .oc-data{color:var(--ink-3);font-size:12px;font-weight:500}.oc-queue__cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;display:grid}.oc-queue__bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@container (max-width:640px){.oc-queue__cards{grid-template-columns:minmax(0,1fr)}}.oc-tl__read{gap:var(--space-2) var(--space-6);margin:var(--space-4) 0 0;padding-top:var(--space-3);box-shadow:inset 0 1px 0 var(--line-1);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.oc-tl__read>div{min-width:0}.oc-tl__read dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;line-height:16px;font-family:var(--font-data)}.oc-tl__read dd{flex-direction:column;margin:0;font-size:14px;font-weight:600;display:flex}.oc-tl__read dd>span{color:var(--ink-3);font-size:12px;font-weight:400}