.page{flex:1;width:min(1200px,100% - 32px);margin-inline:auto;padding-block:clamp(40px,6vw,72px)}.glass-card{border:1px solid color-mix(in srgb, var(--primary) 16%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-container) 94%, transparent), color-mix(in srgb, var(--surface-container-lowest) 98%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 3%, transparent), 0 12px 36px color-mix(in srgb, var(--black) 24%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow,.card-kicker{color:var(--primary);letter-spacing:.3em;text-transform:uppercase;margin:0 0 12px;font-size:.63rem;font-weight:700}.pill{border:1px solid color-mix(in srgb, var(--accent,var(--primary)) 42%, transparent);border-radius:var(--radius-pill);width:fit-content;color:var(--accent,var(--primary));background:color-mix(in srgb, var(--accent,var(--primary)) 14%, transparent);letter-spacing:.14em;text-transform:uppercase;align-items:center;padding:5px 11px;font-size:.66rem;font-weight:700;display:inline-flex}.muted-copy{color:var(--on-surface-variant);line-height:1.55}.avatar{border-radius:var(--radius-image);width:36px;height:36px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);place-items:center;font-size:.72rem;font-weight:900;display:inline-grid}.button-stack{gap:12px;margin-top:20px;display:grid}.primary-button,.secondary-button{border-radius:var(--radius-control);font-family:var(--body-font);letter-spacing:.18em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;padding:12px 18px;font-size:.72rem;font-weight:800;line-height:1.1;text-decoration:none;transition:transform .16s,filter .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button{border:1px solid color-mix(in srgb, var(--primary) 70%, transparent);color:var(--on-primary-button);background:linear-gradient(180deg, var(--primary-strong), var(--primary));box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 18%, transparent)}.primary-button.is-random-ready{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent), 0 0 22px color-mix(in srgb, var(--primary) 18%, transparent), 0 8px 20px color-mix(in srgb, var(--primary) 24%, transparent);filter:brightness(1.04);animation:1.9s ease-in-out infinite random-ready-pulse}.secondary-button{border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);color:var(--on-surface);background:color-mix(in srgb, var(--surface-container-lowest) 82%, transparent)}@keyframes random-ready-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent), 0 0 16px color-mix(in srgb, var(--primary) 10%, transparent), 0 8px 20px color-mix(in srgb, var(--primary) 18%, transparent);filter:brightness()}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 34%, transparent), 0 0 26px color-mix(in srgb, var(--primary) 22%, transparent), 0 10px 24px color-mix(in srgb, var(--primary) 26%, transparent);filter:brightness(1.07)}}.large-button{min-height:72px;font-size:1.08rem}.error-copy{color:var(--error);letter-spacing:.04em;margin:10px 0 28px;font-weight:900}.centered-page{flex-direction:column;align-items:center;display:flex}.empty-state{border-radius:var(--radius-panel);grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;width:min(1050px,100%);margin-top:28px;padding:24px;display:grid}.empty-state h2{color:var(--on-surface);font-family:var(--heading-font);margin:0;font-size:1.55rem}@media (width<=520px){.page{width:min(100% - 24px,1200px);padding-block:36px}.empty-state{padding:18px}}.route-link{text-decoration:none}.auth-feedback{border-radius:var(--radius-soft);margin:0;padding:14px 16px;font-size:.92rem;font-weight:700;line-height:1.5}.auth-feedback.is-error{color:var(--error-soft);background:color-mix(in srgb, var(--error-container) 36%, transparent)}.auth-feedback.is-success{color:color-mix(in srgb, var(--status-success) 22%, var(--white));background:color-mix(in srgb, var(--status-success) 18%, transparent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell:before,.app-shell:after{z-index:-1;content:"";pointer-events:none;filter:blur(24px);opacity:.65;width:36rem;height:36rem;position:fixed;inset:auto}.app-shell:before{background:radial-gradient(circle, color-mix(in srgb, var(--primary-container) 32%, transparent), transparent 68%);top:-12rem;left:12%}.app-shell:after{background:radial-gradient(circle, color-mix(in srgb, var(--status-success) 16%, transparent), transparent 68%);bottom:18rem;right:-10rem}.brand-button{color:var(--primary);font-family:var(--brand-font);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 12px color-mix(in srgb, var(--primary) 20%, transparent);background:0 0;border:0;align-items:center;gap:18px;padding:2px 6px;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700;display:inline-flex}.brand-mark{width:42px;height:42px;box-shadow:0 0 12px color-mix(in srgb, var(--primary) 18%, transparent);object-fit:contain;border-radius:0;flex-shrink:0;display:block}@media (width<=760px){.brand-button{flex:1 0 auto}}.site-header{z-index:10;border-bottom:1px solid color-mix(in srgb, var(--primary) 14%, transparent);background:color-mix(in srgb, var(--surface-deep) 92%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--white) 2%, transparent), 0 12px 26px color-mix(in srgb, var(--black) 20%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1200px,100% - 32px);min-height:62px;margin-inline:auto;display:flex}.main-nav{justify-content:center;align-items:center;gap:18px;margin-left:auto;display:flex}.nav-button{text-align:center;color:color-mix(in srgb, var(--on-surface-variant) 78%, transparent);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;padding:9px 4px;font-size:.76rem;font-weight:700;transition:color .16s,opacity .16s;display:inline-block;position:relative}.nav-button:hover,.nav-button.is-active{color:var(--primary);opacity:1}.nav-button.is-active:after{content:"";border-radius:var(--radius-pill);background:var(--primary);height:1px;box-shadow:0 0 10px color-mix(in srgb, var(--primary) 26%, transparent);position:absolute;bottom:-10px;left:0;right:0}.header-actions{align-items:center;gap:10px;margin-left:12px;display:flex}.premium-cta-button{border:1px solid color-mix(in srgb, var(--primary) 58%, transparent);border-radius:var(--radius-control);min-width:188px;min-height:42px;color:var(--on-surface);background:linear-gradient(180deg, color-mix(in srgb, var(--tertiary) 86%, var(--primary) 14%), var(--primary)), linear-gradient(180deg, var(--primary), var(--primary));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 24%, transparent), 0 12px 26px color-mix(in srgb, var(--primary) 20%, transparent);align-items:center;gap:10px;padding:0 14px 0 12px;transition:transform .16s,filter .16s,border-color .16s,box-shadow .16s;display:inline-flex}.premium-cta-button:hover,.premium-cta-button:focus-visible,.premium-cta-button.is-active{border-color:color-mix(in srgb, var(--primary) 82%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 32%, transparent), 0 16px 32px color-mix(in srgb, var(--primary) 28%, transparent);filter:saturate(1.04);transform:translateY(-1px)}.premium-cta-icon{width:27px;height:27px;color:var(--primary);flex:none}.premium-cta-copy{text-align:left;gap:1px;line-height:1;display:grid}.premium-cta-copy strong{color:var(--on-surface);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:900}.premium-cta-copy>span{color:color-mix(in srgb, var(--on-surface) 68%, transparent);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}.premium-cta-price{font-family:var(--body-font);letter-spacing:.02em;font-size:.64rem;font-weight:900}.streak-badge{border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:var(--radius-control);min-width:152px;min-height:42px;color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--surface-container-lowest));letter-spacing:.05em;justify-content:center;align-items:center;gap:8px;padding:0 10px 0 8px;font-size:.72rem;font-weight:800;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.streak-badge:hover,.streak-badge:focus-visible{border-color:color-mix(in srgb, var(--primary) 48%, transparent);background:color-mix(in srgb, var(--primary) 12%, var(--surface-container-lowest));transform:translateY(-1px)}.streak-badge[aria-expanded=true]{border-color:color-mix(in srgb, var(--primary) 48%, transparent);background:color-mix(in srgb, var(--primary) 12%, var(--surface-container-lowest))}.streak-badge-value{color:var(--on-surface);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:.88rem;font-weight:900;line-height:1}.streak-badge-copy{gap:1px;line-height:1;display:grid}.streak-badge-copy strong{color:var(--on-surface);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:900}.profile-menu-wrap{position:relative}.profile-button,.icon-button{border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface-container-lowest) 92%, transparent);min-height:36px;transition:border-color .16s,background .16s,transform .16s,color .16s}.profile-button{max-width:176px;min-height:42px;color:var(--on-surface);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:.72rem;font-weight:800;display:inline-flex}.profile-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu{z-index:20;border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);border-radius:var(--radius-soft);background:color-mix(in srgb, var(--surface-container-lowest) 98%, transparent);width:176px;box-shadow:0 18px 40px color-mix(in srgb, var(--black) 34%, transparent);padding:6px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.profile-menu button{border-radius:var(--radius-control);width:100%;color:var(--on-surface-variant);text-align:left;background:0 0;border:0;padding:10px 12px;font-size:.78rem;font-weight:800;display:block}.profile-menu button:hover,.profile-menu button:focus-visible{color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent);outline:none}.icon-button{min-width:36px;color:var(--primary);font-size:0}.icon-button:after{content:attr(data-label);color:var(--primary);letter-spacing:.14em;text-transform:uppercase;place-items:center;font-size:.62rem;font-weight:800;display:grid}.profile-button:hover,.icon-button:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary);transform:translateY(-1px)}@media (width<=760px){.header-inner{flex-wrap:wrap;min-height:auto;padding-block:12px}.main-nav{order:3;justify-content:flex-start;width:100%;margin-bottom:-10px;margin-left:0;padding-bottom:10px;overflow:auto hidden}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;margin-left:0}}@media (width<=520px){.header-inner{width:min(100% - 24px,1200px)}.premium-cta-button{min-width:0;padding-inline:10px}.premium-cta-copy span{display:none}.streak-badge{justify-content:center;min-width:92px;padding-inline:6px}.streak-badge-copy{display:none}}.updates-header-button{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);min-width:44px;min-height:44px;color:var(--on-surface);cursor:pointer;font:inherit;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:.85rem;display:inline-flex;position:relative}.updates-header-button svg{width:22px;height:22px;color:var(--primary)}.updates-header-button i{background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}@media (width<=760px){.updates-header-button>span{display:none}}.streak-menu-wrap{position:relative}.streak-dropdown{z-index:20;border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--surface-container-lowest) 98%, transparent);width:min(420px,100vw - 24px);box-shadow:0 20px 46px color-mix(in srgb, var(--black) 34%, transparent);grid-template-columns:96px minmax(0,1fr) 96px;gap:16px;padding:18px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.streak-dropdown-tier,.streak-dropdown-progress{place-items:center;gap:8px;display:grid}.streak-dropdown-progress{align-content:center;gap:10px}.streak-dropdown-label,.streak-dropdown-heading,.streak-dropdown-threshold,.streak-dropdown-progress-copy{text-align:center;margin:0}.streak-dropdown-label{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:900}.streak-dropdown-heading{color:var(--on-surface);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:900}.streak-dropdown-threshold,.streak-dropdown-progress-copy{color:var(--on-surface-variant);font-size:.73rem;font-weight:700;line-height:1.35}.streak-dropdown-progress-copy{font-family:var(--body-font);font-variant-numeric:tabular-nums;letter-spacing:0}.streak-dropdown-progress-bar{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-container) 92%, transparent), color-mix(in srgb, var(--surface-container-lowest) 96%, transparent));width:100%;height:12px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 6%, transparent);border-radius:999px;position:relative;overflow:hidden}.streak-dropdown-progress-fill{border-radius:inherit;background-color:var(--primary);background-image:linear-gradient(90deg, var(--primary-soft), var(--primary));box-shadow:0 0 18px color-mix(in srgb, var(--primary) 28%, transparent), inset 0 1px 0 color-mix(in srgb, var(--white) 24%, transparent);position:absolute;inset:0 auto 0 0}.streak-dropdown-savers{border-top:1px solid color-mix(in srgb, var(--primary) 12%, transparent);grid-column:1/-1;padding-top:12px;position:relative}.streak-dropdown-savers.is-locked .streak-dropdown-label{opacity:.62}.streak-dropdown-savers-value{color:var(--on-surface);letter-spacing:.04em;margin:0;font-size:.94rem;font-weight:900}.streak-dropdown-tooltip-wrap{display:block;position:relative}.streak-dropdown-savers-trigger{z-index:1;cursor:help;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;width:100%;padding:0;display:flex;position:relative}.streak-dropdown-savers-trigger .streak-dropdown-label,.streak-dropdown-savers-trigger .streak-dropdown-savers-value{text-align:center}.streak-dropdown-savers-trigger.is-locked-row{cursor:default}.streak-dropdown-savers-lock{border:1px solid color-mix(in srgb, var(--primary) 34%, transparent);width:28px;height:28px;color:var(--primary);background:color-mix(in srgb, var(--surface-container-lowest) 94%, transparent);box-shadow:0 8px 18px color-mix(in srgb, var(--black) 24%, transparent), 0 0 12px color-mix(in srgb, var(--primary) 14%, transparent);cursor:help;border-radius:999px;place-items:center;display:grid;position:relative}.streak-dropdown-savers-lock img{width:15px;height:15px}.streak-dropdown-savers-lock:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 62%, transparent);outline-offset:3px}.streak-dropdown-premium-tooltip{z-index:3;border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--radius-control);width:max-content;color:var(--on-surface);background:color-mix(in srgb, var(--surface-container-lowest) 98%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--black) 34%, transparent);letter-spacing:0;opacity:0;pointer-events:none;padding:7px 10px;font-size:.7rem;font-weight:800;line-height:1.2;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 9px);right:0;transform:translateY(4px)}.streak-dropdown-savers-lock:hover .streak-dropdown-premium-tooltip,.streak-dropdown-savers-lock:focus-visible .streak-dropdown-premium-tooltip{opacity:1;transform:translateY(0)}.streak-dropdown-tooltip-panel{z-index:2;border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-radius:var(--radius-soft);width:240px;color:var(--on-surface-variant);background:color-mix(in srgb, var(--surface-container-lowest) 98%, transparent);box-shadow:0 16px 36px color-mix(in srgb, var(--black) 34%, transparent);opacity:0;pointer-events:none;padding:12px 14px;font-size:.74rem;font-weight:700;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)}.streak-dropdown-tooltip-wrap:hover .streak-dropdown-tooltip-panel,.streak-dropdown-tooltip-wrap:focus-within .streak-dropdown-tooltip-panel{opacity:1;transform:translateY(0)}.streak-dropdown .streak-emblem.is-preview{opacity:.84}.streak-dropdown .streak-emblem.is-preview .streak-emblem__flame-image{filter:saturate(.92) brightness(.96) drop-shadow(0 2px 3px color-mix(in srgb, var(--black) 16%, transparent))}@media (width<=760px){.header-actions{position:relative}.header-actions .streak-menu-wrap{position:static}.streak-dropdown{grid-template-columns:1fr;justify-items:stretch;width:min(360px,100vw - 24px)}.streak-dropdown-tier,.streak-dropdown-progress{justify-items:center}.streak-dropdown-progress-bar{max-width:220px}.streak-dropdown-tooltip-panel{width:min(240px,100vw - 72px);left:0;right:auto}}.site-footer{margin-top:auto;border-top:1px solid color-mix(in srgb, var(--primary) 14%, transparent);width:min(1200px,100% - 32px);color:var(--on-surface-variant);text-align:center;margin-inline:auto;padding-block:40px 30px}.site-footer-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.site-footer strong{color:var(--primary);font-family:var(--brand-font);letter-spacing:.12em;text-transform:uppercase;font-size:1.05rem;font-weight:700}.site-footer-links{align-items:center;gap:18px;display:inline-flex}.site-footer-link{color:var(--primary);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .16s;display:inline-flex}.site-footer-link svg{fill:currentColor;width:18px;height:18px;display:block}.site-footer-link:hover{color:var(--primary-soft)}.site-footer-link:focus-visible{border-radius:var(--radius-control);outline:2px solid var(--primary);outline-offset:4px}@media (width<=760px){.site-footer-inner{flex-direction:column-reverse}}@media (width<=520px){.site-footer{width:min(100% - 24px,1200px)}.site-footer-links{flex-wrap:wrap;justify-content:center}}.landing-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-board) 58%, var(--surface)), var(--surface) 54%, var(--surface-container-lowest));flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.landing-shell--signed-in{flex:1;min-height:0}.landing-session-status{color:var(--on-surface-variant);padding-block:20px}.landing-nav,.landing-hero{width:min(1200px,100% - 32px);margin-inline:auto}.landing-nav{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.landing-nav>div{align-items:center;gap:12px;display:flex}.ghost-link{color:var(--on-surface-variant);background:0 0;border:0;padding:12px 16px;font-weight:900;text-decoration:none}.ghost-link:hover{color:var(--primary)}.landing-hero{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);align-items:center;gap:clamp(32px,6vw,80px);padding-block:clamp(48px,8vw,96px);display:grid}.landing-copy h1{max-width:760px;color:var(--on-surface);font-family:var(--heading-font);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.8rem,5.8vw,5.5rem);font-weight:900;line-height:1}.landing-copy>p:not(.eyebrow){max-width:640px;color:var(--on-surface-variant);margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.landing-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.landing-preview{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--radius-panel);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-board) 96%, transparent), color-mix(in srgb, var(--surface-container-lowest) 98%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 2%, transparent), 0 18px 34px color-mix(in srgb, var(--black) 20%, transparent);padding:clamp(28px,5vw,42px);position:relative;overflow:hidden}.landing-preview h2{color:var(--on-surface);font-family:var(--heading-font);margin:22px 0 18px;font-size:clamp(2rem,4vw,3rem);line-height:1;position:relative}.landing-preview ol{color:var(--on-surface-variant);gap:16px;margin:0;padding-left:24px;font-weight:700;line-height:1.6;display:grid;position:relative}.landing-preview-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.landing-preview-text-link{padding-inline:0}.landing-preview li::marker{color:var(--primary);font-weight:900}@media (width<=1020px){.landing-hero{grid-template-columns:1fr}}@media (width<=760px){.landing-nav{flex-direction:column;align-items:flex-start;padding-block:20px}.landing-nav>div{flex-direction:column;align-items:stretch;width:100%}.landing-actions{flex-direction:column}.landing-preview-links{flex-direction:column;align-items:flex-start}}@media (width<=520px){:is(html:has(.landing-shell),body:has(.landing-shell)){min-width:0}.landing-nav,.landing-hero{width:min(100% - 24px,1200px)}}.metric-row{border-radius:var(--radius-soft);background:color-mix(in srgb, var(--surface-container-high) 86%, transparent);justify-content:space-between;gap:16px;padding:13px 14px;display:flex}.metric-row span{color:var(--on-surface-variant)}.metric-row strong{color:var(--primary)}.metric-row .danger-text{color:var(--error)}.streak-emblem{--streak-size:32px;--streak-count-size:.9rem;--streak-count-top:67%;isolation:isolate;flex:none;align-items:center;display:inline-flex}.streak-emblem--regular{--streak-size:66px;--streak-count-size:1.34rem;--streak-count-top:64%}.streak-emblem__mark{width:var(--streak-size);height:calc(var(--streak-size) * 1.18);flex:none;display:block;position:relative;overflow:visible}.streak-emblem__flame-image{object-fit:contain;object-position:center;width:100%;height:100%;filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--black) 20%, transparent));display:block;position:absolute;inset:0}.streak-emblem__count{left:50%;top:var(--streak-count-top);z-index:1;color:color-mix(in srgb, var(--white) 94%, var(--tertiary) 6%);text-shadow:0 1px 2px color-mix(in srgb, var(--black) 72%, transparent), 0 0 8px color-mix(in srgb, var(--black) 28%, transparent);font-family:var(--body-font);font-size:var(--streak-count-size);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:900;line-height:1;position:absolute;transform:translate(-50%,-50%)}.streak-emblem[data-empty=true] .streak-emblem__flame-image{opacity:.5}.streak-emblem[data-empty=true] .streak-emblem__count{opacity:.85}.supporter-badge{isolation:isolate;border:1px solid color-mix(in srgb, var(--primary) 38%, transparent);border-radius:var(--radius-pill);color:var(--primary);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 15%, transparent), color-mix(in srgb, var(--surface-panel-strong) 88%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white) 5%, transparent), 0 0 18px color-mix(in srgb, var(--primary) 10%, transparent);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;padding:.34rem .72rem;font-size:.64rem;font-weight:900;line-height:1;display:inline-flex;position:relative}.supporter-badge__label{z-index:1;position:relative}.supporter-badge.is-compact{padding:.26rem .56rem;font-size:.58rem}.supporter-badge.is-animated-frame{color:#ffe27a;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white) 6%, transparent), 0 0 6px #ffd54a7a, 0 0 14px #ffd54a2e;border-color:#ffd54a}.supporter-badge.is-animated-frame:before,.supporter-badge.is-animated-frame:after{content:none}.user-avatar{isolation:isolate;border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:var(--radius-image);color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);box-shadow:inset 0 0 18px color-mix(in srgb, var(--primary) 8%, transparent), 0 0 18px color-mix(in srgb, var(--primary) 14%, transparent);place-items:center;padding:1px;display:inline-grid;position:relative}.user-avatar__inner{z-index:1;background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:7px;place-items:center;width:100%;height:100%;display:inline-grid;position:relative;overflow:hidden}.user-avatar--leaderboard{width:36px;height:36px}.user-avatar--header{border-radius:6px;width:24px;height:24px}.user-avatar--header .user-avatar__inner{border-radius:5px}.user-avatar--card{width:50px;height:50px}.user-avatar--hero{width:122px;height:122px}.user-avatar img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.user-avatar__initials{font-family:var(--heading-font);font-size:.72rem;font-weight:900;line-height:1}.user-avatar--header .user-avatar__initials{font-size:.55rem}.user-avatar--card .user-avatar__initials{font-size:1rem}.user-avatar--hero .user-avatar__initials{font-size:2.45rem}.user-avatar.is-premium{border:2px solid #ffd54a;padding:0;box-shadow:inset 0 0 12px #ffd54a1a,0 0 6px #ffd54a8a,0 0 14px #ffd54a33}.user-avatar--header.is-premium{border-width:1px}.user-avatar.is-premium:before,.user-avatar.is-premium:after{content:none}.user-avatar.is-premium .user-avatar__inner{background:radial-gradient(circle at 28% 18%, color-mix(in srgb, var(--white) 10%, transparent), transparent 22%), color-mix(in srgb, var(--surface-container-lowest) 94%, transparent)}.loading-overlay{z-index:60;background:color-mix(in srgb, var(--surface-deep) 56%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-overlay-card{border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-radius:var(--radius-panel);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-container-high) 96%, transparent), color-mix(in srgb, var(--surface-elevated) 97%, transparent));width:min(340px,100vw - 32px);box-shadow:0 28px 64px color-mix(in srgb, var(--black) 34%, transparent);text-align:center;justify-items:center;gap:10px;padding:24px 26px 22px;display:grid}.loading-overlay-logo{width:64px;height:64px;box-shadow:0 18px 34px color-mix(in srgb, var(--primary-container) 18%, transparent);object-fit:contain;border-radius:0;animation:1.35s ease-in-out infinite loading-overlay-pulse;display:block}.loading-overlay-kicker{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin:2px 0 0;font-size:.76rem;font-weight:900}.loading-overlay-card h2{color:var(--on-surface);font-family:var(--heading-font);letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,4.6vw,2rem);font-weight:900;line-height:.96}.loading-overlay-card p:last-child{color:color-mix(in srgb, var(--on-surface) 78%, transparent);margin:0;font-size:.96rem;font-weight:700;line-height:1.5}@keyframes loading-overlay-pulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.prerender-nav{flex-wrap:wrap;gap:12px;padding-block:12px}.prerender-nav a{text-decoration:none}.prerender-nav .main-nav{flex-wrap:wrap;margin-left:0}.informational-page{gap:24px;display:grid}.informational-hero,.informational-card{border-radius:var(--radius-panel);padding:clamp(22px,4vw,34px)}.informational-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.informational-hero h1,.informational-card h2,.informational-card h3{color:var(--on-surface);font-family:var(--heading-font);margin:0}.informational-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.92}.informational-hero-copy p:last-child{max-width:720px;margin:18px 0 0;font-size:1rem}.informational-hero-actions{gap:12px;display:grid}.informational-action-button{justify-content:center;align-items:center;min-width:220px;text-decoration:none;display:inline-flex}.informational-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.informational-card{gap:16px;display:grid}.informational-card h2{font-size:1.9rem;line-height:1}.informational-card p,.informational-card li{color:var(--on-surface-variant);font-weight:700;line-height:1.65}.informational-list{gap:12px;margin:0;padding-left:20px;display:grid}.informational-list li::marker{color:var(--primary)}.informational-faq{gap:14px;display:grid}.informational-faq-item{border:1px solid color-mix(in srgb, var(--primary) 14%, transparent);border-radius:calc(var(--radius-panel) - 10px);background:color-mix(in srgb, var(--surface-board) 76%, transparent);padding:18px 20px}.informational-faq-item h3{margin-bottom:10px;font-size:1.1rem}.informational-faq-item p{margin:0}@media (width<=840px){.informational-hero,.informational-grid{grid-template-columns:1fr}.informational-hero-actions{width:100%}.informational-action-button{width:100%;min-width:0}}
