/* MVPv2 information architecture: Home, Rank and Performance. */
.bottom{grid-template-columns:repeat(3,1fr)}
.home-page{padding-top:calc(74px + env(safe-area-inset-top))}
.home-welcome{margin-bottom:18px}
.home-welcome h1{margin:5px 0 7px;font-size:34px}
.daily-cta{position:relative;overflow:hidden;width:100%;min-height:190px;padding:22px;border:0;border-radius:25px;background:var(--ink,var(--i));color:#fff;text-align:left;box-shadow:0 16px 36px rgba(23,32,29,.16)}
.daily-cta:after{content:'1Q';position:absolute;right:-10px;bottom:-34px;font-size:132px;font-weight:950;color:#ffffff0d}
.daily-cta>*{position:relative;z-index:1}
.daily-cta-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--accent,var(--l));color:var(--ink,var(--i));font-size:11px;font-weight:950;letter-spacing:.06em}
.daily-cta h2{max-width:320px;margin:30px 0 8px;font-size:29px}
.daily-cta-copy{display:flex;justify-content:space-between;gap:14px;align-items:end;color:#d8ddd9;font-size:13px}
.daily-cta-copy strong{color:#fff;font-size:14px}
.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:25px 0 12px}
.home-section-heading h2{margin:4px 0 0}
.home-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-explore-grid>.explore-progress{grid-column:1/-1;margin:0 0 2px}
.home-explore-grid>.segment-wrap{display:block;min-width:0}
.home-explore-grid .unlock-button{display:none}
.home-explore-grid .segment{min-height:152px}
.home-explore-grid .segment{width:100%;height:100%}
.challenge-back-home{position:absolute;z-index:23;left:64px;top:calc(14px + env(safe-area-inset-top));height:38px;padding:0 11px;border:1px solid var(--line,var(--b));border-radius:12px;background:var(--surface,var(--c));font-size:11px;font-weight:950}
.performance-section+.performance-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line,var(--b))}
.performance-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.performance-heading h2{margin:4px 0 0}
.performance-inbox-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.performance-inbox-stat{padding:15px;border:1px solid var(--line,var(--b));border-radius:16px;background:var(--surface,var(--c))}
.performance-inbox-stat strong{display:block;font-size:28px;line-height:1}
.performance-inbox-stat span{display:block;margin-top:5px;color:var(--ink-soft,var(--u));font-size:12px}
.performance-evidence-list{display:grid;gap:8px}
.performance-evidence{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line,var(--b));border-radius:15px;background:var(--surface,var(--c));text-align:left}
.performance-evidence b,.performance-evidence small{display:block;overflow-wrap:anywhere}
.performance-evidence small{margin-top:4px;color:var(--ink-soft,var(--u))}
.performance-evidence-value{font-weight:950;text-align:right;white-space:nowrap}
.performance-empty{padding:16px;border:1px dashed var(--line,var(--b));border-radius:15px;color:var(--ink-soft,var(--u))}
.performance-chart{margin-bottom:10px;padding:16px;border:1px solid var(--line,var(--b));border-radius:18px;background:var(--surface,var(--c))}
.chart-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.chart-title b,.chart-title small{display:block}.chart-title small{margin-top:3px;color:var(--ink-soft,var(--u));font-size:11px}.chart-title>strong{font-size:24px}.rating-trend svg{display:block;width:100%;height:112px;margin-top:8px;overflow:visible}.chart-axis{stroke:var(--line,var(--b));stroke-width:1}.trend-line{fill:none;stroke:var(--accent,var(--m));stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-point{fill:var(--surface,var(--c));stroke:var(--accent,var(--m));stroke-width:3}.chart-empty{display:grid;place-items:center;height:92px;margin-top:8px;border-radius:12px;background:var(--surface-muted,#eceee9);color:var(--ink-soft,var(--u));font-size:12px}.outcome-bar{display:flex;height:14px;margin:18px 0 12px;overflow:hidden;border-radius:999px;background:var(--line,var(--b))}.outcome-bar span{min-width:0}.outcome-correct{background:#4f8168}.outcome-missed{background:#a85a55}.outcome-pending{background:#c9bc82}.outcome-legend{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--ink-soft,var(--u))}.outcome-legend span{display:flex;align-items:center;gap:4px}.outcome-legend i{width:8px;height:8px;border-radius:50%}.outcome-legend i.correct{background:#4f8168}.outcome-legend i.missed{background:#a85a55}.outcome-legend i.pending{background:#c9bc82}.portfolio-chart{display:grid;grid-template-columns:80px 1fr;gap:15px;align-items:center}.portfolio-ring{width:78px;height:78px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at center,var(--surface,var(--c)) 57%,transparent 59%),conic-gradient(var(--accent,var(--m)) var(--portfolio-fill),var(--line,var(--b)) 0)}.portfolio-ring strong,.portfolio-ring small{display:block}.portfolio-ring small{font-size:10px;color:var(--ink-soft,var(--u))}.portfolio-chart p{margin:5px 0 0;color:var(--ink-soft,var(--u));font-size:12px;line-height:1.4}.rank-view-all{margin:4px 0 0}.rank-user[hidden],.rank-news-item[hidden]{display:none!important}
@media(max-width:360px){.home-explore-grid{grid-template-columns:1fr}.daily-cta{min-height:176px}.daily-cta h2{margin-top:23px}.challenge-back-home{left:59px}}