.streak-card.streak-fire.streak-fire-ember{--fire-low:#8e182c;--fire-main:#f0442e;--fire-light:#ff8d3c;--fire-core:#ffd5a0}.streak-card.streak-fire.streak-fire-violet{--fire-low:#452279;--fire-main:#9462ee;--fire-light:#c6a1ff;--fire-core:#f0deff}.streak-card.streak-fire{isolation:isolate;border:1px solid color-mix(in srgb, var(--fire-light) 23%, transparent);color:#f8f5fa;background:#08090d;border-radius:22px;grid-template-rows:auto auto;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px 20px;min-width:0;padding:clamp(22px,3vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 18px 50px #0002}.streak-card.streak-fire .streak-light{display:none}.streak-card.streak-fire .streak-fire-art{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08090df2 0%,#08090ddc 43%,#08090d75 73%,#08090d2e 100%),linear-gradient(#0000 40%,#08090d72);position:absolute;inset:0;overflow:hidden}.streak-card.streak-fire .streak-fire-art svg{opacity:.86;transform-origin:75% 100%;width:min(78%,760px);height:115%;animation:8s ease-in-out infinite alternate streak-fire-rise;position:absolute;bottom:-10%;right:0}.streak-card.streak-fire .streak-emblem{z-index:1;width:76px;height:90px;color:var(--fire-light);filter:drop-shadow(0 0 17px color-mix(in srgb, var(--fire-main) 48%, transparent));grid-area:1/1/span 2;place-items:center;margin:0;display:grid;position:relative}.streak-card.streak-fire .streak-flame-mark{width:78px;height:94px;display:block;overflow:visible}.streak-card.streak-fire .streak-copy{z-index:1;grid-area:1/2;max-width:min(760px,94%);position:relative}.streak-card.streak-fire .streak-copy .eyebrow{color:var(--fire-light);letter-spacing:.15em;font-size:9px}.streak-card.streak-fire .streak-copy h2{color:#fff;text-wrap:balance;max-width:30ch;margin:8px 0 6px;font-size:clamp(18px,2.2vw,25px);font-weight:600;line-height:1.3}.streak-card.streak-fire .streak-copy p{color:#d2cdd5;max-width:52ch;margin:0;font-size:12px;line-height:1.6}.streak-card.streak-fire .streak-days{color:var(--fire-main);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-right:6px;display:inline-flex}.streak-card.streak-fire .streak-days span{letter-spacing:-.06em;text-shadow:0 0 22px color-mix(in srgb, var(--fire-main) 36%, transparent);font-size:clamp(34px,4vw,54px);font-weight:650;line-height:1}.streak-card.streak-fire .streak-days small{color:var(--fire-light);letter-spacing:.02em;font-size:11px;font-weight:600}.streak-card.streak-fire .streak-copy .button{border:1px solid color-mix(in srgb, var(--fire-light) 35%, transparent);color:#fff;background:#ffffff0d;border-radius:12px;min-height:44px;margin-top:16px;padding-inline:18px;font-size:11px;box-shadow:0 5px 18px #0002}.streak-card.streak-fire .streak-copy .button:hover{background:color-mix(in srgb, var(--fire-main) 20%, #ffffff0d);border-color:color-mix(in srgb, var(--fire-light) 55%, transparent)}.streak-card.streak-fire .streak-week{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0506099c;border:1px solid #ffffff12;border-radius:14px;grid-area:2/2;gap:clamp(7px,1.4vw,14px);width:max-content;max-width:100%;margin:5px 0 0;padding:10px 13px;display:flex;position:relative}.streak-card.streak-fire .streak-week>div{color:#aaa5b0;justify-items:center;gap:6px;min-width:28px;font-size:9px;display:grid}.streak-card.streak-fire .streak-week i{color:#bcb7c1;font-variant-numeric:tabular-nums;background:#ffffff08;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;display:grid}.streak-card.streak-fire.streak-fire-ember .streak-week .visited i{color:#fff2e8;background:linear-gradient(145deg,#ff775543,#bd241d42);border-color:#ff624c8a;box-shadow:0 0 14px #f0442e2e}.streak-card.streak-fire.streak-fire-violet .streak-week .visited i{color:#fff2ff;background:linear-gradient(145deg,#c096ff45,#6939b646);border-color:#bd9aff88;box-shadow:0 0 14px #9462ee32}.streak-card.streak-fire.compact{grid-template-columns:62px minmax(0,1fr);gap:10px 15px;padding:21px}.streak-card.streak-fire.compact .streak-emblem{width:62px;height:72px}.streak-card.streak-fire.compact .streak-flame-mark{width:62px;height:75px}.streak-card.streak-fire.compact .streak-copy .button{min-height:42px}.streak-card.streak-fire .streak-fire-art .streak-embers{animation:5.5s ease-in-out infinite alternate streak-ember-drift}@keyframes streak-fire-rise{0%{transform:translateY(3%)scale(.99)}to{transform:translateY(-1%)scale(1.015)}}@keyframes streak-ember-drift{0%{opacity:.35;transform:translateY(4px)}to{opacity:.9;transform:translateY(-7px)}}@media (max-width:600px){.streak-card.streak-fire{grid-template-columns:52px minmax(0,1fr);gap:10px 13px;padding:20px 17px}.streak-card.streak-fire .streak-emblem{width:52px;height:66px}.streak-card.streak-fire .streak-flame-mark{width:54px;height:67px}.streak-card.streak-fire .streak-copy{max-width:100%}.streak-card.streak-fire .streak-copy h2{font-size:18px}.streak-card.streak-fire .streak-copy p{font-size:11px}.streak-card.streak-fire .streak-days{gap:6px}.streak-card.streak-fire .streak-days span{font-size:38px}.streak-card.streak-fire .streak-week{grid-column:1/-1;justify-self:start;gap:clamp(7px,2.2vw,13px);padding:9px 10px}.streak-card.streak-fire .streak-week>div{min-width:26px}.streak-card.streak-fire .streak-fire-art svg{opacity:.72;width:95%;right:-16%}}@media (max-width:360px){.streak-card.streak-fire{grid-template-columns:minmax(0,1fr)}.streak-card.streak-fire .streak-emblem{opacity:.85;width:38px;height:48px;position:absolute;top:12px;right:13px}.streak-card.streak-fire .streak-flame-mark{width:40px;height:50px}.streak-card.streak-fire .streak-copy,.streak-card.streak-fire .streak-week{grid-column:1}.streak-card.streak-fire .streak-copy{padding-right:25px}.streak-card.streak-fire .streak-week{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.streak-card.streak-fire .streak-fire-art svg,.streak-card.streak-fire .streak-embers{animation:none!important}}