:root{--bg-main: #09090b;--bg-surface: #121215;--bg-elevated: #18181b;--border-dim: #27272a;--border-strong: #3f3f46;--text-main: #f4f4f5;--text-muted: #a1a1aa;--text-faint: #71717a;--accent: #f59e0b;--accent-faint: rgba(245, 158, 11, .12);--accent-border: rgba(245, 158, 11, .35);--font-display: "Josefin Sans", sans-serif;--font-body: "Source Sans 3", "IBM Plex Sans Thai", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}.rounded-full,.circle-badge,.status-dot{border-radius:50%!important}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;text-transform:uppercase}code,pre,.font-mono{font-family:var(--font-mono);font-feature-settings:"zero" 1}.border-hairline{border:1px solid var(--border-dim)}.border-hairline-t{border-top:1px solid var(--border-dim)}.border-hairline-b{border-bottom:1px solid var(--border-dim)}.border-hairline-l{border-left:1px solid var(--border-dim)}.border-hairline-r{border-right:1px solid var(--border-dim)}button,.btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;cursor:pointer;background:var(--bg-elevated);color:var(--text-main);border:1px solid var(--border-strong);transition:background-color .15s ease-out,border-color .15s ease-out,transform .05s ease-out;min-height:32px}button:hover,.btn:hover{background:#27272a;border-color:var(--accent)}button:active,.btn:active{transform:scale(.98)}button.btn-accent,.btn-accent{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}button.btn-accent:hover,.btn-accent:hover{background:#d97706;border-color:#d97706}input,select,textarea{background:#000;color:var(--text-main);border:1px solid var(--border-dim);font-family:var(--font-body);font-size:13px;padding:8px 10px;outline:none;transition:border-color .15s ease-out}input:focus,select:focus,textarea:focus{border-color:var(--accent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#09090b}::-webkit-scrollbar-thumb{background:#27272a}::-webkit-scrollbar-thumb:hover{background:var(--accent)}