.streak-page{color:#172645;background:radial-gradient(circle at 2% 2%,#e7f1ff 0,#0000 36%),radial-gradient(circle at 95% 35%,#eee6ff 0,#0000 38%),#f5f7fc;min-height:calc(100vh - 70px);padding:30px clamp(16px,4vw,54px) 64px}.streak-wrap{max-width:1280px;margin:auto}.streak-back{color:#727fa0;letter-spacing:.1em;justify-content:space-between;align-items:center;margin:0 0 20px;font-size:12px;font-weight:800;display:flex}.streak-back a{color:#4964ca;letter-spacing:0;align-items:center;gap:7px;font-size:14px;text-decoration:none;display:flex}.streak-hero{color:#fff;background:linear-gradient(115deg,#203e84,#445bd2 58%,#7859d7);border-radius:30px;justify-content:space-between;align-items:center;min-height:258px;padding:35px clamp(25px,5vw,65px);display:flex;position:relative;overflow:hidden;box-shadow:0 22px 45px #3b56ae2b}.streak-hero:before,.streak-hero:after{content:"";pointer-events:none;border:1px solid #ffffff2b;border-radius:50%;position:absolute}.streak-hero:before{width:450px;height:450px;animation:8s ease-in-out infinite streak-breathe;top:-165px;right:-45px}.streak-hero:after{width:270px;height:270px;animation:6s ease-in-out infinite reverse streak-breathe;top:-77px;right:47px}.streak-hero-copy{z-index:1;max-width:650px;position:relative}.streak-kicker{color:#c9eaff;letter-spacing:.17em;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.streak-hero h1{letter-spacing:-.055em;margin:14px 0;font-size:clamp(36px,4.5vw,62px);line-height:1.05}.streak-hero h1 span{color:#93e5ca}.streak-hero p{color:#e0eaff;max-width:500px;font-size:16px;line-height:1.55}.streak-share{color:#fff;cursor:pointer;background:#ffffff1b;border:1px solid #ffffff70;border-radius:13px;align-items:center;gap:8px;margin-top:22px;padding:10px 16px;font-weight:700;display:flex}.streak-share:hover{background:#ffffff32}.streak-hero-copy small{color:#d9f7ec;margin-top:8px;display:block}.streak-hero-emblem{z-index:1;background:#ffffff24;border:1px solid #ffffff85;border-radius:50%;flex-direction:column;flex:0 0 176px;justify-content:center;align-items:center;height:176px;animation:5s ease-in-out infinite streak-float;display:flex;position:relative;box-shadow:0 0 0 13px #ffffff12,0 20px 45px #1a23704d}.streak-hero-emblem svg{fill:#ffcd71;color:#ffcd71;width:29px;height:29px;animation:3s ease-in-out infinite streak-glow}.streak-hero-emblem strong{font-variant-numeric:tabular-nums;font-size:60px;line-height:1}.streak-hero-emblem small{letter-spacing:.22em;font-size:11px;font-weight:800}.streak-tabs{background:#e8ecf6;border-radius:16px;gap:5px;width:max-content;max-width:100%;margin:25px 0 22px;padding:5px;display:flex;overflow-x:auto}.streak-tabs button{color:#64718b;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:12px 20px;font-weight:750}.streak-tabs button[aria-selected=true]{color:#344fc0;background:#fff;box-shadow:0 3px 10px #26356816}.streak-topcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.streak-card{background:#fff;border:1px solid #e0e7f2;border-radius:23px;min-width:0;padding:25px;animation:.55s both streak-rise;box-shadow:0 9px 26px #1f376c0d}.streak-card h2{margin:0;font-size:17px;font-weight:800}.streak-card p{color:#70809a;font-size:13px;line-height:1.5}.streak-topcards .streak-card{min-height:195px}.streak-card-icon{border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.streak-card-icon svg{width:23px}.streak-card strong{font-variant-numeric:tabular-nums;margin:12px 0 4px;font-size:38px;line-height:1.1;display:block}.streak-card strong small{font-size:15px;font-weight:700}.streak-card-blue{color:#2d5ec0;background:#e4efff;border-color:#c7dbff}.streak-card-blue .streak-card-icon{background:#c9dfff}.streak-card-violet{color:#6947b3;background:#efe9ff;border-color:#ded1ff;animation-delay:70ms}.streak-card-violet .streak-card-icon{background:#ded0ff}.streak-card-green{color:#16785a;background:#e0f5e9;border-color:#bfe8cf;animation-delay:.14s}.streak-card-green .streak-card-icon{background:#bcebd1}.streak-card-amber{color:#996323;background:#fff2d7;border-color:#f6dfa9;animation-delay:.14s}.streak-card-amber .streak-card-icon{background:#ffe3a6}.streak-card .streak-goal-state{font-size:29px}.streak-bottomcards{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.streak-bottomcards .streak-card{min-height:205px}.streak-card-title{align-items:center;gap:14px;display:flex}.streak-card-title>svg{color:#5845c8;background:#ece6ff;border-radius:12px;width:41px;height:41px;padding:9px}.streak-card-title p{margin:3px 0 0}.streak-meter{align-items:center;gap:18px;margin-top:28px;display:flex}.streak-meter strong{color:#455ac9;margin:0;font-size:27px}.streak-meter>div{background:#e5eaf5;border-radius:20px;flex:1;height:12px;overflow:hidden}.streak-meter>div>span{background:linear-gradient(90deg,#426ad8,#8b64ea);border-radius:20px;height:100%;transition:width .4s;display:block}.streak-milestone>p{margin-bottom:0}.streak-clock{background:#eaf8f4;border-color:#c5e8dc}.streak-clock .streak-card-title>svg{color:#168b68;background:#d1f0e4}.streak-clock>strong{color:#167a61;letter-spacing:.04em;font-size:31px}.streak-clock>a{color:#236aaa;align-items:center;gap:6px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.streak-rule{color:#76839e;margin:18px 0;font-size:12px}.streak-error,.streak-loading{color:#923b3b;background:#ffeded;border-radius:12px;margin-top:15px;padding:15px}.streak-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.streak-calendar,.streak-achievements,.streak-trends{max-width:850px}.streak-calendar-head,.streak-calendar-head>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.streak-calendar-head>div:first-child svg{color:#455ccb}.streak-calendar-head button{color:#4e62b2;cursor:pointer;background:#edf2ff;border:0;border-radius:8px;width:35px;height:35px;font-size:24px}.streak-calendar-head strong{text-align:center;min-width:145px;font-size:14px}.streak-calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:22px;display:grid}.streak-calendar-grid b{text-align:center;color:#71809b;font-size:12px}.streak-calendar-grid>div{color:#78859d;background:#f1f4fa;border-radius:11px;justify-content:center;align-items:center;gap:3px;min-height:51px;font-size:14px;display:flex}.streak-calendar-grid>div.is-active{color:#128264;background:#d9f1e5;font-weight:800}.streak-calendar-grid>div.is-today{outline-offset:2px;outline:2px solid #526bdd}.streak-achievements>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.streak-achievements article{color:#9aa4b4;background:#f5f6fa;border:1px solid #e0e5ee;border-radius:15px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.streak-achievements article.earned{color:#704bd1;background:#eee8ff;border-color:#daceff}.streak-achievements article svg{width:28px;height:28px}.streak-achievements article strong{margin:0;font-size:16px}.streak-achievements article span{font-size:12px}.streak-trends>div{grid-template-columns:repeat(7,1fr);gap:8px;margin:26px 0;display:grid}.streak-trends>div>div{text-align:center}.streak-trends>div span{color:#8795ac;background:#eff2f8;border-radius:14px;place-items:center;height:70px;font-size:25px;display:grid}.streak-trends>div span.active{color:#23a578;background:#d9f1e5}.streak-trends>div svg{width:23px}.streak-trends small{color:#73829a;margin-top:7px;display:block}.streak-trends>p:last-child strong{font-size:14px;display:inline}.dark .streak-page{color:#edf2ff;background:radial-gradient(circle at 15% 5%,#172a4c,#0000 45%),#0d1423}.dark .streak-tabs{background:#1c2840}.dark .streak-tabs button[aria-selected=true]{color:#fff;background:#334469}.dark .streak-card:not(.streak-card-blue):not(.streak-card-violet):not(.streak-card-green):not(.streak-card-amber){background:#17253b;border-color:#334461}.dark .streak-card h2{color:inherit}.dark .streak-calendar-grid>div{background:#26344c}.dark .streak-calendar-grid>div.is-active,.dark .streak-trends>div span.active{color:#81e1b8;background:#154938}.dark .streak-trends>div span{background:#25324a}.dark .streak-achievements article{background:#26344c;border-color:#384967}.dark .streak-achievements article.earned{color:#dbc9ff;background:#433666}.dark .streak-clock{background:#173c35!important}.dark .streak-milestone{background:#1d2e4a!important}@keyframes streak-rise{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes streak-float{50%{transform:translateY(-8px)}}@keyframes streak-glow{50%{filter:drop-shadow(0 0 12px #ffcf7d)}}@keyframes streak-breathe{50%{transform:scale(1.08)}}@media (width<=800px){.streak-hero{min-height:240px}.streak-hero-emblem{flex-basis:120px;height:120px}.streak-hero-emblem strong{font-size:44px}.streak-topcards{grid-template-columns:repeat(2,1fr)}.streak-topcards .streak-card:last-child{grid-column:span 2}.streak-bottomcards{grid-template-columns:1fr}}@media (width<=570px){.streak-page{padding:20px 14px 45px}.streak-hero{align-items:flex-start;min-height:300px;padding:27px 22px}.streak-hero-copy{max-width:100%}.streak-hero h1{max-width:240px}.streak-hero p{max-width:240px;font-size:13px}.streak-hero-emblem{flex-basis:90px;width:90px;height:90px;position:absolute;bottom:25px;right:20px}.streak-hero-emblem strong{font-size:32px}.streak-hero-emblem svg{width:19px;height:19px}.streak-hero-emblem small{font-size:8px}.streak-topcards{grid-template-columns:1fr 1fr;gap:10px}.streak-card{padding:17px}.streak-card strong{font-size:29px}.streak-card h2{font-size:14px}.streak-card p{font-size:11px}.streak-card .streak-goal-state{font-size:23px}.streak-calendar-grid{gap:4px}.streak-calendar-grid>div{min-height:39px}.streak-achievements>div{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.streak-page *{transition:none!important;animation:none!important}}.streak-goal-tasks{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.streak-goal-tasks a{color:#886021;background:#ffffff6b;border:1px solid #b6894440;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.streak-goal-tasks a>span{place-items:center;display:grid}.streak-task-empty{opacity:.6;border:1.5px solid;border-radius:50%;width:13px;height:13px;display:block}.streak-goal-tasks a.is-done{color:#157956;background:#c7eedbd9;border-color:#87c6a7}.streak-calendar-grid>div.red{color:#b53645;background:#ffe1e4;font-weight:800}.streak-calendar-grid>div.yellow{color:#95600e;background:#fff0c7;font-weight:800}.streak-calendar-grid>div.green{color:#128264;background:#d9f1e5;font-weight:800}.streak-calendar-legend{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.streak-calendar-legend span{border-radius:8px;padding:6px 11px;font-size:12px;font-weight:750}.streak-calendar-legend .red{color:#b53645;background:#ffe1e4}.streak-calendar-legend .yellow{color:#95600e;background:#fff0c7}.streak-calendar-legend .green{color:#128264;background:#d9f1e5}.dark .streak-calendar-grid>div.red{color:#ffbdc9;background:#5a2535}.dark .streak-calendar-grid>div.yellow{color:#ffe2a1;background:#564321}.dark .streak-calendar-grid>div.green{color:#81e1b8;background:#154938}