:root{--deep-blue:#0000ff;--light-blue:#a5d2ff;--bg:#ffffff;--text:#0a0a0a;--muted:#6b7280;--card-border:rgba(10,10,10,0.10);--divider:rgba(10,10,10,0.08);--btn-border:var(--deep-blue);--btn-text:var(--deep-blue);--btn-bg:#ffffff;--input-border:rgba(10,10,10,0.16);--input-bg:#ffffff}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--deep-blue);text-decoration:none}a:hover{text-decoration:underline}.page{padding:16px}.h1{font-size:18px;font-weight:900;margin:0}.subtle{font-size:13px;color:var(--muted)}.card{border:1px solid var(--card-border);background:#ffffff;border-radius:14px}.card-pad{padding:12px}.row{display:flex;gap:10px;align-items:center}.input{width:100%;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);border-radius:12px;padding:12px;font-size:14px;outline:none}.input::placeholder{color:rgba(10,10,10,.45)}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:900;cursor:pointer}.btn:hover{background:rgba(0,0,255,.06)}.btn:active{transform:translateY(1px)}.btnPrimary{border:1px solid var(--deep-blue);background:var(--deep-blue);color:#ffffff;font-weight:900}