.onboarding-card{--ob-paper:var(--lt-paper,#fff9ec);--ob-ink:var(--lt-ink,#423123);--ob-muted:var(--lt-muted,#695647);--ob-line:var(--lt-line,#c7b99d);--ob-soft:var(--lt-soft,#f0ead8);--ob-accent:var(--lt-accent,#31604a);--ob-on:var(--lt-on-accent,#fff);display:grid;grid-template-columns:116px minmax(0,1fr);gap:22px;margin:0 0 22px;padding:24px;border:1px solid var(--ob-line);border-radius:22px;background:var(--ob-paper);color:var(--ob-ink);box-shadow:0 6px 22px #132a2110}
.onboarding-card .ob-art{align-self:center;display:grid;place-items:center;width:108px;height:118px;background:var(--ob-soft);border:1px solid var(--ob-line);border-radius:48% 48% 22% 22%;font-size:48px;line-height:1}.onboarding-card .ob-kicker{font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--ob-accent)}
.onboarding-card h2{color:var(--ob-ink);font-size:clamp(20px,3vw,26px);line-height:1.4;margin:6px 0 8px}.onboarding-card p{color:var(--ob-muted);font-size:14px;line-height:1.75;margin:8px 0}.onboarding-card .ob-reward{color:var(--ob-accent);font-weight:800}.onboarding-card .ob-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.onboarding-card :is(button,a.ob-button){display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 19px;border:1px solid var(--ob-accent);border-radius:12px;background:var(--ob-accent);color:var(--ob-on);font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}.onboarding-card button:disabled{cursor:default;opacity:.72}.onboarding-card :is(button,a):focus-visible{outline:3px solid var(--ob-accent);outline-offset:3px}
.onboarding-card .ob-steps{display:flex;gap:6px;list-style:none;margin:17px 0 0;padding:0;flex-wrap:wrap}.onboarding-card .ob-steps li{padding:5px 9px;border:1px solid var(--ob-line);border-radius:20px;color:var(--ob-muted);font-size:12px}.onboarding-card .ob-steps li.done{background:var(--ob-soft);color:var(--ob-ink)}.onboarding-card [role=status]{color:var(--ob-ink);min-height:0}.onboarding-card .ob-progress{width:100%;height:7px;accent-color:var(--ob-accent)}
.ob-report .ob-filters{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.ob-report .ob-filters label{display:grid;gap:7px}.ob-report .ob-filters select{min-height:42px}.ob-report .ob-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.ob-report .metric small{display:block}.ob-report table{width:100%;white-space:nowrap}.ob-report th,.ob-report td{padding:11px 13px;text-align:right}.ob-report th:first-child,.ob-report td:first-child{text-align:left}.ob-report .ob-empty{padding:30px 16px;text-align:center;background:#f7f3e8;color:#665340;border:1px dashed #c5b393;border-radius:14px}.ob-report .ob-observing{color:#766340;font-size:12px}.ob-report [role=status]{line-height:1.7}
@media(max-width:600px){.onboarding-card{grid-template-columns:64px minmax(0,1fr);gap:13px;padding:18px 15px;border-radius:18px}.onboarding-card .ob-art{width:60px;height:78px;font-size:34px;align-self:start}.onboarding-card .ob-actions{grid-column:1/-1}.onboarding-card .ob-steps{margin-left:-77px}.onboarding-card h2{font-size:20px}.ob-report .ob-filters{gap:9px}.ob-report .ob-filters label{flex:1;min-width:100px}}