:root{--bg:#14161d;--bg-panel:#1c1f29;--bg-input:#262a38;--border:#343949;--text:#d8d5cc;--text-dim:#8b8877;--accent:#c9a24b;--accent-dim:#8a7134;--danger:#d4735e;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0}button{font:inherit;cursor:pointer;background:var(--accent);color:#14161d;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}button:hover{filter:brightness(1.1)}button:disabled{background:var(--accent-dim);cursor:default}button.ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0;font-weight:400}input{font:inherit;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem}input:focus{border-color:var(--accent);outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tipbox{background:var(--bg-input);border:1px solid var(--border);width:max-content;max-width:18rem;color:var(--text);text-align:left;white-space:normal;pointer-events:none;z-index:50;border-radius:6px;padding:.35rem .6rem;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4;animation:.12s both tip-in;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000073}.tipbox.below{transform:translate(-50%)}@keyframes tip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tipbox{animation:none}}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}