.account-nav a.streak-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border:1px solid #f2b66466;border-radius:999px;background:#ffac3112;color:inherit;font-weight:800;white-space:nowrap;text-decoration:none}
.streak-page{--streak-ink:#263450;--streak-muted:#7383a5;--streak-surface:#fff;max-width:1160px;margin:0 auto;padding:26px 24px 64px;display:grid;gap:24px;color:var(--streak-ink)}
.streak-back{font-size:14px;color:#6862df;text-decoration:none;justify-self:start}.streak-heading{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:255px;padding:38px 42px;border-radius:28px;color:#fff;background:linear-gradient(105deg,#303583b8,#6144c357),url('/images/backgrounds/page-header.png') center/cover;box-shadow:0 14px 38px #5657bd20}.streak-heading>div{position:relative;z-index:1;max-width:690px}.streak-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 0 12px;color:#e4e6ff}.streak-heading h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;line-height:1.16;margin:0 0 14px;color:#fff}.streak-heading p:not(.streak-kicker){font-size:15px;line-height:1.7;max-width:550px;margin:0;color:#f0efff}.streak-hero-link{display:inline-flex;gap:18px;align-items:center;margin-top:22px;background:#fff;color:#5650bd;border-radius:12px;padding:11px 17px;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 5px 18px #1c1b7726}.streak-hero-art{position:relative;flex-shrink:0;display:grid;place-items:center;width:160px;height:160px;border:1px solid #ffffff40;border-radius:40px;background:linear-gradient(150deg,#ffffff38,#ffffff0a);font-size:86px;transform:rotate(8deg);box-shadow:inset 0 0 40px #ffffff15,0 20px 40px #34217326}.streak-hero-art i,.streak-hero-art b{position:absolute;font-size:25px;font-style:normal;color:#ffe6a4;top:-12px;right:10px}.streak-hero-art b{font-size:35px;top:auto;right:auto;left:-15px;bottom:5px}
.streak-card,.streak-panel{color:var(--streak-ink);background:var(--streak-surface);border:1px solid #dfe5fb;border-radius:24px;padding:clamp(20px,3vw,30px);box-shadow:0 8px 30px #44489408;min-width:0}.streak-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#fff0dc80,transparent 48%),radial-gradient(ellipse at 100% 0,#e9e2ff80,transparent 50%),var(--streak-surface);border-color:#e6dcf7}.streak-summary{display:flex;justify-content:space-between;align-items:center;gap:24px}.streak-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8874bc;font-weight:800;margin:0 0 7px}.streak-card h2{font-size:clamp(29px,4vw,42px);letter-spacing:-.035em;margin:0 0 12px;line-height:1.2;display:flex;align-items:center;flex-wrap:wrap;gap:9px}.streak-flame{font-size:1.15em;filter:drop-shadow(0 5px 8px #ff9f5b40)}.streak-consecutive{font-size:14px;letter-spacing:0;align-self:end;margin-bottom:5px;color:var(--streak-muted)}.streak-message{margin:0;font-size:14px;line-height:1.65}.streak-pending{display:inline-block;border:1px solid #f6cf9d;background:#fff1dd;color:#9d6522;border-radius:999px;padding:4px 10px;font-size:11px;margin:10px 0 0}.streak-record{display:flex;flex-direction:column;gap:6px;flex-shrink:0;background:linear-gradient(130deg,#ecebff,#f7efff);border:1px solid #ddd7fb;border-radius:18px;padding:18px 22px;font-size:12px;min-width:180px}.streak-record>span{color:#70679c}.streak-record strong{font-size:26px;line-height:1.3;color:#6354c7}.streak-record a{color:#6b5ed8;text-decoration:none;font-size:11px;margin-top:2px}
.streak-week-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:28px}.streak-week-heading h3{font-size:14px;margin:0}.streak-week-heading>span{font-size:11px;color:var(--streak-muted)}.streak-week{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1vw,12px)}.streak-week li{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding:14px 2px 22px;border:1px solid #e6e9f5;background:#f7f8fd;border-radius:16px;font-size:12px;min-width:0;color:#6f7e9b}.streak-week strong{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:21px;font-weight:700;color:#9eabc2;background:#eaf0f9}.streak-week .streak-day-ACTIVE{background:linear-gradient(160deg,#fff4e5,#fff9f2);border-color:#f8d5a9;color:#ac702d}.streak-week .streak-day-ACTIVE strong{background:linear-gradient(135deg,#ffbb62,#f48b51);color:#fff;box-shadow:0 4px 10px #f4a04c30}.streak-week .streak-day-FROZEN{background:#effbff;border-color:#bfebf6;color:#2484ac}.streak-week .streak-day-FROZEN strong{background:linear-gradient(135deg,#8bd4f0,#70abed);color:#fff}.streak-week .streak-today{border:2px solid #a595e9;background:linear-gradient(150deg,#f0ecff,#f8f5ff);padding-top:13px;box-shadow:0 4px 16px #9982de16}.streak-week small{font-size:9px;position:absolute;bottom:5px;color:#8270bd}.streak-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.streak-details-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px}.streak-panel-title{display:flex;gap:12px;align-items:center}.streak-panel-title h2{font-size:21px;letter-spacing:-.025em;line-height:1.25;margin:0}.streak-section-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#eeeaff;font-size:25px}.streak-panel p{line-height:1.75;font-size:13px;margin:15px 0;color:var(--streak-muted)}.streak-freeze{background:linear-gradient(145deg,#ecfaff,#f5f8ff 65%,#fff);border-color:#cce8f8}.streak-freeze .streak-section-icon{background:#d2effe;color:#4e9dd0}.streak-freeze .streak-eyebrow{color:#5a9fbd}.streak-inventory{display:flex;align-items:center;gap:14px;margin:25px 0 15px}.streak-inventory strong{display:grid;place-items:center;min-width:72px;height:72px;padding:0 12px;border-radius:22px;background:linear-gradient(130deg,#69c9eb,#779de9);font-size:36px;font-weight:800;color:#fff;box-shadow:0 8px 18px #75aee42b}.streak-inventory>span{font-size:13px;color:#5881a4}.streak-freeze-limit{padding:12px 14px;background:#ffffff80;border:1px solid #dbeaf7;border-radius:12px}.streak-muted{display:block;font-size:11px;line-height:1.7;color:var(--streak-muted)}.streak-milestone-panel{background:linear-gradient(155deg,#faf7ff,#fff 70%)}.streak-milestones{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0 14px}.streak-milestones li{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #e6ddfa;background:linear-gradient(150deg,#f2edff,#faf7ff);border-radius:14px;padding:12px 6px;text-align:center;min-width:0}.streak-milestones strong{font-size:12px;white-space:nowrap;color:#6d60a6}.streak-milestones span:not(.streak-milestone-mark){font-size:9px;color:#9589b8}.streak-milestone-mark{font-size:22px;line-height:1.2;color:#c4b3e9}.streak-milestones li:nth-child(3n+2){background:linear-gradient(150deg,#eaf7ff,#f5fbff);border-color:#d7eaf8}.streak-milestones li:nth-child(3n){background:linear-gradient(150deg,#fff2dd,#fffaf2);border-color:#f4e1bf}.streak-milestones .streak-reached{background:linear-gradient(140deg,#ffe3a4,#fff6db);border-color:#edc067}.streak-reached .streak-milestone-mark{color:#df9d2e}
.streak-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.streak-guide article{padding:18px;background:#f5f7ff;border:1px solid #e8eaf8;border-radius:16px;min-width:0}.streak-guide article:nth-child(2){background:#f0faf6;border-color:#d8eee4}.streak-guide article:nth-child(3){background:#fff8ee;border-color:#f4e8d3}.streak-guide article>span{font-size:24px;color:#54a68b}.streak-guide h3{font-size:13px;margin:12px 0 6px}.streak-guide p{font-size:12px;margin:0}.streak-legend{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:11px;color:var(--streak-muted);margin:18px 0}.streak-how details{border-top:1px solid #e6eaf5;padding-top:16px}.streak-how summary{cursor:pointer;color:#7664bc;font-size:12px;font-weight:700}
@media(max-width:800px){.streak-heading{padding:30px}.streak-hero-art{width:110px;height:110px;border-radius:30px;font-size:64px}.streak-details-grid{grid-template-columns:1fr}.streak-milestones{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:600px){.streak-page{padding:20px 12px 40px;gap:18px}.streak-heading{padding:25px 22px;border-radius:22px;min-height:245px}.streak-heading>div{max-width:100%}.streak-heading h1{font-size:30px;max-width:260px}.streak-heading p:not(.streak-kicker){font-size:13px;max-width:100%}.streak-kicker{font-size:9px}.streak-hero-art{position:absolute;right:-12px;top:-16px;opacity:.2;z-index:0;width:115px;height:115px}.streak-summary{align-items:flex-start;flex-direction:column;gap:20px}.streak-record{width:100%;min-width:0;box-sizing:border-box;padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px}.streak-record strong{grid-column:2;grid-row:1 / 3;font-size:24px}.streak-record a{font-size:10px}.streak-message{font-size:13px}.streak-week-heading{margin-top:24px}.streak-week-heading>span{font-size:10px}.streak-week li{border-radius:11px;font-size:10px;gap:6px;padding-bottom:20px}.streak-week strong{width:26px;height:26px;font-size:17px}.streak-week small{font-size:7px;bottom:5px}.streak-card,.streak-panel{border-radius:20px;padding:20px 16px}.streak-guide{grid-template-columns:1fr;gap:10px}.streak-guide article{padding:15px}.streak-guide h3{margin-top:8px}.streak-milestones{grid-template-columns:repeat(4,minmax(0,1fr))}.streak-milestones strong{font-size:11px}.account-nav a.streak-chip{padding:5px 8px}}
:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-page{--streak-ink:#e9eafb;--streak-muted:#a7b2d0;--streak-surface:#252b49}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) :is(.streak-card,.streak-panel){border-color:#635b904f}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-card{background:radial-gradient(ellipse at 0 0,#87568535,transparent 55%),linear-gradient(135deg,#2c3153,#30264f)}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-record{background:linear-gradient(135deg,#494173,#383357);border-color:#8272b44d}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-record :is(strong,a,span){color:#e2d6ff}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-freeze{background:linear-gradient(135deg,#213f59,#303452)}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-milestone-panel{background:linear-gradient(135deg,#382d56,#292e4c)}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-freeze-limit{background:#ffffff08;border-color:#ffffff18}
:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-guide article{background:#333653;border-color:#7a74b333}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-guide article:nth-child(2){background:#28434a}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-guide article:nth-child(3){background:#48404c}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-week li{background:#343753;border-color:#79739c50;color:#b8c0df}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-week .streak-today{border-color:#b49bf4;background:#4b3b68}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-week small{color:#cdb8ff}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-milestones li{background:#403559;border-color:#78639360}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-milestones li:nth-child(3n+2){background:#2a435b}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-milestones li:nth-child(3n){background:#504253}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-milestones strong{color:#e0d4ff}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-milestones span:not(.streak-milestone-mark){color:#bcb0d5}:is(html[data-theme=dark],body[data-theme=dark],body.dark-mode) .streak-milestones .streak-reached{background:#5a4631;border-color:#b99653}
@media(prefers-reduced-motion:reduce){.streak-page *{scroll-behavior:auto}}