:root{--bg:#0d0d10;--panel:#16161b;--panel-2:#1c1c23;--border:#26262e;--border-2:#33333d;--text:#e7e7ea;--text-dim:#9b9ba4;--text-faint:#62626c;--accent:#6366f1;--accent-hover:#7577f3;--danger:#ef4444;--green:#22c55e;--radius:8px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;--mono:"SF Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;background:var(--panel-2);color:var(--text);border:1px solid var(--border-2);border-radius:var(--radius);padding:7px 12px;font-size:13px;font-weight:500;transition:background .12s ease,border-color .12s ease;white-space:nowrap}.btn:hover{background:#24242c;border-color:#3f3f4a}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--panel-2);color:var(--text);border-color:transparent}.btn-sm{padding:4px 8px;font-size:12px;border-radius:6px}.btn-danger{color:var(--danger)}.input,.select{background:var(--panel-2);color:var(--text);border:1px solid var(--border-2);border-radius:6px;padding:6px 8px;font-size:12.5px;width:100%;outline:none}.input:focus,.select:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:64px}.field-label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:5px}.hint{font-size:11.5px;color:var(--text-faint);line-height:1.5}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--panel);border:1px solid var(--border-2);border-radius:12px;padding:20px;width:460px;max-width:calc(100vw - 32px);max-height:85vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.5)}.modal h3{font-size:15px;margin-bottom:14px}.page-scroll{height:100vh;overflow-y:auto}