:root{--primary: #1f4e79;--text: #1d1d1f;--muted: #5f5e5a;--border: #d9d7d0;--surface: #ffffff;--page: #f6f5f2;--danger: #a32d2d;--success: #3b6d11;--radius: 8px;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--page);font-size:15px}input,textarea,select{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%}textarea{resize:vertical}input.invalid,textarea.invalid{border-color:var(--danger)}button{font:inherit;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;cursor:pointer}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.ghost{border-color:transparent;background:transparent}button:disabled{opacity:.6;cursor:default}.error{color:var(--danger);font-size:13px;margin:4px 0 0}.ok{color:var(--success);font-size:13px}.hint{color:var(--muted);font-size:13px}.page{max-width:880px;margin:24px auto;padding:0 16px;display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.card h2{font-size:17px;font-weight:600;margin:0 0 4px}.card>.hint{margin:0 0 14px}.card-actions{display:flex;gap:12px;align-items:center;margin-top:14px}