.rate-board{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 4px 20px #0f172a0f}.rate-board--hero{border-radius:0}@media (width>=640px){.rate-board--hero{border-radius:1.5rem}}.rate-board--compact{border-radius:1rem}.rate-live-pill{color:#047857;background:#10b9811f;border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:10px;font-weight:700;display:inline-flex}.rate-live-dot{background:#10b981;border-radius:9999px;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.rate-meta{color:var(--text-muted)}.rate-title{color:var(--text-primary)}.rate-refresh{background:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-secondary)}.rate-refresh:hover{background:var(--surface-sunken);color:var(--text-primary)}.rate-best{background:linear-gradient(135deg,#fbbf242e,#10b9811a 50%,#0000);border:1px solid #f59e0b66}.rate-best-label{color:#b45309}.rate-best-source{color:#047857}.rate-best-val{color:#b45309}.rate-best-unit,.rate-best-desc{color:var(--text-secondary)}.rate-card{background:var(--surface-muted);border:1px solid var(--border-subtle)}.rate-card.is-best{background:#fbbf241f;border-color:#f59e0b8c;box-shadow:0 0 0 2px #fbbf2440}.rate-card-name{color:var(--text-secondary)}.rate-card-val{color:var(--text-primary)}.rate-card-unit,.rate-rank-num{color:var(--text-muted)}.rate-rank-best{color:#78350f;background:linear-gradient(90deg,#fbbf24,#f59e0b);border:1px solid #fde68a}.rate-diff.is-best{color:#059669}.rate-diff.is-lower{color:#e11d48}.rate-cta-primary{background:#10b981;box-shadow:0 4px 14px #10b9814d;color:#fff!important}.rate-cta-primary:hover{background:#059669}.rate-cta-secondary{background:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-primary)}html.dark .rate-board{color:#f1f5f9;background:linear-gradient(145deg,#020617 0%,#0c4a6e 45%,#0f172a 100%);border-color:#0ea5e940;box-shadow:0 8px 28px #00000059}html.dark .rate-live-pill{color:#6ee7b7;background:#10b98133;border-color:#10b98159}html.dark .rate-meta{color:#94a3b8}html.dark .rate-title{color:#fff}html.dark .rate-refresh{color:#ffffffe6;background:#ffffff14;border-color:#ffffff1f}html.dark .rate-refresh:hover{background:#ffffff24}html.dark .rate-best{background:linear-gradient(90deg,#f59e0b33,#10b9811f,#0000);border-color:#fbbf2459}html.dark .rate-best-label{color:#fcd34d}html.dark .rate-best-source{color:#6ee7b7}html.dark .rate-best-val{color:#fde047}html.dark .rate-best-unit{color:#ffffffbf}html.dark .rate-best-desc{color:#cbd5e1}html.dark .rate-card{background:#ffffff14;border-color:#ffffff1f}html.dark .rate-card.is-best{background:#f59e0b26;border-color:#fbbf2466;box-shadow:0 0 0 2px #fbbf2459}html.dark .rate-card-name{color:#e2e8f0}html.dark .rate-card-val{color:#fff}html.dark .rate-card-unit{color:#94a3b8}html.dark .rate-rank-num{color:#64748b}html.dark .rate-diff.is-best{color:#34d399}html.dark .rate-diff.is-lower{color:#fb7185}html.dark .rate-cta-secondary{color:#fff;background:#ffffff1a;border-color:#ffffff26}.continue-draft{background:color-mix(in srgb, var(--color-primary-500) 12%, var(--surface-elevated));border:1px solid color-mix(in srgb, var(--color-primary-500) 28%, var(--border-subtle));color:inherit;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;display:flex}.continue-draft-title{color:var(--color-primary-800)}html.dark .continue-draft-title{color:var(--color-primary-200)}.continue-draft-meta{color:color-mix(in srgb, var(--color-primary-600) 85%, transparent)}html.dark .continue-draft-meta{color:color-mix(in srgb, var(--color-primary-300) 75%, transparent)}.continue-draft-cta{color:var(--color-primary-600)}html.dark .continue-draft-cta{color:var(--color-primary-300)}.continue-chip{background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);box-shadow:0 1px 2px #0f172a0a}.continue-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);color:inherit;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a}html.dark .continue-card{box-shadow:0 1px 2px #00000040}.continue-card-title{color:var(--text-primary)}.continue-card-time{color:var(--text-muted)}