:root{--brand-yellow:#ffff00;--bar-black:#000000;--bar-grey:#7f7f7f;--nav-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial}.navline,.navline *,.topbar,.topbar *{font-family:var(--nav-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.04em}.topbar{display:flex;align-items:center;justify-content:space-between;height:20px;padding:0 10px;background:var(--bar-black);color:#fff}.topbar .category-label{font-size:6px;font-weight:600;color:var(--brand-yellow);line-height:20px}.topbar .center-rotor{font-size:6px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .controls{display:flex;gap:10px;align-items:center}.topbar .icon-btn{background:none;border:none;color:#fff;padding:0;line-height:20px;font-size:10px;cursor:pointer}.navline{height:20px;display:flex;align-items:center;gap:22px;padding:0 12px;background:var(--bar-grey);color:#fff;font-size:6px}.navline a{color:#fff;text-decoration:none;opacity:.95}.navline a.active{color:var(--brand-yellow)}body[data-theme=light]{background:#f9f9f9;color:#111}body[data-theme=dark]{background:#1c1c1c;color:rgba(255,255,255,.9)}.mainbox{border:1px dashed rgba(255,255,255,.2);border-radius:8px;margin:16px;padding:16px}