.oc-appbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--ho-bg) 90%,#0000);backdrop-filter:blur(10px);border-bottom:1px solid var(--ho-line)}.oc-appbar-inner{display:grid;grid-template-columns:auto minmax(0,560px) auto;justify-content:space-between;align-items:center;gap:16px;height:var(--oc-bar,58px);padding:0 20px}.oc-appbar-left{gap:10px}.oc-appbar-left,.oc-brand{display:flex;align-items:center}.oc-brand{gap:9px;font-size:19px;font-weight:600;letter-spacing:-.01em}.oc-brand b{color:var(--accent)}.oc-brand em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--hx-142008);background:var(--accent);border-radius:4px;padding:3px 7px}.oc-appbar-end{display:flex;align-items:center;justify-content:flex-end;gap:14px}.oc-account{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;color:var(--ho-text);background:var(--ho-panel);border:1px solid var(--ho-line);border-radius:50%}.oc-account:hover{border-color:var(--ho-muted)}.oc-account:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oc-account.on{border-color:var(--accent)}.oc-account.on,.oc-signup{color:var(--hx-142008);background:var(--accent)}.oc-signup{flex:none;padding:8px 14px;border-radius:9px;font-size:13.5px;font-weight:700;white-space:nowrap;text-decoration:none}.oc-signup:hover{filter:brightness(1.08)}.oc-signup:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){.oc-signup{padding:7px 10px;font-size:12.5px}}@media (max-width:640px){.oc-signup{display:none}}.oc-pass{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ho-muted)}@media (max-width:900px){.oc-appbar-inner{grid-template-columns:auto minmax(0,1fr) auto}.oc-brand em,.oc-pass{display:none}}@media (max-width:640px){.oc-appbar-inner{padding:0 12px;gap:10px}.oc-brand span{display:none}}.op-appbar{grid-template-columns:auto auto}@media (max-width:760px){.oc-appbar-inner{height:auto;padding-top:8px;padding-bottom:8px;row-gap:8px}.oc-appbar-inner,.op-appbar{grid-template-columns:minmax(0,1fr)}.oc-appbar .oc-nav{margin-left:0}.oc-appbar .oc-nav-wide{margin-right:-46px;max-width:calc(100% + 46px)}.oc-appbar-left{flex-wrap:wrap;row-gap:8px;padding-right:46px}.oc-appbar-inner{position:relative}.oc-appbar-end{position:absolute;top:8px;right:12px}}.oc-nav{gap:2px;margin-left:6px;padding:3px;border:1px solid var(--ho-line);border-radius:9px;background:var(--ho-panel)}.oc-nav,.oc-nav a{display:inline-flex}.oc-nav a{align-items:center;gap:6px;padding:5px 11px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ho-muted);text-decoration:none;white-space:nowrap}.oc-nav a:hover{color:var(--ho-text)}.oc-nav a.on{color:var(--hx-142008);background:var(--accent)}.oc-nav a span{padding:0 6px;border-radius:999px;font-size:11px;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--accent) 18%,#0000);color:var(--accent)}.oc-nav a.on span{background:#00000029;color:var(--hx-142008)}.oc-nav,.oc-nav a{position:relative}.oc-nav a{z-index:1}.oc-nav-pill{position:absolute;top:3px;bottom:3px;left:0;z-index:0;border-radius:6px;background:var(--accent);pointer-events:none}.oc-nav-pill-on a.on{background:#0000}.oc-nav-sliding a.on{animation:oc-tab-on .24s ease-out both}@keyframes oc-tab-on{0%{color:var(--ho-muted)}}@media (prefers-reduced-motion:reduce){.oc-nav-sliding a.on{animation:none}}.oc-nav a{transition:color .15s ease}.oc-nav a:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.oc-nav a{transition:none}}@media (max-width:760px){.oc-nav{max-width:100%;overflow-x:auto;scrollbar-width:none}.oc-nav::-webkit-scrollbar{display:none}.oc-nav a{padding:5px 9px;font-size:12.5px}.oc-nav-wide a span{display:none}}