.practice-streak{border:1px solid var(--practice-line,#d3c8b7);background:var(--practice-surface,#fffaf2);color:var(--practice-ink,#24211d);overflow-wrap:anywhere;border-radius:22px;margin-block:24px;padding:24px}.practice-streak h2,.streak-goal-sheet h2{font-family:var(--serif,Georgia,serif);margin:0 0 16px;font-size:28px;line-height:1.25}.streak-count{font-size:17px;line-height:1.5}.streak-count strong{font-size:30px}.streak-flames{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:8px;max-width:420px;max-height:180px;margin-block:16px;display:grid;overflow-y:auto}.streak-flame{color:#ae5519;width:28px;height:36px;animation:.35s ease-out both streak-ignite,4s ease-in-out .35s infinite streak-warmth;display:block}.streak-flame svg{filter:drop-shadow(0 2px 5px #cc751b38);width:100%;height:100%}.streak-example,.streak-preview-note{font-size:14px;line-height:1.5}.practice-streak button,.streak-goal-sheet button{min-height:44px}.streak-goal-sheet{border:1px solid var(--practice-line,#d3c8b7);background:var(--practice-surface,#fffaf2);width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--practice-ink,#24211d);border-radius:22px;padding:24px;overflow:auto}.streak-goal-sheet::backdrop{background:#0e102099}.streak-goal-sheet form{gap:16px;display:grid}.streak-goal-options{flex-wrap:wrap;gap:8px;display:flex}.streak-goal-options button{font:inherit;color:inherit;background:0 0;border:1px solid;border-radius:24px;padding:8px 16px}.streak-goal-options button[aria-pressed=true]{background:var(--practice-ink,#24211d);color:var(--practice-surface,#fffaf2)}.streak-goal-sheet label{gap:8px;display:grid}.streak-goal-sheet input{box-sizing:border-box;background:var(--practice-surface,#fffaf2);width:100%;min-height:48px;color:var(--practice-ink,#24211d);border:1px solid;border-radius:12px;padding:12px;font-size:18px}:is(.practice-streak :focus-visible,.streak-goal-sheet :focus-visible){outline-offset:4px;outline:3px solid}.streak-preview{max-width:650px;margin:24px auto;padding:24px}@keyframes streak-ignite{0%{opacity:0;transform:translateY(6px)scale(.8)}to{opacity:1;transform:none}}@keyframes streak-warmth{50%{transform:translateY(-2px)scale(1.04)}}@media (prefers-reduced-motion:reduce){.streak-flame{animation:none}.streak-flame svg{filter:none}}.practice-streak[data-streak-profile=explorers]{border-width:2px;border-radius:32px}.practice-streak[data-streak-profile=explorers] .streak-flames{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:12px}.practice-streak[data-streak-profile=explorers] .streak-flame{width:44px;height:56px}.practice-streak[data-streak-profile=grow-8-10] .streak-flame{color:#bc641c}.practice-streak[data-streak-profile=school] .streak-flame{animation:.35s ease-out both streak-ignite}.practice-streak[data-streak-profile=school]{box-shadow:none}@media (prefers-reduced-motion:reduce){.practice-streak[data-streak-profile=school] .streak-flame{animation:none}}.practice-streak[data-prominent]{box-sizing:border-box;border:2px solid #a37835;width:calc(100% - 2rem);max-width:52rem;margin:1.25rem auto;scroll-margin-top:1.5rem;box-shadow:0 8px 26px #101a2912;color:#182333!important;background:#fffaf2!important}.practice-streak[data-prominent] :is(h2,p,strong,button){color:inherit}.practice-streak[data-prominent] .streak-earned{color:#234c32;font-size:1.1rem;font-weight:700}.practice-streak[data-prominent] .streak-flame{color:#ae5519}.practice-streak[data-prominent] .streak-flames{min-height:12px}.practice-streak[data-prominent] .streak-goal-sheet{color:#182333;background:#fffaf2;border-color:#a37835}.practice-streak[data-prominent] h2{align-items:center;gap:10px;margin-bottom:8px;font-size:23px;display:flex}.streak-title-icon{color:#ae5519;width:22px;height:28px;display:inline-block}.streak-title-icon svg{width:100%;height:100%}.practice-streak[data-prominent] p{margin-block:8px;line-height:1.5}.practice-streak[data-prominent] .streak-flames{margin-block:10px}.streak-how{margin-top:8px;font-size:14px}.streak-how summary{cursor:pointer;align-items:center;min-height:44px;text-decoration:underline;display:flex}.streak-flame{isolation:isolate;animation:.45s ease-out both streak-ignite;position:relative}.streak-flame:before{content:"";z-index:-1;animation:flame-glow 2.7s ease-in-out var(--flame-phase,0s) infinite;background:radial-gradient(at 50% 75%,#ff9c385e,#0000 68%);position:absolute;inset:25% -20% -5%}.streak-flame .flame-layer{transform-box:fill-box;transform-origin:50% 95%;animation-delay:var(--flame-phase,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.streak-flame .flame-outer{animation-name:flame-outer-flicker;animation-duration:var(--flame-speed,1.4s)}.streak-flame .flame-middle{animation-name:flame-middle-flicker;animation-duration:calc(var(--flame-speed,1.4s) + .41s)}.streak-flame .flame-core{animation-name:flame-core-flicker;animation-duration:calc(var(--flame-speed,1.4s) + .77s)}@keyframes flame-outer-flicker{0%,to{transform:scale(.97,1.02)skew(-3deg)}19%{transform:scale(1.03,.96)skew(2deg)}43%{transform:scale(.94,1.06)skew(-1deg)}67%{transform:scale(1.02,.98)skew(4deg)}83%{transform:scale(.98,1.04)skew(-2deg)}}@keyframes flame-middle-flicker{0%,to{transform:translate(-.4px)scale(.96,1.03)rotate(-2deg)}27%{transform:translate(.6px)scale(1.04,.94)rotate(3deg)}53%{transform:translate(-.5px)scale(.93,1.08)rotate(-3deg)}79%{transform:translate(.3px)scale(1.01,.98)rotate(1deg)}}@keyframes flame-core-flicker{0%,to{transform:scale(.96,.98)}31%{transform:translate(.5px)scale(.91,1.12)}58%{transform:translate(-.4px)scale(1.05,.95)}82%{transform:scale(.95,1.06)}}@keyframes flame-glow{0%,to{opacity:.45;transform:scale(.96)}34%{opacity:.62;transform:scale(1.06)}71%{opacity:.5;transform:scale(1.01)}}.streak-flame:nth-child(n+21) .flame-layer,.streak-flame:nth-child(n+21):before,.practice-streak[data-streak-profile=school] .flame-layer,.practice-streak[data-streak-profile=school] .streak-flame:before{animation:none}.practice-streak[data-flame-motion=paused] .streak-flame,.practice-streak[data-flame-motion=paused] .flame-layer,.practice-streak[data-flame-motion=paused] .streak-flame:before{animation:none!important}.streak-motion-toggle{font-size:14px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.streak-flame,.streak-flame .flame-layer,.streak-flame:before{animation:none!important}.streak-flame svg{filter:none}}.streak-flame svg{overflow:visible}.streak-flames{padding-block:3px}.streak-reduced-note{display:none}@media (prefers-reduced-motion:reduce){.practice-streak .streak-motion-toggle{display:none}.practice-streak .streak-reduced-note{display:block}}.streak-goal-options>button{min-width:44px;min-height:44px;margin:0;line-height:1.4}.streak-goal-options{gap:8px}.streak-goal-sheet{box-sizing:border-box;max-height:calc(100svh - 32px);padding-bottom:calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.streak-goal-sheet .streak-preview-note{white-space:normal;text-overflow:clip;-webkit-line-clamp:unset;line-clamp:unset;height:auto;max-height:none;display:block;overflow:visible}