:root{--bg: #0b0b0d;--surface: #111214;--muted: #9aa0a6;--text: #e6eef3;--accent: #7c5cff;--scroll-thumb: rgba(255,255,255,.08);--scroll-thumb-hover: rgba(255,255,255,.14);--scroll-track: rgba(255,255,255,.02)}.light-theme{--bg: #f7f8fb;--surface: #ffffff;--muted: #6b7280;--text: #0b1220;--accent: #6b46ff;--scroll-thumb: rgba(2,6,23,.06);--scroll-thumb-hover: rgba(2,6,23,.12);--scroll-track: rgba(2,6,23,.02)}body{background:var(--bg);color:var(--text)}*::-webkit-scrollbar{height:12px;width:12px}*::-webkit-scrollbar-track{background:transparent;border-radius:8px}*::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:8px;border:3px solid transparent;background-clip:padding-box;transition:transform .22s ease,background-color .18s ease,opacity .22s ease;opacity:.85;transform:translate(6px)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover);transform:translate(0);opacity:1}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.scrollbar-fancy{scrollbar-width:thin}.app-surface ::-webkit-scrollbar-thumb{background-color:#7c5cffe6;opacity:.95;transform:translate(0)}.app-surface ::-webkit-scrollbar{width:10px}.scroll-overlay{position:fixed;right:6px;top:0;width:8px;background:linear-gradient(180deg,#7c5cffe6,#7c5cff99);border-radius:6px;pointer-events:none;opacity:0;transform-origin:top right;transition:opacity .3s ease,transform .3s ease;z-index:99999}textarea,pre,code{background:#0000000a}