*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:24px}.header{display:flex;gap:12px;align-items:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.row{display:flex;gap:12px;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.h1{font-size:22px;margin:0}.h2{font-size:18px;margin:0}.muted{color:var(--muted)}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);outline:none}.input:focus{border-color:#4c8dff99}.label{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}.btn{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer}.btn:hover{background:#ffffff1a}.btn-primary{border-color:#4c8dff80;background:#4c8dff2e}.btn-primary:hover{background:#4c8dff42}.btn-danger{border-color:#ff4d4f66;background:#ff4d4f1f}.btn-danger:hover{background:#ff4d4f2e}.error{color:var(--danger)}:root{color-scheme:dark;--bg: #7184db;--panel: #141823;--text: #e7eaf0;--muted: #aab2c0;--border: rgba(255, 255, 255, .08);--primary: #4c8dff;--primary-hover: #3a7bff;--danger: #ff4d4f;--radius: 12px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji}