@charset "UTF-8";
.fair-page { background:radial-gradient(ellipse at 70% 0,#102b4c66,transparent 45%),var(--paper); }
.fair-header { max-width:1100px; }
.fair-main { flex:1; width:min(100%,1100px); padding:24px 48px 48px; margin:0 auto; }
.fair-heading,.fair-card-heading,.fair-hash-heading,.fair-rotate-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.fair-heading { align-items:flex-end; margin-bottom:18px; }
.fair-eyebrow { margin:0 0 9px; color:var(--accent); font-size:10px; font-weight:750; letter-spacing:1.7px; }
.fair-heading h1 { font-size:clamp(32px,5vw,48px); letter-spacing:-1.5px; margin:0; }
.fair-intro { max-width:750px; font-size:14px; color:#bbcbdd; line-height:1.7; margin-bottom:16px; }
.fair-status { color:var(--muted); font-size:12px; line-height:1.6; min-height:20px; }
.fair-signin { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; margin:18px 0; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.fair-signin p { margin:0; font-size:13px; line-height:1.6; color:var(--muted); }
.fair-account { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:18px; margin:20px 0 18px; }
.fair-card { min-width:0; padding:24px; border:1px solid var(--line); border-radius:12px; background:#0b1727ed; }
.fair-card h2 { font-size:18px; letter-spacing:-.3px; margin:0 0 20px; }
.fair-card-heading { flex-wrap:wrap; margin-bottom:20px; gap:10px; }
.fair-card-heading h2 { margin:0; }
.fair-chip { color:#aac9e5; font-size:10px; letter-spacing:.15px; padding:6px 9px; border:1px solid #264764; border-radius:6px; }
.fair-card label { display:block; color:#d2e1ef; font-size:12px; font-weight:650; margin:0 0 8px; }
.fair-hash-heading { margin-bottom:8px; }
.fair-hash-heading label { margin:0; }
.fair-copy { color:var(--accent); font-size:12px; background:transparent; border:0; padding:4px; border-radius:3px; }
.fair-card input,.fair-card textarea,.fair-card select { display:block; width:100%; min-width:0; background:#07111f; border:1px solid #2b4965; border-radius:7px; padding:11px 12px; color:var(--ink); font:13px var(--mono); line-height:1.5; }
.fair-card input:disabled { color:#91a5bd; }
.fair-card select { font-family:var(--body); font-size:13px; }
.fair-card textarea { resize:vertical; min-height:140px; }
.fair-card textarea::placeholder { color:#87a0ba; }
.fair-card input:focus-visible,.fair-card textarea:focus-visible,.fair-card select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.fair-card .fair-hash { font-size:11px; color:#c4d9ec; }
.fair-note { color:var(--muted); font-size:11px; line-height:1.6; margin:9px 0 20px; }
.fair-input-action { display:flex; gap:8px; }
.fair-input-action input { flex:1; }
.fair-input-action button { flex-shrink:0; border-radius:7px; }
.fair-rotate-row { padding-top:4px; flex-wrap:wrap; }
.fair-nonce { color:var(--muted); margin:0; font-size:12px; }
.fair-nonce strong { color:var(--ink); margin-left:6px; font-family:var(--mono); }
.fair-action-status,.fair-verification { font-size:12px; line-height:1.6; margin:14px 0 0; color:#bbcbdd; overflow-wrap:anywhere; }
.fair-verification[data-state="verified"] { color:var(--positive); }
.fair-verification[data-state="failed"],.fair-action-status[data-state="error"] { color:#ff98b0; }
.fair-verification[data-state="pending"] { color:#ffd58d; }
.fair-proof-summary { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:#c2d6e8; margin-bottom:12px; }
.fair-round-seed { font-size:11px; line-height:1.6; color:var(--muted); overflow-wrap:anywhere; min-height:18px; margin-bottom:15px; }
.fair-round-actions { display:flex; flex-wrap:wrap; gap:8px; }
.fair-manual > button { margin-top:13px; }
.fair-details { margin:24px 0 0; font-size:12px; color:var(--muted); line-height:1.75; }
.fair-details summary { cursor:pointer; color:#c6dbee; font-weight:650; }
.fair-details p { margin:13px 0; max-width:850px; }
.fair-source { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.fair-footer { text-align:center; color:var(--muted); padding:20px; font-size:11px; line-height:1.6; border-top:1px solid var(--line); }
@media(max-width:800px) { .fair-account { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .fair-header { padding:18px 18px; gap:10px; } .fair-header .brand { font-size:22px; } .fair-header .brand-logo { width:40px; height:40px; } .fair-header > .button { font-size:11px; padding:10px 13px; } .fair-main { padding:18px 18px 32px; } .fair-card { padding:20px 16px; } .fair-heading { gap:10px; } .fair-signin { align-items:flex-start; flex-direction:column; } .fair-chip { font-size:9px; } .fair-hash { letter-spacing:0; } .fair-intro { font-size:13px; } }