.v4-eyebrow{margin:0 0 .3rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.v4-muted{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.5}.v4-actions{display:flex;flex-wrap:wrap;gap:.6rem}.v4-stack{display:grid;gap:1rem}.v4-row{display:flex;align-items:center;gap:.75rem}.v4-grow{flex:1 1 auto;min-width:0}.v4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.v4-page{display:grid;gap:1rem}.v4-page>*{min-width:0}.v4-error-card{display:grid;justify-items:center;gap:.5rem;padding:2rem 1.25rem;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.v4-error-card h2{margin:.25rem 0 0;font:650 1.3rem var(--font-display)}.v4-error-card p{max-width:34rem;margin:0;color:var(--text-muted);line-height:1.55}.v4-error-orb{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;color:var(--accent);background:var(--accent-soft);font-size:1.5rem}.v4-error-card .v4-actions{justify-content:center;margin-top:.6rem}.v4-empty{display:grid;justify-items:center;gap:.45rem;padding:1rem .5rem 1.25rem;text-align:center}.v4-empty h3{margin:.3rem 0 0;font:650 1.25rem var(--font-display)}.v4-empty p{max-width:32rem;margin:0 0 .6rem;color:var(--text-muted);line-height:1.55}.v4-friends-art{width:min(260px,80%);height:auto}.v4-art-float{animation:v4-float 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.v4-art-delay{animation-delay:-1.2s}.v4-art-delay2{animation-delay:-2.2s}.v4-heartbeat{animation:v4-beat 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes v4-float{50%{transform:translateY(-5px)}}@keyframes v4-beat{50%{transform:scale(1.18)}}.v4-invite-card{display:grid;gap:1rem;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),linear-gradient(145deg,var(--surface-elevated),var(--surface))}.v4-invite-code{margin:0 0 .35rem;font:800 clamp(2.2rem,9vw,3.4rem)/1 var(--font-display);letter-spacing:.18em;font-variant-numeric:tabular-nums;color:var(--text)}.v4-join-form{display:grid;gap:.4rem;padding-top:.9rem;border-top:1px solid var(--border)}.v4-join-form label{color:var(--text-muted);font-size:.84rem;font-weight:650}.v4-join-form>div{display:flex;gap:.6rem}.v4-join-form input{flex:1 1 auto;min-width:0;min-height:46px;text-transform:uppercase;letter-spacing:.12em}.v4-menu{position:relative}.v4-menu summary{display:grid;place-items:center;width:44px;height:32px;margin:0 auto;list-style:none;border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:1.1rem}.v4-menu summary::-webkit-details-marker{display:none}.v4-menu>div{display:grid;gap:.2rem;margin-top:.3rem}.v4-menu button{min-height:40px;border:0;border-radius:10px;background:var(--surface-sunken);color:var(--text-muted);cursor:pointer;font:inherit;font-size:.8rem}.v4-name-card summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.v4-name-card form{display:grid;gap:.5rem;margin-top:.8rem}.friend-person-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem 0;border-top:1px solid var(--border)}.friend-person-row>div{display:flex;align-items:center;gap:.4rem}.friend-person-row .game-button{min-height:40px;padding:.4rem .8rem}@media (max-width: 520px){.friend-person-row{grid-template-columns:44px minmax(0,1fr)}.friend-person-row>div{grid-column:1 / -1;justify-content:flex-end}}@media (prefers-reduced-motion: reduce){.v4-art-float,.v4-heartbeat{animation:none}}:root:not([data-theme=dark]) .hc-flame{color:#9a4d00}:root:not([data-theme=dark]) .hd-stats strong,:root:not([data-theme=dark]) .pl-presc strong,:root:not([data-theme=dark]) .pl-timer strong{color:color-mix(in srgb,var(--hc, var(--accent)) 45%,#14231a)}:root:not([data-theme=dark]) .sk-shelf li.soon .sk-pao{color:#8a5a00}:root:not([data-theme=dark]) .st-danger-btn{color:#b3261e;border-color:#b3261e}:root:not([data-theme=dark]) .sk-myth span{color:#a3345f}:root:not([data-theme=dark]) .sp-records strong,:root:not([data-theme=dark]) .v4-eyebrow{color:var(--accent-dark, var(--accent))}:root:not([data-theme=dark]) .game-button-primary{color:#fff}:root:not([data-theme=dark]) .hc-gain{color:#14231a}.ht-hero{display:flex;align-items:center;gap:1rem;padding:.25rem .1rem}.ht-hero h1{margin:0;font:650 clamp(2rem,8vw,2.8rem)/1.05 var(--font-display);letter-spacing:-.03em}.ht-ring>span{font-size:1.05rem}.ht-group h2{display:flex;align-items:center;gap:.45rem;margin:.4rem 0 .6rem;font:650 1.05rem var(--font-body);color:var(--text)}.ht-group h2 em{margin-left:auto;padding:.1rem .55rem;border-radius:999px;background:var(--surface-sunken);color:var(--text-muted);font-size:.76rem;font-style:normal;font-variant-numeric:tabular-nums}.ht-list{display:grid;gap:.6rem}.ht-bar{position:sticky;bottom:calc(5.4rem + env(safe-area-inset-bottom));z-index:5;padding:.6rem;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}.ht-bar .game-button{flex:1 1 0}.ht-note{text-align:center}.ht-empty{display:grid;justify-items:center;gap:.6rem;text-align:center}.ht-empty h2{margin:0;font:650 1.4rem var(--font-display)}.ht-empty-art{font-size:3rem;animation:v4-float 3.4s ease-in-out infinite}.ht-week summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.ht-week-grid{display:grid;gap:.35rem;overflow-x:auto;padding-bottom:.25rem}.ht-week-row{display:grid;grid-template-columns:minmax(140px,1fr) repeat(7,40px);align-items:center;gap:.3rem;min-width:440px}.ht-week-head{color:var(--text-muted);font-size:.72rem;text-align:center}.ht-week-head .today{color:var(--accent);font-weight:800}.ht-week-name{min-height:44px;border:0;background:none;color:var(--text);font:inherit;font-size:.88rem;text-align:left;cursor:pointer}.hc{--hc: #a6d58b;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem .6rem .55rem .35rem;border:1px solid color-mix(in srgb,var(--hc) 24%,var(--border));border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--hc) 11%,var(--surface-elevated)),var(--surface));box-shadow:var(--shadow-sm);transition:transform var(--motion-base) var(--spring),border-color var(--motion-base),background var(--motion-base)}.hc.is-done{border-color:color-mix(in srgb,var(--hc) 60%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--hc) 24%,var(--surface-elevated)),var(--surface))}.hc.is-muted{opacity:.72}.hc-main{display:flex;align-items:center;gap:.75rem;min-width:0;min-height:60px;padding:.2rem .4rem;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:16px}.hc-icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:16px;background:color-mix(in srgb,var(--hc) 22%,var(--surface-sunken));font-size:1.5rem}.hc-text{display:grid;gap:.15rem;min-width:0}.hc-text strong{font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}.hc-text small{display:flex;flex-wrap:wrap;gap:.2rem .6rem;color:var(--text-muted);font-size:.76rem}.hc-flame{display:inline-flex;align-items:center;gap:.15rem;color:#ffb36b;font-weight:750;font-variant-numeric:tabular-nums}.hc-mini{color:var(--text-muted)}.hc-check{position:relative;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--hc);cursor:pointer;-webkit-tap-highlight-color:transparent}.hc-check>svg:first-child{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:56px;height:56px;transform:rotate(-90deg)}.hc-ring-track,.hc-ring-value{fill:none;stroke-width:4}.hc-ring-track{stroke:color-mix(in srgb,var(--hc) 18%,var(--surface-sunken))}.hc-ring-value{stroke:var(--hc);stroke-linecap:round;transition:stroke-dashoffset .6s var(--spring)}.hc-tick{position:relative;width:26px;height:26px;fill:none;stroke:transparent;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}.hc-check:before{position:absolute;top:9px;right:9px;bottom:9px;left:9px;content:"";border-radius:50%;border:2px solid color-mix(in srgb,var(--hc) 55%,var(--border-strong));transition:all var(--motion-base) var(--spring)}.hc-check:active:before{transform:scale(.88)}.hc.is-done .hc-check:before{top:7px;right:7px;bottom:7px;left:7px;background:var(--hc);border-color:var(--hc);box-shadow:0 0 0 5px color-mix(in srgb,var(--hc) 20%,transparent),0 6px 20px color-mix(in srgb,var(--hc) 40%,transparent);animation:hc-pop .46s var(--spring)}.hc.is-done .hc-tick{stroke:#17221b;stroke-dashoffset:0;transition:stroke-dashoffset .38s .08s var(--spring)}@keyframes hc-pop{0%{transform:scale(.7)}55%{transform:scale(1.22)}to{transform:scale(1)}}.hc-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hc-burst i{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:var(--hc);opacity:0;animation:hc-burst .62s ease-out forwards}.hc-burst i:nth-child(2n){background:var(--accent);width:5px;height:5px}@keyframes hc-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-40px) scale(.4)}}.hc-gain{position:absolute;right:8px;top:-6px;z-index:3;padding:.15rem .5rem;border-radius:999px;background:var(--hc);color:#17221b;font-size:.78rem;font-weight:850;pointer-events:none;animation:hc-gain 1.1s var(--spring) forwards}@keyframes hc-gain{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.day-closure{position:relative;overflow:hidden;display:grid;justify-items:center;gap:.35rem;padding:1.5rem 1rem;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),var(--surface-elevated);animation:v4-rise .52s var(--spring) both}.day-closure h2{margin:.2rem 0 0;font:650 1.6rem var(--font-display)}.day-closure p{max-width:30rem;margin:0;color:var(--text-muted);line-height:1.55}.dc-mascot{width:96px;animation:v4-float 3.2s ease-in-out infinite}.dc-mascot svg{width:100%;height:auto}.dc-confetti i{position:absolute;top:-12px;left:calc(var(--i) * 7.2%);width:8px;height:14px;border-radius:3px;background:hsl(calc(var(--i) * 41),75%,70%);opacity:0;animation:dc-fall 2.6s calc(var(--i) * 90ms) ease-in both}@keyframes dc-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(210px) rotate(380deg)}}@keyframes v4-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.v4-back{align-self:start;min-height:44px;padding:0 .4rem;border:0;background:none;color:var(--text-muted);font:inherit;cursor:pointer}.hd{--hc: #a6d58b}.hd-hero{display:flex;align-items:center;gap:1rem;padding:1.1rem;border:1px solid color-mix(in srgb,var(--hc) 40%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--hc) 24%,transparent),transparent 60%),var(--surface-elevated)}.hd-hero h1{margin:0;font:650 1.55rem/1.15 var(--font-display);overflow-wrap:anywhere}.hd-icon{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border-radius:22px;background:color-mix(in srgb,var(--hc) 26%,var(--surface-sunken));font-size:2rem}.hd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.hd-stats>div{display:grid;gap:.1rem;padding:.85rem .5rem;text-align:center;border:1px solid var(--border);border-radius:20px;background:var(--surface-elevated)}.hd-stats strong{color:var(--hc);font:800 clamp(1.7rem,7vw,2.4rem)/1 var(--font-display);font-variant-numeric:tabular-nums}.hd-stats span{color:var(--text-muted);font-size:.72rem}.hd-field{display:grid;gap:.4rem;margin-bottom:.9rem;color:var(--text-muted);font-size:.86rem;font-weight:600}.hd-field input{min-height:46px}.hd-toggle{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.9rem;padding:.75rem;border-radius:16px;background:var(--surface-sunken);cursor:pointer}.hd-toggle input{width:22px;height:22px;margin-top:.1rem;accent-color:var(--accent)}.hd-toggle span{display:grid;gap:.15rem}.hd-toggle small{color:var(--text-muted)}.hd-note{display:grid;gap:.6rem}.hd-more{min-height:44px;border:0;background:none;color:var(--accent);font:inherit;font-weight:650;cursor:pointer}.seg{display:flex;gap:.4rem}.seg.wrap{flex-wrap:wrap}.seg button,.chip-row button{min-height:44px;flex:1 1 0;padding:.4rem .7rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-sunken);color:var(--text-muted);font:inherit;font-size:.84rem;font-weight:650;cursor:pointer;transition:all var(--motion-fast)}.seg.days button{flex:1 1 0;padding:.4rem 0}.seg button.on,.chip-row button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.swatches{display:flex;flex-wrap:wrap;gap:.6rem}.swatches button{width:40px;height:40px;border:3px solid transparent;border-radius:50%;cursor:pointer}.swatches button.on{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.icon-grid button{min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface-sunken);font-size:1.25rem;cursor:pointer}.icon-grid button.on{border-color:var(--accent);background:var(--accent-soft)}.hd-custom{display:grid;gap:.8rem}.wiz-steps{display:flex;gap:.35rem;margin:0 0 1rem}.wiz-steps span{flex:1;height:5px;border-radius:99px;background:var(--surface-sunken)}.wiz-steps span.on{background:var(--accent)}.wiz-list{display:grid;gap:.45rem;margin-top:.6rem}.wiz-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:54px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-sunken);color:var(--text);font:inherit;text-align:left;cursor:pointer}.wiz-item:disabled{opacity:.55;cursor:default}.wiz-item>span:first-child{font-size:1.4rem}.wiz-item small{display:block;color:var(--text-muted);font-size:.74rem}.wiz-item em{color:var(--accent);font-style:normal;font-weight:800;font-size:1.1rem}.chip-row{display:flex;gap:.4rem;margin:.6rem 0;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}.chip-row button{flex:0 0 auto;min-height:40px}.pack-row{display:flex;gap:.7rem;overflow-x:auto;padding:.2rem .1rem .6rem;scroll-snap-type:x proximity;scrollbar-width:none}.pack{--hc: #a6d58b;flex:0 0 168px;display:grid;align-content:start;gap:.4rem;scroll-snap-align:start;padding:.9rem;border:1px solid color-mix(in srgb,var(--hc) 40%,var(--border));border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--hc) 16%,var(--surface-elevated)),var(--surface));color:var(--text);font:inherit;text-align:left}.pack-button{cursor:pointer}.pack-icon{font-size:1.8rem}.pack small{color:var(--text-muted);line-height:1.4}.pack .game-button{min-height:40px;margin-top:.2rem}.hm{display:grid;grid-template-columns:auto 1fr;gap:.4rem .5rem}.hm-labels{display:grid;grid-template-rows:repeat(7,1fr);gap:4px;color:var(--text-faint);font-size:.62rem;text-align:center}.hm-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.hm-col{display:grid;grid-template-rows:repeat(7,1fr);gap:4px}.hm-cell{display:block;width:100%;aspect-ratio:1;min-height:12px;border-radius:5px;background:var(--surface-sunken);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.hm-cell.done{border-color:transparent;background:var(--hc)}.hm-cell.rest{background:repeating-linear-gradient(135deg,transparent 0 3px,color-mix(in srgb,var(--border-strong) 50%,transparent) 3px 4px)}.hm-cell.done.rest{background:var(--hc)}.hm-cell.future{opacity:.25}.hm-cell.today{outline:2px solid var(--accent);outline-offset:1px}.hm-legend{grid-column:1 / -1;display:flex;gap:1rem;color:var(--text-muted);font-size:.72rem}.hm-legend span{display:inline-flex;align-items:center;gap:.3rem}.hm-legend .hm-cell{width:12px;min-height:12px;display:inline-block}@media (min-width: 720px){.pack-row{flex-wrap:wrap;overflow:visible}.pack{flex-basis:200px}.ht-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.hc.is-done .hc-check:before,.hc-burst i,.hc-gain,.dc-mascot,.dc-confetti i,.day-closure,.ht-empty-art{animation:none}.hc-gain{display:none}}.skin-v4{--skin-a: #d6a9dc;--skin-b: #f0a3c0}.sk-hero{display:flex;align-items:center;gap:1rem;padding:1.15rem;border:1px solid color-mix(in srgb,var(--skin-a) 35%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--skin-b) 26%,transparent),transparent 55%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--skin-a) 18%,transparent),transparent 55%),var(--surface-elevated)}.sk-hero h1{margin:0;font:650 clamp(2rem,8vw,2.7rem)/1.05 var(--font-display);letter-spacing:-.03em}.sk-ring .progress-ring-value{stroke:var(--skin-b)}.sk-tabs button{display:grid;gap:.1rem;min-height:56px}.sk-tabs button small{color:var(--text-muted);font-size:.7rem;font-weight:600}.sk-tabs button.on{border-color:var(--skin-b);background:color-mix(in srgb,var(--skin-b) 16%,var(--surface-sunken))}.sk-empty{display:grid;justify-items:center;gap:.6rem;text-align:center}.sk-empty h2{margin:0;font:650 1.35rem var(--font-display)}.sk-steps{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.sk-step{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--skin-a) 25%,var(--border));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--skin-a) 10%,var(--surface-elevated)),var(--surface));animation:v4-rise .42s var(--spring) both}.sk-step:nth-child(2){animation-delay:60ms}.sk-step:nth-child(3){animation-delay:.12s}.sk-step:nth-child(4){animation-delay:.18s}.sk-step:nth-child(n+5){animation-delay:.22s}.sk-step.is-done{border-color:color-mix(in srgb,var(--skin-b) 55%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--skin-b) 20%,var(--surface-elevated)),var(--surface))}.sk-art{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:color-mix(in srgb,var(--skin-a) 18%,var(--surface-sunken));animation:sk-sway 5s ease-in-out infinite}.sk-art svg{width:56px;height:56px}.sk-num{position:absolute;top:-6px;left:-6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--skin-b);color:#2a1a22;font-size:.75rem;font-weight:850}@keyframes sk-sway{50%{transform:rotate(-3deg) translateY(-2px)}}.sk-body{display:grid;gap:.3rem;min-width:0}.sk-body p{margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.45}.sk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.sk-tip{color:var(--text-faint);font-size:.76rem;line-height:1.4}.sk-timer{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.3rem .8rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-sunken);color:var(--text);font:inherit;font-size:.78rem;font-weight:650;cursor:pointer}.sk-timer.running{min-width:150px;justify-content:space-between;cursor:default}.sk-timer-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--skin-b) 30%,transparent);transition:width 1s linear}.sk-timer-label{position:relative;font-variant-numeric:tabular-nums}.sk-timer.running button{position:relative;border:0;background:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.sk-check{position:relative;display:grid;place-items:center;width:52px;height:52px;padding:0;border:2px solid color-mix(in srgb,var(--skin-b) 60%,var(--border-strong));border-radius:50%;background:transparent;cursor:pointer;transition:all var(--motion-base) var(--spring)}.sk-check svg{width:24px;height:24px;fill:none;stroke:transparent;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .36s var(--spring)}.sk-check[aria-pressed=true]{background:var(--skin-b);border-color:var(--skin-b);box-shadow:0 0 0 5px color-mix(in srgb,var(--skin-b) 22%,transparent);animation:hc-pop .44s var(--spring)}.sk-check[aria-pressed=true] svg{stroke:#2a1a22;stroke-dashoffset:0}.sk-cal{display:grid;grid-template-columns:repeat(14,1fr);gap:5px}.sk-cal i{aspect-ratio:1;border-radius:6px;background:var(--surface-sunken);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.sk-cal i.l1{background:color-mix(in srgb,var(--skin-b) 38%,var(--surface-sunken));border-color:transparent}.sk-cal i.l2{background:var(--skin-b);border-color:transparent}.sk-cal i.today{outline:2px solid var(--accent);outline-offset:1px}.sk-tip-card{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--skin-a) 22%,transparent),transparent 60%),var(--surface-elevated)}.sk-tip-text{margin:0;font:600 1.15rem/1.4 var(--font-display)}.sk-bar>*{flex:1 1 0}.sk-manage{display:grid;gap:.3rem;margin:0 0 1rem;padding:0;list-style:none}.sk-manage li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border)}.sk-custom{display:grid;gap:.5rem}.chip-row.wrap{flex-wrap:wrap;overflow:visible}.sk-accordion{padding-block:.4rem}.sk-acc-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0;border:0;background:none;color:var(--text);font:inherit;cursor:pointer;text-align:left}.sk-acc-head h2{margin:0;font:650 1.1rem var(--font-body)}.sk-acc-head span{color:var(--accent);font-size:1.4rem}.sk-acc-body{padding:.4rem 0 1rem;animation:v4-rise .3s var(--spring) both}.sk-myth{display:grid;gap:.3rem;padding:.85rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-sunken)}.sk-myth.featured{border-color:color-mix(in srgb,var(--skin-b) 50%,var(--border))}.sk-myth span{color:var(--skin-b);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sk-myth p{margin:0;font-style:italic;color:var(--text-muted)}.sk-myth strong{font-weight:600;line-height:1.45}.sk-glossary{display:grid;gap:.6rem;margin:0}.sk-glossary dt{font-weight:700}.sk-glossary dd{margin:.1rem 0 0;color:var(--text-muted);line-height:1.5}.sk-shelf{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.sk-shelf li{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-sunken)}.sk-shelf small{display:block;color:var(--text-muted)}.sk-shelf .sk-pao{color:var(--text-muted);font-size:.76rem;white-space:nowrap}.sk-shelf li.soon .sk-pao{color:#f1bf76}.sk-shelf li.expired .sk-pao{color:var(--accent)}.sk-shelf-form{display:grid;gap:.2rem}.sk-safe{margin:0;padding:.8rem 1rem;border-left:3px solid var(--skin-a);border-radius:0 14px 14px 0;background:var(--surface-sunken);color:var(--text-muted);font-size:.8rem;line-height:1.5}.sk-question{margin:0;font:650 1.2rem/1.35 var(--font-display)}.sk-result{padding:1rem;border:1px solid color-mix(in srgb,var(--skin-b) 40%,var(--border));border-radius:20px;background:color-mix(in srgb,var(--skin-b) 10%,var(--surface-sunken))}.sk-result h3{margin:0 0 .3rem;font:650 1.3rem var(--font-display)}.sk-result p{margin:.2rem 0;line-height:1.5}.sk-preview{display:flex;gap:1rem;margin:.7rem 0;padding:0;list-style:none;color:var(--text-muted)}@media (max-width: 420px){.sk-step{grid-template-columns:64px minmax(0,1fr) auto}.sk-art{width:64px;height:64px}.sk-art svg{width:48px;height:48px}.sk-check{width:48px;height:48px}}@media (prefers-reduced-motion: reduce){.sk-step,.sk-art,.sk-acc-body,.sk-check[aria-pressed=true]{animation:none}}.ex-art{display:block;max-width:100%;height:auto}.ex-limb{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ex-head{fill:var(--text)}.ex-floor{stroke:var(--border-strong);stroke-width:2;stroke-linecap:round}.ex-weight{fill:var(--text-muted)}.ex-art.is-moving .ex-pose-a{animation:ex-a 2.2s ease-in-out infinite}.ex-art.is-moving .ex-pose-b{animation:ex-b 2.2s ease-in-out infinite}@keyframes ex-a{0%,38%{opacity:1}50%,88%{opacity:0}to{opacity:1}}@keyframes ex-b{0%,38%{opacity:0}50%,88%{opacity:1}to{opacity:0}}.sp-today{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),var(--surface-elevated);box-shadow:var(--shadow-md)}.sp-today-art{display:grid;place-items:center;width:150px;height:150px;border-radius:28px;background:var(--surface-sunken)}.sp-today-body{display:grid;gap:.5rem;min-width:0}.sp-today-body h2{margin:0;font:650 clamp(1.5rem,6vw,2rem)/1.1 var(--font-display)}.sp-chips{display:flex;flex-wrap:wrap;gap:.4rem}.sp-filters{display:grid;gap:.1rem}.sp-grid{display:grid;gap:.6rem;margin-top:.4rem}.sp-card{display:flex;align-items:center;gap:.8rem;padding:.6rem;border:1px solid var(--border);border-radius:20px;background:var(--surface-sunken);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--motion-fast),border-color var(--motion-fast)}.sp-card:hover{border-color:var(--accent);transform:translateY(-1px)}.sp-card-art{display:grid;place-items:center;flex:0 0 auto;width:72px;height:72px;border-radius:16px;background:var(--surface)}.sp-card-text{display:grid;gap:.15rem;min-width:0}.sp-card-text small{color:var(--text-muted);font-size:.76rem}.sp-program{display:grid;gap:.4rem;padding:.8rem 0;border-top:1px solid var(--border)}.sp-records,.sp-history{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.sp-records li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .8rem;border-radius:14px;background:var(--surface-sunken)}.sp-records strong{color:var(--accent);font-variant-numeric:tabular-nums}.sp-history li{display:flex;align-items:center;gap:.6rem;padding:.5rem .2rem;border-bottom:1px solid var(--border)}.sp-history small{display:block;color:var(--text-muted)}.sp-custom summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.sp-preview{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.sp-preview li{display:flex;align-items:center;gap:.7rem;padding:.35rem .5rem;border-radius:14px;background:var(--surface-sunken)}.sp-preview small{display:block;color:var(--text-muted)}.pg-grid{display:grid;gap:.6rem;margin-top:.6rem}.pg-card{--pc: var(--accent);display:flex;align-items:center;gap:.8rem;padding:.75rem;border:1px solid var(--border);border-left:4px solid var(--pc);border-radius:18px;background:var(--surface-sunken);color:var(--text);font:inherit;text-align:left;cursor:pointer}.pg-card:hover{border-color:var(--pc)}.pg-coral{--pc: #ff927b}.pg-amber{--pc: #f1bf76}.pg-rose{--pc: #f0a3c0}.pg-lilac{--pc: #c59bed}.pg-sky{--pc: #7bc4ea}.pg-teal{--pc: #8bc9bb}.pg-green{--pc: #a6d58b}.pg-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--pc) 20%,var(--surface));font-size:1.5rem}.pg-text{display:grid;gap:.1rem;min-width:0;flex:1 1 auto}.pg-text small{color:var(--text-muted);font-size:.76rem}.pg-active{display:grid;gap:.8rem;padding:1rem 0;border-top:1px solid var(--border)}.pg-step{display:grid;gap:.4rem;padding:.9rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:18px;background:var(--accent-soft)}.pg-step h3{margin:0;font:650 1.15rem var(--font-display)}.pg-step p{margin:0;line-height:1.5}.pg-today-done{margin:0;padding:.8rem 1rem;border-radius:16px;background:color-mix(in srgb,#a6d58b 16%,var(--surface-sunken));color:var(--text)}.pg-steps{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.pg-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:.6rem;padding:.5rem .6rem;border-radius:14px;background:var(--surface-sunken)}.pg-steps li.now{outline:2px solid var(--accent)}.pg-steps li.done{opacity:.65}.pg-steps small{display:block;color:var(--text-muted);line-height:1.45}.pg-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface);font-size:.78rem;font-weight:800;color:var(--text-muted)}.player{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),var(--bg);animation:v4-rise .28s var(--spring) both}.pl-top{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}.pl-close{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface-sunken);color:var(--text);font-size:1.1rem;cursor:pointer}.pl-progress{flex:1 1 auto;height:8px;overflow:hidden;border-radius:99px;background:var(--surface-sunken)}.pl-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ffc09f);transition:width .4s var(--spring)}.pl-time{min-width:52px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.pl-main{flex:1 1 auto;display:grid;align-content:start;justify-items:center;gap:.6rem;width:min(100%,560px);margin:0 auto;padding:.4rem 1.2rem 1rem;text-align:center}.pl-art{display:grid;place-items:center;width:min(78vw,270px);aspect-ratio:1;border-radius:36px;background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-md)}.pl-main h1{margin:.2rem 0 0;font:650 clamp(1.7rem,7vw,2.3rem)/1.1 var(--font-display)}.pl-presc{display:grid;gap:.1rem;margin:0}.pl-presc strong{font:800 clamp(2rem,9vw,2.8rem)/1 var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}.pl-presc span{color:var(--text-muted);font-size:.84rem}.pl-dots{display:flex;gap:.45rem}.pl-dots i{width:12px;height:12px;border-radius:50%;background:var(--surface-sunken);border:2px solid var(--border-strong)}.pl-dots i.done{background:var(--accent);border-color:var(--accent)}.pl-dots i.now{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.pl-cue{display:grid;gap:.15rem;max-width:30rem;margin:.2rem 0;color:var(--text);line-height:1.5}.pl-detail{display:grid;gap:.5rem;width:100%}.pl-detail p,.pl-detail ul{margin:0;padding:.7rem .9rem;border-radius:14px;background:var(--surface-sunken);color:var(--text-muted);text-align:left;line-height:1.5}.pl-detail ul{padding-left:1.9rem}.pl-foot{position:sticky;bottom:0;display:grid;gap:.5rem;width:min(100%,560px);margin:0 auto;padding:.8rem 1.2rem calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--bg) 70%,transparent)}.pl-main-btn{min-height:62px;font-size:1.1rem;border-radius:20px}.pl-timer{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:62px}.pl-timer strong{font:800 2.6rem/1 var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}.pl-secondary{display:flex;justify-content:space-around}.pl-secondary button{min-height:44px;padding:0 1rem;border:0;background:none;color:var(--text-muted);font:inherit;cursor:pointer}.player-rest{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,#8bc9bb 22%,transparent),transparent 60%),var(--bg)}.pl-rest-body{flex:1;display:grid;align-content:center;justify-items:center;gap:1rem;padding:1rem 1.2rem 2rem;text-align:center}.pl-rest-count{margin:0;font:800 clamp(5rem,26vw,8rem)/1 var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;animation:v4-beat 2s ease-in-out infinite}.pl-rest-count small{font-size:.3em;color:var(--text-muted)}.pl-next{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:22px;background:var(--surface-elevated);text-align:left}.pl-next>div{display:grid;gap:.1rem}.pl-next small{color:var(--text-muted)}.pl-sheet{position:fixed;z-index:95;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#050c08b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pl-sheet>div{display:grid;gap:.8rem;width:min(100%,560px);max-height:85svh;overflow:auto;padding:1.2rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--surface-elevated);border:1px solid var(--border)}.pl-sheet h2{margin:0;font:650 1.3rem var(--font-display)}.player-done{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 60%),var(--bg)}.pl-done-body{display:grid;justify-items:center;gap:.6rem;width:min(100%,520px);padding:1.5rem 1.2rem;text-align:center}.pl-done-body h1{margin:0;font:650 clamp(2rem,8vw,2.7rem)/1.05 var(--font-display)}.pl-medal{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:2.6rem;animation:hc-pop .7s var(--spring);box-shadow:0 0 0 10px var(--accent-soft)}.pl-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%;margin:.6rem 0}.pl-stats>div{padding:.8rem .5rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated)}.pl-stats dt{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.pl-stats dd{margin:.15rem 0 0;font:800 1.5rem var(--font-display);font-variant-numeric:tabular-nums}.pl-records{width:100%;padding:.8rem 1rem;border:1px solid color-mix(in srgb,#f3cb76 50%,var(--border));border-radius:18px;background:color-mix(in srgb,#f3cb76 10%,var(--surface-elevated));text-align:left}.pl-records p{margin:.25rem 0 0}@media (min-width: 720px){.sp-grid,.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-stats{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.sp-today{grid-template-columns:1fr;justify-items:start}.sp-today-art{width:100%;height:160px}}@media (prefers-reduced-motion: reduce){.ex-art.is-moving .ex-pose-a,.ex-art.is-moving .ex-pose-b,.pl-rest-count,.pl-medal,.player{animation:none}.ex-art.is-moving .ex-pose-b{opacity:0}}.next-action{display:grid;gap:.45rem;margin:1rem 0;padding:1.1rem 1.2rem;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),var(--surface-elevated);box-shadow:var(--shadow-md);animation:v4-rise .42s var(--spring) both}.next-action h2{margin:0;font:650 1.35rem/1.2 var(--font-display)}.next-action p{margin:0}.next-closure{padding:0;border:0;background:none;box-shadow:none}.st-page{display:grid;gap:1rem;max-width:760px;margin-inline:auto;padding-bottom:7rem}.st-profile{display:flex;align-items:center;gap:1rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 58%),radial-gradient(circle at 0% 100%,color-mix(in srgb,#8bc9bb 14%,transparent),transparent 55%),var(--surface-elevated);box-shadow:var(--shadow-md);animation:v4-rise .42s var(--spring) both}.st-avatar{display:grid;place-items:center;flex:0 0 auto;width:98px;height:98px;border-radius:50%;background:var(--surface-sunken);border:2px solid color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 6px var(--accent-soft);overflow:hidden}.st-profile h1{margin:0 0 .15rem;font:650 clamp(1.5rem,6vw,2rem)/1.1 var(--font-display);overflow-wrap:anywhere}.st-level{margin:0 0 .5rem;color:var(--text-muted);font-size:.9rem}.st-level strong{color:var(--text)}.st-list{display:grid;gap:.65rem}.st-section{--sc: var(--accent);border:1px solid var(--border);border-radius:22px;background:var(--surface-elevated);overflow:hidden;transition:border-color var(--motion-base),box-shadow var(--motion-base);animation:v4-rise .42s var(--spring) both}.st-section:nth-child(2){animation-delay:40ms}.st-section:nth-child(3){animation-delay:80ms}.st-section:nth-child(4){animation-delay:.12s}.st-section:nth-child(n+5){animation-delay:.16s}.st-section.open{border-color:color-mix(in srgb,var(--sc) 55%,var(--border));box-shadow:var(--shadow-md)}.st-green{--sc: #a6d58b}.st-lilac{--sc: #c59bed}.st-sky{--sc: #7bc4ea}.st-amber{--sc: #f1bf76}.st-teal{--sc: #8bc9bb}.st-coral{--sc: #ff927b}.st-rose{--sc: #f0a3c0}.st-head{display:flex;align-items:center;gap:.85rem;width:100%;min-height:68px;padding:.7rem .9rem;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.st-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:15px;background:color-mix(in srgb,var(--sc) 20%,var(--surface-sunken));font-size:1.35rem}.st-title{display:grid;gap:.1rem;flex:1 1 auto;min-width:0}.st-title strong{font-size:1rem}.st-title small{color:var(--text-muted);font-size:.78rem}.st-chev{color:var(--text-muted);font-size:1.6rem;transition:transform var(--motion-base) var(--spring)}.st-section.open .st-chev{transform:rotate(90deg);color:var(--sc)}.st-collapse{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s var(--spring),visibility 0s linear .32s}.st-section.open .st-collapse{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .32s var(--spring),visibility 0s}.st-inner{overflow:hidden;min-height:0}.st-body{display:grid;gap:.8rem;padding:.2rem .95rem 1.1rem;opacity:0;transform:translateY(-6px);transition:opacity .26s ease,transform .3s var(--spring)}.st-section.open .st-body{opacity:1;transform:none;transition-delay:70ms}.st-body .hd-field{margin-bottom:0}.st-form{display:grid;gap:.6rem}.st-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.st-theme{display:grid;justify-items:center;gap:.45rem;padding:.6rem .4rem;border:2px solid var(--border);border-radius:18px;background:var(--surface-sunken);color:var(--text);font:inherit;font-size:.84rem;font-weight:650;cursor:pointer;transition:border-color var(--motion-fast),transform var(--motion-fast)}.st-theme.active{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:translateY(-2px)}.st-theme-preview{display:grid;align-content:center;gap:5px;width:100%;height:62px;padding:8px;border-radius:12px}.st-theme-preview i{display:block;height:9px;border-radius:5px}.st-theme-preview i:first-child{width:60%}.st-theme-dark .st-theme-preview{background:#101a15}.st-theme-dark .st-theme-preview i{background:#2b3b31}.st-theme-dark .st-theme-preview i:first-child{background:#ff927b}.st-theme-light .st-theme-preview{background:#f6f1e7}.st-theme-light .st-theme-preview i{background:#ddd5c4}.st-theme-light .st-theme-preview i:first-child{background:#e0674f}.st-theme-auto .st-theme-preview{background:linear-gradient(110deg,#101a15 50%,#f6f1e7 50%)}.st-theme-auto .st-theme-preview i{background:#8a9a8d}.st-theme-auto .st-theme-preview i:first-child{background:#ff927b}.st-chips{display:flex;flex-wrap:wrap;gap:.5rem}.st-chip{flex:1 1 0;min-height:48px;padding:.4rem .9rem;border:2px solid var(--border);border-radius:16px;background:var(--surface-sunken);color:var(--text);font:inherit;font-weight:650;cursor:pointer;transition:border-color var(--motion-fast)}.st-chip.active{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 14%,var(--surface-sunken))}.st-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:60px;padding:.6rem .8rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-sunken);color:var(--text);font:inherit;text-align:left;cursor:pointer}.st-toggle:disabled{opacity:.5;cursor:default}.st-toggle-text{display:grid;gap:.15rem}.st-toggle-text small{color:var(--text-muted);font-size:.78rem;line-height:1.4}.st-switch{position:relative;flex:0 0 auto;width:52px;height:30px;border-radius:99px;background:var(--border-strong);transition:background var(--motion-base) var(--spring)}.st-switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000059;transition:transform var(--motion-base) var(--spring)}.st-toggle.on .st-switch{background:var(--sc, var(--accent))}.st-toggle.on .st-switch i{transform:translate(22px)}.st-time-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.st-info{display:grid;gap:.6rem}.st-info article{padding:.8rem .9rem;border-radius:16px;background:var(--surface-sunken);border-left:3px solid var(--sc)}.st-info p{margin:.25rem 0 0;color:var(--text-muted);line-height:1.5;font-size:.88rem}.st-danger{display:grid;gap:.5rem;padding:.9rem;border:1px solid color-mix(in srgb,#ff6b5a 55%,var(--border));border-radius:18px;background:color-mix(in srgb,#ff6b5a 8%,var(--surface-sunken))}.st-danger p{margin:0;color:var(--text-muted);line-height:1.5}.st-danger-btn{border-color:#ff8a7a;background:transparent;color:#ff9d90}.st-danger-btn:disabled{opacity:.45}.st-steps{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.st-steps li{display:grid;gap:.15rem;padding:.7rem .8rem;border-radius:14px;background:var(--surface-sunken)}.st-steps span{color:var(--text-muted);font-size:.88rem}.st-save{position:fixed;z-index:30;left:50%;bottom:calc(5.4rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(calc(100% - 2rem),520px);padding:.6rem .7rem .6rem 1rem;border:1px solid var(--border-strong);border-radius:20px;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .34s var(--spring),opacity .22s}.st-save.visible{transform:translate(-50%);opacity:1;pointer-events:auto}.st-save span{color:var(--text-muted);font-size:.84rem}@media (min-width: 861px){.st-save{bottom:1.5rem;left:calc(50% + 110px)}}@media (max-width: 420px){.st-profile{flex-direction:column;text-align:center}.st-profile .xp-bar{width:100%}.st-avatar{width:92px;height:92px}}@media (prefers-reduced-motion: reduce){.st-profile,.st-section,.st-collapse,.st-body,.st-chev,.st-save,.st-switch,.st-switch i{animation:none;transition:none}}[data-calm=true] *,[data-calm=true] *:before,[data-calm=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.pro-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 .45rem;border-radius:999px;background:linear-gradient(120deg,#f3cb76,#ff927b);color:#2a1a12;font-size:.64rem;font-weight:900;letter-spacing:.08em;vertical-align:middle}.pro-gate{position:relative;display:grid;gap:.8rem}.pro-gate-preview{position:relative;overflow:hidden;max-height:280px;border-radius:var(--radius-lg);filter:blur(5px) saturate(.8);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}.pro-gate-preview:not(:empty)+.lock-card{margin-top:-3.2rem;position:relative;z-index:1}.lock-card{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,#f3cb76 45%,var(--border));border-radius:22px;background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.lock-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:15px;background:color-mix(in srgb,#f3cb76 22%,var(--surface-sunken));font-size:1.3rem}.lock-text{flex:1 1 220px;min-width:0}.lock-text strong{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.lock-text p{margin:.2rem 0 0;color:var(--text-muted);font-size:.86rem;line-height:1.45}.lock-text .lock-hint{color:var(--text-faint);font-size:.76rem}.lock-card.compact{padding:.7rem .8rem;border-radius:16px}.lock-card.compact .lock-hint{display:none}.plans-hero h1{margin:0 0 .4rem;font:650 clamp(1.8rem,7vw,2.5rem)/1.1 var(--font-display);letter-spacing:-.03em}.plans-cards{display:grid;gap:.8rem}.plan-card{display:grid;align-content:start;gap:.5rem;padding:1.2rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated)}.plan-card.pro{border-color:color-mix(in srgb,#f3cb76 55%,var(--border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,#f3cb76 20%,transparent),transparent 60%),var(--surface-elevated)}.plan-card.current{box-shadow:0 0 0 2px var(--accent)}.plan-card h2{margin:0;font:650 1.4rem var(--font-display)}.plan-price{margin:0;font:800 1.6rem var(--font-display)}.plans-note{margin:0;text-align:center}.cmp-wrap{overflow-x:auto}.cmp-table{width:100%;min-width:440px;border-collapse:collapse}.cmp-table thead th{padding:.5rem;font-size:.8rem;text-align:center;color:var(--text-muted)}.cmp-table thead th:last-child{color:#f3cb76}.cmp-table tbody th[scope=row]{padding:.7rem .5rem;font-weight:500;text-align:left;line-height:1.35;font-size:.9rem}.cmp-table td{width:28%;padding:.7rem .4rem;text-align:center;font-size:.84rem}.cmp-table tr:not(.cmp-group){border-top:1px solid var(--border)}.cmp-group th{padding:1rem .5rem .3rem;text-align:left;color:var(--accent);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.cmp-yes{color:#a6d58b;font-weight:900;font-size:1.15rem}.cmp-no{color:var(--text-faint)}.cmp-pro{background:color-mix(in srgb,#f3cb76 7%,transparent)}.cmp-text{color:var(--text-muted)}.plans-h2{margin:0 0 .5rem;font:650 1.2rem var(--font-body)}.plans-promises{display:grid;gap:.4rem;margin:0;padding-left:1.2rem;color:var(--text-muted);line-height:1.5}.plan-test{border-style:dashed}@media (min-width: 720px){.plans-cards{grid-template-columns:1fr 1fr}}:root:not([data-theme=dark]) .pro-badge{color:#2a1a12}:root:not([data-theme=dark]) .cmp-table thead th:last-child{color:#8a5a00}:root:not([data-theme=dark]) .cmp-yes{color:#2f7a2f}.game-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.chart{display:block;width:100%;height:auto}.chart-axis,.chart-grid{stroke:var(--border);stroke-width:1}.chart-grid{stroke-dasharray:2 4}.chart-label{fill:var(--text-muted);font-size:10px}.chart-label.today{fill:var(--accent);font-weight:800}.chart-value{fill:var(--text);font-size:10px;font-weight:700}.chart-bar{transform-box:fill-box;transform-origin:bottom;animation:chart-grow .52s var(--spring) both}@keyframes chart-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.pg-mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;margin:.6rem 0}.pg-mini-stats>div{display:grid;gap:.1rem;padding:.7rem .4rem;text-align:center;border-radius:16px;background:var(--surface-sunken)}.pg-mini-stats strong{font:800 1.5rem var(--font-display);font-variant-numeric:tabular-nums}.pg-mini-stats span{color:var(--text-muted);font-size:.72rem}.dot{display:inline-block;width:10px;height:10px;margin-right:.3rem;border-radius:50%;vertical-align:middle}.pg-table{width:100%;margin-top:.8rem;border-collapse:collapse;font-size:.84rem}.pg-table th,.pg-table td{padding:.5rem .3rem;text-align:right;border-top:1px solid var(--border)}.pg-table th:first-child{text-align:left;font-weight:600}.pg-table thead th{color:var(--text-muted);font-size:.72rem;border-top:0}.pg-goals{display:grid;gap:.9rem}.pg-goal{display:grid;gap:.35rem}.pg-goal label{color:var(--text-muted);font-size:.84rem;font-weight:600}.pg-goal input{width:84px;min-height:44px}.pg-h3{margin:1.2rem 0 .5rem;font:650 1rem var(--font-body)}.pg-trends{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.pg-trends li{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:14px;background:var(--surface-sunken)}.pg-trends em{min-width:64px;font-style:normal;font-size:.8rem;text-align:right}.pg-trends em.up{color:#a6d58b}.pg-trends em.down{color:#f1bf76}.pg-milestones{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pg-milestones article{display:grid;gap:.3rem;padding:.8rem;border-radius:16px;background:var(--surface-sunken)}.pg-milestones article>span{color:var(--text-muted);font-size:.84rem}.pg-reviews{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pg-review{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-sunken)}.pg-review h3{margin:0;font:650 1.05rem var(--font-body)}.pg-review p{margin:0}.pg-review-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;text-align:center}.pg-review-stats strong{display:block;font:800 1.3rem var(--font-display)}.pg-review-stats span{color:var(--text-muted);font-size:.7rem}.sample-preview{position:relative;padding:.5rem}.sample-tag{position:absolute;top:4px;right:8px;z-index:1;padding:0 .5rem;border-radius:999px;background:var(--surface-elevated);color:var(--text-muted);font-size:.68rem}:root:not([data-theme=dark]) .pg-trends em.up{color:#2f7a2f}:root:not([data-theme=dark]) .pg-trends em.down{color:#8a5a00}@media (prefers-reduced-motion: reduce){.chart-bar{animation:none}}.photo-preview{position:relative;display:grid;justify-items:center;gap:.4rem;padding:1.4rem 1rem;text-align:center}.photo-preview h2{margin:0;font:650 1.3rem var(--font-display)}.photo-preview-plate{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:var(--surface-sunken);font-size:3.4rem}.photo-preview .pg-mini-stats{width:100%}.coin-balance{position:relative}.coin-balance.pulse{animation:coin-pulse .52s var(--spring)}.coin-bubble{position:absolute;right:-4px;top:-10px;padding:0 .4rem;border-radius:999px;background:#f3cb76;color:#2a1a12;font-size:.78rem;font-weight:850;pointer-events:none;animation:coin-float 1.4s var(--spring) forwards}@keyframes coin-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes coin-float{0%{opacity:0;transform:translateY(8px) scale(.8)}18%{opacity:1}to{opacity:0;transform:translateY(-26px)}}@media (prefers-reduced-motion: reduce){.coin-balance.pulse,.coin-bubble{animation:none}}.coin-history{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.coin-history li{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:.55rem .8rem;border-radius:14px;background:var(--surface-sunken)}.coin-history small{display:block;color:var(--text-muted)}.coin-history .plus{color:#a6d58b;font-weight:800;font-variant-numeric:tabular-nums}.coin-history .minus{color:#f1bf76;font-weight:800;font-variant-numeric:tabular-nums}:root:not([data-theme=dark]) .coin-history .plus{color:#2f7a2f}:root:not([data-theme=dark]) .coin-history .minus{color:#8a5a00}.avatar-v5{display:block;border-radius:50%;overflow:hidden}.avatar-v5 .av-rise{animation:av-rise 5.2s ease-in infinite}.avatar-v5 .av-twinkle{animation:av-twinkle 2.6s ease-in-out infinite}.avatar-v5 .av-drift{animation:av-drift 9s ease-in-out infinite alternate}.avatar-v5 .av-pulse{animation:av-pulse 4.5s ease-in-out infinite}.avatar-v5 .av-fall{animation:av-fall 6s linear infinite}.avatar-v5 .av-sway{animation:av-sway 5s ease-in-out infinite alternate}.avatar-v5 .av-sway2{animation:av-sway2 4s ease-in-out infinite alternate}.avatar-v5 .av-swell{animation:av-swell 4.2s ease-in-out infinite alternate}.avatar-v5 .av-glow{animation:av-glow 3.2s ease-in-out infinite}@keyframes av-rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-110px);opacity:0}}@keyframes av-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes av-drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}@keyframes av-pulse{0%,to{opacity:.15}50%{opacity:.6}}@keyframes av-fall{0%{transform:translateY(-6px) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(124px) rotate(240deg);opacity:.9}}@keyframes av-sway{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}@keyframes av-sway2{0%{transform:translate(-4px) rotate(-12deg)}to{transform:translate(4px) rotate(12deg)}}@keyframes av-swell{0%{transform:translate(-12px)}to{transform:translate(12px)}}@keyframes av-glow{0%,to{opacity:.45}50%{opacity:1}}.avatar-v5.av-still *{animation:none!important}@media (prefers-reduced-motion: reduce){.avatar-v5 *{animation:none!important}}.as-studio{display:grid;gap:1rem}.as-preview{display:grid;justify-items:center;gap:.8rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%),var(--surface-elevated)}.as-preview-art{padding:6px;border-radius:50%;background:var(--surface-sunken);box-shadow:0 10px 34px #00000047}.as-preview-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.as-editor{display:grid;gap:.7rem;min-width:0}.as-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.1rem .1rem .4rem;scrollbar-width:none;scroll-snap-type:x proximity}.as-tabs::-webkit-scrollbar{display:none}.as-tabs button{flex:0 0 auto;display:grid;justify-items:center;gap:.1rem;min-width:64px;min-height:56px;padding:.35rem .6rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-sunken);color:var(--text-muted);font:inherit;cursor:pointer;scroll-snap-align:start;transition:all var(--motion-fast)}.as-tabs button span{font-size:1.25rem}.as-tabs button small{font-size:.68rem;font-weight:650}.as-tabs button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.as-panel{display:grid;gap:1rem;min-height:120px}.as-group h3{margin:0 0 .5rem;color:var(--text-muted);font-size:.8rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.as-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.5rem}.as-grid.swatches{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}.as-option{position:relative;display:grid;justify-items:center;align-content:start;gap:.2rem;padding:.3rem .2rem .25rem;border:2px solid transparent;border-radius:18px;background:var(--surface-sunken);color:var(--text);font:inherit;cursor:pointer;transition:transform var(--motion-fast),border-color var(--motion-fast);-webkit-tap-highlight-color:transparent}.as-option:hover{transform:translateY(-2px)}.as-option:active{transform:scale(.96)}.as-option.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.as-option .as-name{max-width:100%;overflow:hidden;color:var(--text-muted);font-size:.66rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.as-option.locked>svg,.as-option.locked>.as-swatch{opacity:.55;filter:saturate(.6)}.as-swatch{display:block;width:36px;height:36px;margin:.15rem;border-radius:50%;border:2px solid rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px #00000026}.as-grid.swatches .as-option{padding:.25rem;border-radius:50%}.as-lock,.as-pro{position:absolute;top:4px;right:4px;padding:0 .35rem;border-radius:999px;background:#141c18d1;color:#f3cb76;font-size:.62rem;font-weight:800;line-height:1.6}.as-pro{background:linear-gradient(120deg,#f3cb76,#ff927b);color:#2a1a12;letter-spacing:.05em}.ae-card{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.ae-hero{padding:6px;border-radius:50%;background:var(--surface-sunken);box-shadow:0 10px 34px #00000047}.ae-hero-text{display:grid;gap:.45rem;flex:1 1 240px}.ae-hero-text h2{margin:0;font:650 1.4rem var(--font-display)}.ae-editor{display:grid;gap:1rem}.ae-locked{display:grid;gap:.5rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,#f3cb76 45%,var(--border));border-radius:18px;background:var(--surface-elevated);animation:v4-rise .26s var(--spring) both}.ae-locked p{margin:0}.ae-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.6rem}.ae-slot{display:grid;justify-items:center;gap:.3rem;padding:.5rem;border-radius:16px;background:var(--surface-sunken)}.ae-slot-empty{display:grid;place-items:center;width:64px;height:64px;border:2px dashed var(--border-strong);border-radius:50%;color:var(--text-faint);font-size:1.4rem}.ae-slot-actions{display:flex;gap:.3rem}.ae-slot-actions button{min-height:32px;padding:0 .5rem;border:0;border-radius:10px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.7rem;cursor:pointer}.ae-save{position:sticky;bottom:calc(5.4rem + env(safe-area-inset-bottom));z-index:4;padding:.6rem;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ae-save .game-button{flex:1 1 0}@media (min-width: 860px){.as-studio{grid-template-columns:280px minmax(0,1fr);align-items:start}.as-preview{position:sticky;top:1rem}}@media (prefers-reduced-motion: reduce){.as-option,.ae-locked{transition:none;animation:none}}.as-grid.swatches .as-option{width:46px;height:46px;padding:0;align-content:center;justify-self:center}.as-grid.swatches .as-swatch{margin:0}.av3d-stage{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--surface-sunken);isolation:isolate}.av3d-decor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.av3d-back{z-index:0}.av3d-front{z-index:2}.viewer3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.av3d-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;pointer-events:none}.av3d-loading span{width:28px;height:28px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:av3d-spin .8s linear infinite}@keyframes av3d-spin{to{transform:rotate(360deg)}}.as-thumb{display:block;width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--surface-sunken)}.as-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:14px;background:var(--surface-sunken);color:var(--text-muted)}.as-icon svg{width:44px;height:44px}.as-hint{margin:0;color:var(--text-muted);font-size:.74rem;text-align:center}.as-lock{white-space:nowrap}.as-lock.pro{background:linear-gradient(120deg,#f3cb76,#ff927b);color:#2a1a12}.as-level{background:var(--accent-soft);color:var(--text)}.as-option.locked .as-thumb,.as-option.locked .as-icon{opacity:.6}.ae-req{display:grid;gap:.25rem;margin:0;padding:0;list-style:none;font-size:.86rem;color:var(--text-muted)}.ae-req li.ok{color:var(--text)}.ae-req li span{display:inline-block;width:1.1em}@media (prefers-reduced-motion: reduce){.av3d-loading span{animation:none}}.as-option{overflow:hidden}.as-thumb-box{display:grid;place-items:center;width:84px;height:84px;overflow:hidden;contain:paint;border-radius:16px;background:var(--surface-sunken)}.as-thumb-box>svg,.as-thumb-box>img,.as-thumb-box>.as-icon{width:84px!important;height:84px!important;max-width:none}.as-thumb,.as-icon{width:84px;height:84px;border-radius:16px}.as-thumb-wait{background:linear-gradient(100deg,var(--surface-sunken) 30%,color-mix(in srgb,var(--surface-sunken) 70%,var(--text) 8%) 50%,var(--surface-sunken) 70%) 0 0 / 300% 100%;animation:as-shimmer 1.3s linear infinite}@keyframes as-shimmer{to{background-position:-150% 0}}.as-preview-art{overflow:hidden;contain:paint}@media (prefers-reduced-motion: reduce){.as-thumb-wait{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.md-page{display:grid;gap:1rem;padding-bottom:6rem}.md-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.md-header h1{margin:0}.md-header p{margin:.25rem 0 0;color:var(--text-muted);max-width:52ch}.md-new{flex:0 0 auto;min-height:44px}.md-quota-line{margin:0;color:var(--text-muted);font-size:.85rem}.md-link{display:inline;min-height:0;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.md-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.md-filters{display:grid;gap:.6rem}.md-seg{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-sunken);max-width:100%}.md-seg.scroll{overflow-x:auto;scrollbar-width:none}.md-seg.scroll::-webkit-scrollbar,.md-chips.scroll::-webkit-scrollbar{display:none}.md-seg button{flex:0 0 auto;min-height:40px;padding:0 .95rem;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}.md-seg button.on{background:var(--surface-elevated);color:var(--text);box-shadow:var(--shadow-sm)}.md-chips{display:flex;flex-wrap:wrap;gap:.4rem}.md-chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}.md-chips button{flex:0 0 auto;min-height:40px;padding:0 .85rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.md-chips button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.md-seg button:focus-visible,.md-chips button:focus-visible,.md-action:focus-visible,.md-icon-btn:focus-visible,.md-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.md-feed{display:grid;gap:.9rem}.md-post{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--border);border-radius:20px;background:var(--surface);animation:v4-rise .26s var(--spring, ease) both}.md-post.is-hidden{opacity:.7;border-style:dashed}.md-post-head{display:flex;align-items:center;gap:.7rem}.md-avatar{display:inline-grid;flex:0 0 auto;width:42px;height:42px;overflow:hidden;border-radius:50%;background:var(--surface-sunken)}.md-avatar.small{width:30px;height:30px}.md-who{display:grid;min-width:0;flex:1}.md-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-who small{color:var(--text-muted);font-size:.76rem}.md-tags{display:flex;flex-wrap:wrap;gap:.35rem}.md-tag{display:inline-flex;align-items:center;gap:.25rem;min-height:24px;padding:0 .6rem;border-radius:999px;background:var(--surface-sunken);color:var(--text-muted);font-size:.74rem;font-weight:650}.md-tag.question{background:var(--accent-soft);color:var(--text)}.md-tag.warn{background:var(--streak-soft);color:var(--text)}.md-tag.mini{min-height:18px;margin-left:.35rem;padding:0 .4rem;font-size:.66rem}.md-tag.ok{background:var(--accent-soft);color:var(--text)}.md-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.md-routine{display:grid;gap:.3rem;padding:.8rem .9rem;border-radius:14px;background:var(--surface-sunken)}.md-routine p,.md-routine ul{margin:0}.md-routine ul{padding-left:1.1rem;color:var(--text-muted);font-size:.88rem}.md-routine-workout{color:var(--text-muted);font-size:.88rem}.md-routine.preview small{color:var(--text-muted)}.md-photos{display:grid;gap:.35rem;overflow:hidden;border-radius:16px}.md-photos.count-1{grid-template-columns:1fr}.md-photos.count-2,.md-photos.count-3,.md-photos.count-4{grid-template-columns:1fr 1fr}.md-photos.count-3 .md-photo:first-child{grid-column:1 / -1}.md-photo{position:relative;display:block;width:100%;aspect-ratio:4 / 3;padding:0;overflow:hidden;border:0;background:var(--surface-sunken);cursor:zoom-in}.md-photos.count-1 .md-photo{aspect-ratio:4 / 3;max-height:420px}.md-photo img{display:block;width:100%;height:100%;object-fit:cover}.md-photo-loading{cursor:default;animation:md-pulse 1.2s ease-in-out infinite}.md-photo-full{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:12px}@keyframes md-pulse{50%{opacity:.5}}.md-actions{display:flex;gap:.4rem;padding-top:.2rem;border-top:1px solid var(--border)}.md-action{display:inline-flex;align-items:center;gap:.4rem;min-width:56px;min-height:44px;padding:0 .8rem;border:0;border-radius:12px;background:transparent;color:var(--text-muted);font:inherit;font-weight:650;cursor:pointer;transition:transform .16s ease,background .16s ease}.md-action:hover{background:var(--surface-sunken)}.md-action:active{transform:scale(.94)}.md-action.on{color:var(--accent)}.md-action small{font-size:.74rem;font-weight:600}.md-menu{position:relative}.md-icon-btn{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:1.3rem;cursor:pointer}.md-icon-btn:hover{background:var(--surface-sunken)}.md-menu-list{position:absolute;top:100%;right:0;z-index:8;display:grid;min-width:220px;margin:0;padding:.3rem;list-style:none;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-lg)}.md-menu-list button{display:flex;align-items:center;gap:.4rem;width:100%;min-height:44px;padding:0 .8rem;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.md-menu-list button:hover{background:var(--surface-sunken)}.md-menu-list button.danger{color:var(--danger)}.md-comments{display:grid;gap:.6rem;padding-top:.4rem}.md-comment-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.md-comment{display:flex;gap:.55rem}.md-comment p{margin:0}.md-comment small{color:var(--text-muted)}.md-comment.accepted{padding:.5rem;border-radius:12px;background:var(--accent-soft)}.md-comment-body{overflow-wrap:anywhere;line-height:1.45}.md-comment-actions{display:flex;gap:.8rem;margin-top:.15rem;font-size:.8rem}.md-comment-actions .md-link{min-height:32px;font-weight:600}.md-comment-form{display:flex;gap:.5rem}.md-comment-form input{flex:1;min-width:0;min-height:44px;padding:0 .9rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-sunken);color:var(--text);font:inherit}.md-comment-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.md-composer{display:grid;gap:.9rem}.md-field{display:grid;gap:.4rem}.md-label{font-size:.82rem;font-weight:700;color:var(--text-muted)}.md-field textarea{width:100%;min-height:110px;padding:.8rem .9rem;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-sunken);color:var(--text);font:inherit;resize:vertical}.md-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.md-count{justify-self:end;color:var(--text-muted)}.md-check{display:flex;align-items:center;gap:.6rem;min-height:44px}.md-check input{width:22px;height:22px;accent-color:var(--accent)}.md-warning{color:var(--text);padding:.5rem .7rem;border-radius:10px;background:var(--streak-soft);font-size:.8rem}.md-quota{margin:0;color:var(--text-muted);font-size:.84rem}.md-previews{display:flex;flex-wrap:wrap;gap:.5rem}.md-preview{position:relative;width:84px;height:84px}.md-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px}.md-preview button{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border:0;border-radius:50%;background:var(--surface-elevated);color:var(--text);box-shadow:var(--shadow-md);cursor:pointer}.md-add-photo{display:grid;place-items:center;align-content:center;width:84px;height:84px;border:2px dashed var(--border-strong);border-radius:12px;background:transparent;color:var(--text-muted);font:inherit;font-size:.78rem;cursor:pointer}.md-add-photo span{font-size:1.4rem;line-height:1}.md-reasons{display:grid;gap:.5rem}.md-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0}.md-stats div{display:grid;gap:.1rem;padding:.8rem;border-radius:14px;background:var(--surface-sunken);text-align:center}.md-stats dt{color:var(--text-muted);font-size:.76rem}.md-stats dd{margin:0;font:650 1.8rem var(--font-display)}.md-extra{display:grid;gap:.6rem}.md-toggle{display:flex;align-items:center;gap:.5rem;width:100%;min-height:48px;padding:0 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;font-weight:650;text-align:left;cursor:pointer}.md-panel{display:grid;gap:.6rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.md-panel h3{margin:0;font-size:.95rem}.md-blocks{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.md-blocks li{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.md-more{justify-self:center}.md-end{text-align:center}.md-sentinel{height:1px}.md-skeletons{display:grid;gap:.9rem}@media (min-width: 760px){.md-page{max-width:720px;margin-inline:auto}.md-stats dd{font-size:2.1rem}}@media (prefers-reduced-motion: reduce){.md-post,.md-photo-loading{animation:none}.md-action{transition:none}}.md-creator-teaser{display:flex;align-items:center;gap:.6rem;width:100%;min-height:48px;padding:.55rem .9rem;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border));border-radius:var(--radius-md, 14px);background:linear-gradient(90deg,var(--gold-soft),transparent 80%),var(--surface);color:var(--text);font:inherit;font-size:.86rem;text-align:left;cursor:pointer}.md-creator-teaser>span:first-child{color:var(--gold);font-size:1.1rem}.md-creator-teaser i{margin-left:auto;color:var(--text-faint);font-style:normal}.md-creator{border-color:color-mix(in srgb,var(--gold) 35%,var(--border))}.md-creator-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.6rem}.md-creator-head h3{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.2rem}.md-creator-total{display:grid;justify-items:end}.md-creator-total strong{color:var(--gold);font-family:var(--font-display);font-size:1.6rem;line-height:1}.md-creator-total small{color:var(--text-muted);font-size:.74rem}.md-creator-rules{display:grid;gap:.35rem;margin:0;padding-left:1.1rem;color:var(--text-muted);font-size:.86rem}.md-creator-rules b{color:var(--gold)}.md-creator-meter{height:8px;overflow:hidden;border-radius:999px;background:var(--surface-sunken)}.md-creator-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#ffd99a)}.md-creator-recent{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}.md-creator-recent li{display:flex;justify-content:space-between;gap:.6rem;padding:.45rem .7rem;border-radius:10px;background:var(--surface-sunken);font-size:.84rem}.md-creator-recent small{color:var(--text-muted)}.md-creator-recent b{color:var(--gold);white-space:nowrap}.md-creator-legal{margin:0;color:var(--text-faint);font-size:.76rem}.md-milestone{margin:0;color:var(--text-muted);font-size:.78rem}.md-milestone span{color:var(--gold)}@media (max-width: 520px){.md-creator-total{justify-items:start}}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fraunces-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/fraunces-latin-500-italic.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/work-sans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/work-sans-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/work-sans-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/work-sans-latin-700-normal.woff2) format("woff2")}:root{--bg: #f7f8f6;--surface: #ffffff;--surface-elevated: #ffffff;--surface-sunken: #eef0ec;--text: #16211c;--text-muted: #5b665f;--text-faint: #68746b;--border: #e2e6e1;--border-strong: #cdd5cb;--accent: #1f6f5c;--accent-dark: #16513f;--accent-soft: #e4efe9;--danger: #b84431;--streak: #b43a32;--streak-soft: #f7e6e3;--success: var(--accent);--font-display: "Fraunces", serif;--font-body: "Work Sans", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(22, 33, 28, .06);--shadow-md: 0 4px 16px rgba(22, 33, 28, .08);--shadow-lg: 0 12px 32px rgba(22, 33, 28, .1);--space-1: .4rem;--space-2: .8rem;--space-3: 1.25rem;--space-4: 2rem;--space-5: 3.25rem;--space-6: 5rem;--ease: cubic-bezier(.4, 0, .2, 1);color-scheme:light}[data-theme=dark]{--bg: #111a15;--surface: #18231b;--surface-elevated: #202b23;--surface-sunken: #141e17;--text: #f3f2eb;--text-muted: #b6c3b8;--text-faint: #87968b;--border: #2d3a31;--border-strong: #49594d;--accent: #ff8a70;--accent-dark: #eb765f;--accent-soft: rgba(255, 138, 112, .16);--danger: #ff927f;--streak: #ff927f;--streak-soft: rgba(255, 146, 127, .14);--success: var(--accent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s var(--ease),color .2s var(--ease)}a{color:inherit}button{font-family:var(--font-body)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.reveal{animation:fade-up .5s var(--ease) both}.btn-primary,.primary-button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.7rem 1.3rem;font-size:.92rem;font-weight:500;cursor:pointer;transition:background .15s var(--ease),transform .1s var(--ease)}.btn-primary:hover,.primary-button:hover{background:var(--accent-dark)}[data-theme=dark] .btn-primary,[data-theme=dark] .primary-button,[data-theme=dark] .btn-danger,[data-theme=dark] .add-habit button{color:#14211a}.btn-primary:active,.primary-button:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);padding:.62rem 1.2rem;font-size:.88rem;font-weight:500;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-ghost{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.btn-danger{background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.78rem;font-weight:500;cursor:pointer;transition:opacity .15s var(--ease)}.btn-danger:hover{opacity:.9}.landing{background:var(--bg)}.landing-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.25rem,4vw,4rem);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.landing-logo{font-family:var(--font-display);font-weight:600;font-size:1.25rem}.landing-nav-links{display:flex;gap:var(--space-4);font-size:.9rem;color:var(--text-muted)}.landing-nav-links a{text-decoration:none}.landing-nav-links a:hover{color:var(--text)}.landing-nav-actions{display:flex;align-items:center;gap:1rem}.landing-section{max-width:1080px;margin:0 auto;padding:var(--space-6) clamp(1.25rem,4vw,4rem)}.hero{text-align:center;padding-top:var(--space-6);padding-bottom:var(--space-4)}.hero-eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark);background:var(--accent-soft);padding:.35rem .8rem;border-radius:var(--radius-pill);margin-bottom:var(--space-3)}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.015em;margin:0 0 var(--space-3)}.hero p.lede{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--text-muted);max-width:34rem;margin:0 auto var(--space-4)}.hero-ctas{display:flex;justify-content:center;gap:1rem;margin-bottom:var(--space-2)}.hero-trust{font-size:.82rem;color:var(--text-faint)}.hero-mockup{margin:var(--space-5) auto 0;max-width:760px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left}.hero-mockup-bar{display:flex;gap:.4rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-sunken)}.hero-mockup-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--border-strong)}.hero-mockup-body{display:grid;grid-template-columns:160px 1fr;min-height:280px}.hero-mockup-sidebar{border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.6rem}.hero-mockup-nav-item{font-size:.82rem;color:var(--text-muted);padding:.4rem .6rem;border-radius:var(--radius-sm)}.hero-mockup-nav-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:500}.hero-mockup-content{padding:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;align-content:start}.hero-mockup-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;background:var(--surface)}.hero-mockup-card .label{font-size:.72rem;color:var(--text-faint);margin-bottom:.35rem}.hero-mockup-card .value{font-family:var(--font-display);font-size:1.35rem}.hero-mockup-bars{display:flex;align-items:flex-end;gap:.3rem;height:2.5rem;margin-top:.5rem}.hero-mockup-bars span{flex:1;background:var(--accent);border-radius:2px;opacity:.85}.pillars-heading{text-align:center;margin-bottom:var(--space-4)}.pillars-heading h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.2rem);margin-bottom:.5rem}.pillars-heading p{color:var(--text-muted)}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.pillar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.pillar-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.pillar-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;margin-bottom:var(--space-2)}.pillar-card h3{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin:0 0 .4rem}.pillar-card p{color:var(--text-muted);font-size:.92rem;margin:0}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center;padding:var(--space-4) 0}.product-row.reverse .product-copy{order:2}.product-copy .kicker{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:.5rem;display:block}.product-copy h3{font-family:var(--font-display);font-size:1.6rem;margin:0 0 .6rem}.product-copy p{color:var(--text-muted);line-height:1.55}.product-visual{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3);min-height:220px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);text-align:center}.benefit-item .num{font-family:var(--font-display);font-size:1.8rem;color:var(--accent-dark)}.benefit-item p{color:var(--text-muted);font-size:.88rem;margin-top:.3rem}.future-banner{background:var(--accent-dark);color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}[data-theme=dark] .future-banner{color:#14211a}[data-theme=dark] .future-banner p{color:#14211ad1}.future-banner h3{font-family:var(--font-display);font-size:1.5rem;margin:0 0 .6rem}.future-banner p{color:#fffc;max-width:34rem;margin:0 auto}.final-cta{text-align:center}.final-cta h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:var(--space-2)}.landing-footer{border-top:1px solid var(--border);padding:var(--space-4) clamp(1.25rem,4vw,4rem);display:flex;justify-content:space-between;align-items:center;color:var(--text-faint);font-size:.85rem}.dashboard{display:grid;grid-template-columns:232px 1fr;min-height:100%;background:var(--bg)}.sidebar{border-right:1px solid var(--border);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;background:var(--surface)}.sidebar-logo{font-family:var(--font-display);font-weight:600;font-size:1.2rem;padding:.5rem .6rem 1.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem;flex:1}.sidebar-section-label{color:var(--text-faint);font-size:.68rem;font-weight:600;padding:1rem .8rem .25rem;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .7rem;border-radius:var(--radius-md);color:var(--text-muted);font-size:.9rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s var(--ease),color .12s var(--ease)}.sidebar-link svg{flex-shrink:0}.sidebar-link:hover{background:var(--surface-sunken);color:var(--text)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:500}.sidebar-footer{border-top:1px solid var(--border);padding-top:var(--space-2);display:flex;flex-direction:column;gap:.9rem}.dashboard-mobile-header,.dashboard-topbar{display:none}.dashboard-main{padding:var(--space-4) clamp(1.25rem,3vw,3rem);max-width:980px}.dashboard-header{margin-bottom:var(--space-4)}.dashboard-header h1{font-family:var(--font-display);font-size:1.7rem;margin:0 0 .3rem}.dashboard-header .today-date{color:var(--text-faint);font-size:.85rem;text-transform:capitalize;margin:0 0 .5rem}.dashboard-header p{color:var(--text-muted);margin:0}.overview-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-3);align-items:start}.overview-main,.overview-side{display:flex;flex-direction:column;gap:var(--space-3)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.card-head h2{font-family:var(--font-display);font-size:1.1rem;margin:0}.progress-label{font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.progress-track{height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden;margin-bottom:var(--space-3)}.progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .25s var(--ease)}.today-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.today-checklist li{border-bottom:1px solid var(--border)}.today-checklist li:last-child{border-bottom:none}.today-check{width:100%;display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:.7rem .15rem;cursor:pointer;text-align:left;font-size:.95rem;color:var(--text)}.today-check-circle{width:1.35rem;height:1.35rem;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;position:relative;transition:background .15s var(--ease),border-color .15s var(--ease)}.today-checklist li.done .today-check-circle{background:var(--accent);border-color:var(--accent);animation:pop .25s var(--ease)}.today-checklist li.done .today-check-circle:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}[data-theme=dark] .today-checklist li.done .today-check-circle:after{border-color:#14211a}.today-checklist li.done .today-check-label{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--border-strong)}.streak-card{background:var(--streak-soft);border:1px solid color-mix(in srgb,var(--streak) 25%,transparent);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:.15rem}.streak-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--streak);font-weight:600}.streak-value{font-family:var(--font-display);font-size:2rem;color:var(--streak)}.streak-sub{font-size:.82rem;color:var(--text-muted)}.side-highlight{font-family:var(--font-display);font-size:1.3rem;margin:0 0 .2rem}.side-sub{color:var(--text-muted);font-size:.85rem;margin:0 0 .9rem}.empty-state-nice{padding:var(--space-2) 0;display:flex;flex-direction:column;gap:.7rem}.empty-state-nice p{color:var(--text-muted);font-size:.9rem;margin:0}.empty-state-nice .btn-secondary{align-self:flex-start}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:var(--space-3)}.routine-home{margin-top:var(--space-3)}.routine-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:1rem 0}.routine-home-grid h3{font-family:var(--font-display);font-size:.95rem;margin:0 0 .4rem}.routine-home-grid ul{margin:0;padding-left:1.1rem;color:var(--text-muted);font-size:.84rem;line-height:1.6}.busy-week,.quests-panel{margin-top:var(--space-3)}.quest-xp{color:var(--accent);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums}.quests-mascot-row{display:flex;align-items:center;gap:.8rem;margin:.25rem 0 .6rem}.quests-mascot-row p{color:var(--text-muted);font-size:.84rem;margin:0}.carnet-mascot{width:2.8rem;height:4.45rem;flex:0 0 auto;animation:mascot-bob 2.8s ease-in-out infinite}.quest-list li.completed .quest-check{animation:pop .25s var(--ease)}.xp-progress-track{height:.45rem;background:var(--surface-sunken);border-radius:var(--radius-pill);margin-bottom:.75rem;overflow:hidden}.xp-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s var(--ease)}.quest-list{list-style:none;padding:0;margin:0}.quest-list li{border-top:1px solid var(--border)}.quest-toggle{width:100%;display:flex;align-items:center;gap:.75rem;text-align:left;border:0;padding:.8rem .15rem;color:var(--text);background:transparent;cursor:pointer}.quest-toggle:disabled{cursor:default}.quest-check{display:grid;place-items:center;flex:0 0 1.35rem;height:1.35rem;border:1.5px solid var(--border-strong);border-radius:50%;color:#fff;font-size:.8rem}.quest-list .completed .quest-check{background:var(--accent);border-color:var(--accent)}.quest-copy{display:grid;flex:1;gap:.2rem}.quest-copy strong{font-size:.9rem;font-weight:500}.quest-copy small{color:var(--text-muted);font-size:.77rem}.quest-points{color:var(--accent);font-size:.77rem;white-space:nowrap}.quest-bonus{color:var(--accent);font-size:.84rem;font-weight:600}.global-streak-row{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.2rem;border-top:1px solid var(--border);margin-top:.4rem;padding-top:.8rem;color:var(--text-muted);font-size:.82rem}.global-streak-row strong{color:var(--text);font-variant-numeric:tabular-nums}.busy-week-grid{display:grid}.busy-day-row{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:3.1rem;border-top:1px solid var(--border)}.busy-day-name{color:var(--text);font-size:.85rem;text-transform:capitalize}.busy-day-plan{color:var(--text-muted);font-size:.83rem}.busy-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.76rem;min-width:6.1rem;padding:.45rem .55rem}.busy-toggle.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.stat-card .label{font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.stat-card .value{font-family:var(--font-display);font-size:1.8rem}.stat-card .sub{font-size:.78rem;color:var(--text-faint);margin-top:.2rem}.surface-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.app-loading{min-height:100%;display:grid;place-content:center;justify-items:center;gap:.8rem;padding:1.5rem;text-align:center}.onboarding-shell{width:min(100% - 2rem,760px);margin:0 auto;padding:clamp(2rem,5vw,4rem) 0 5rem}.quiz-kicker{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.08em;margin-bottom:.7rem!important}.onboarding-form{display:grid;gap:1.5rem}.quiz-fieldset{border:0;border-top:1px solid var(--border);margin:0;padding:1rem 0 0}.quiz-fieldset legend,.quiz-select-label{font-weight:600;font-size:.92rem}.quiz-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.quiz-option{display:flex;align-items:center;gap:.5rem;min-height:2.7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .75rem;color:var(--text-muted);cursor:pointer;font-size:.85rem}.quiz-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.quiz-option input{accent-color:var(--accent)}.quiz-select-label{display:grid;gap:.6rem}.quiz-select-label select{min-height:2.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .7rem;background:var(--surface-elevated);color:var(--text);font:inherit}.quiz-privacy{color:var(--text-faint);font-size:.78rem;margin:0}.skincare-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.skincare-today-card{display:flex;flex-direction:column;gap:.35rem;justify-content:center}.skincare-today-card .stat-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.skincare-today-card .stat-big{font-family:var(--font-display);font-size:2rem;line-height:1.1}.skincare-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:start}.skincare-section-title{display:flex;align-items:center;gap:.5rem}.skincare-section-title svg{color:var(--accent)}.skincare-step-row{display:flex;align-items:center;gap:.5rem}.skincare-step-row .today-check{flex:1;min-width:0}.skincare-step-row .inline-edit{flex:1;margin:.45rem 0}.skincare-step-row .row-actions{opacity:0;transition:opacity .15s var(--ease)}.skincare-step-row:hover .row-actions,.skincare-step-row:focus-within .row-actions{opacity:1}.theme-toggle{display:flex;align-items:center;gap:.6rem;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .7rem;color:var(--text);font-size:.85rem;cursor:pointer;transition:background .15s var(--ease)}.theme-toggle:hover{background:var(--accent-soft)}.theme-toggle.compact{padding:.45rem;border-radius:var(--radius-pill)}.app-shell{max-width:640px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.masthead{border-bottom:1px solid var(--border);padding-bottom:1.25rem;margin-bottom:2rem;display:flex;align-items:baseline;justify-content:space-between}.masthead h1{font-family:var(--font-display);font-weight:600;font-size:1.6rem;margin:0;letter-spacing:-.01em}.masthead button{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.date-row{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:.8rem;color:var(--text-muted)}.day-cell{width:2rem;text-align:center}.day-cell.today{color:var(--accent);font-weight:600}.habit-row{display:grid;grid-template-columns:1fr repeat(7,2rem);align-items:center;padding:.9rem 0;border-bottom:1px solid var(--border);gap:.25rem}.habit-row:last-of-type{border-bottom:none}.habit-name{font-size:.95rem;padding-right:.5rem}.habit-name-btn{display:block;background:none;border:none;padding:0 .5rem 0 0;margin:0;font-size:.95rem;font-family:var(--font-body);color:var(--text);cursor:pointer;text-align:left}.habit-name-btn:hover{color:var(--accent-dark)}.inline-edit{width:100%;max-width:14rem;border:none;border-bottom:1.5px solid var(--accent);background:transparent;font-family:var(--font-body);font-size:.95rem;padding:.15rem 0;color:var(--text)}.inline-edit:focus{outline:none}.row-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.row-actions button{background:none;border:none;padding:0;font-size:.72rem;color:var(--text-faint);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.row-actions button.danger{color:var(--danger)}.confirm-delete{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.4rem}.confirm-delete p{margin:0;font-size:.78rem;color:var(--text-muted);width:100%}.workout-row,.history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.workout-row:last-of-type,.history-row:last-of-type{border-bottom:none}.history-remove{color:var(--danger);font-size:.8rem;flex-shrink:0}.habit-streak{display:block;font-size:.72rem;color:var(--accent-dark);margin-top:.15rem}.check{width:1.6rem;height:1.6rem;border-radius:50%;border:1.5px solid var(--border-strong);background:transparent;cursor:pointer;margin:0 auto;display:block;transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease)}.check:hover:not(:disabled){border-color:var(--accent)}.check:active:not(:disabled){transform:scale(.92)}.check.done{background:var(--accent);border-color:var(--accent);animation:pop .2s var(--ease)}.check:disabled{cursor:not-allowed;opacity:.4}.add-habit{display:flex;gap:.5rem;margin-top:1.5rem}.add-habit input{flex:1;border:none;border-bottom:1.5px solid var(--border-strong);background:transparent;font-family:var(--font-body);font-size:.95rem;padding:.5rem .1rem;color:var(--text)}.add-habit input:focus{outline:none;border-bottom-color:var(--accent)}.add-habit button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s var(--ease)}.add-habit button:hover{background:var(--accent-dark)}.empty-state{padding:2rem 0;color:var(--text-muted);font-size:.9rem;border-bottom:1px solid var(--border)}.auth-shell{max-width:360px;margin:4rem auto;padding:0 1.5rem}.auth-shell h1{font-family:var(--font-display);font-size:1.8rem;margin-bottom:.25rem}.auth-shell p{color:var(--text-muted);font-size:.9rem;margin-top:0;margin-bottom:1.5rem}.auth-shell form{display:flex;flex-direction:column;gap:.9rem}.auth-shell label{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:.3rem}.auth-shell input{width:100%;border:none;border-bottom:1.5px solid var(--border-strong);background:transparent;font-family:var(--font-body);font-size:.95rem;padding:.5rem .1rem;color:var(--text)}.auth-shell input:focus{outline:none;border-bottom-color:var(--accent)}.auth-toggle{margin-top:1.25rem;font-size:.85rem;color:var(--text-muted)}.auth-toggle button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline;text-underline-offset:3px}.auth-error{color:var(--danger);font-size:.85rem}@media (max-width: 860px){.pillars-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.product-row{grid-template-columns:1fr}.product-row.reverse .product-copy{order:initial}.hero-mockup-body{grid-template-columns:1fr}.hero-mockup-sidebar{display:none}.overview-layout,.routine-home-grid{grid-template-columns:1fr}.busy-day-row{grid-template-columns:4.3rem minmax(0,1fr) auto;gap:.45rem}.busy-day-plan{font-size:.73rem}.busy-toggle{min-width:5.6rem;padding:.4rem;font-size:.7rem}}@media (max-width: 720px){.dashboard{grid-template-columns:1fr}.sidebar{display:none}.dashboard-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.dashboard-mobile-header .sidebar-logo{padding:0}.dashboard-topbar{display:flex;justify-content:space-between;border-top:1px solid var(--border);background:var(--surface);position:fixed;bottom:0;left:0;right:0;padding:.5rem 0 .65rem;z-index:30}.dashboard-topbar button{flex:1;min-width:0;background:none;border:none;color:var(--text-muted);font-size:.62rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.2rem .1rem;white-space:nowrap}.dashboard-topbar button.active{color:var(--accent-dark);font-weight:600}.dashboard-main{padding-bottom:5.5rem}.landing-nav-links{display:none}.pillars-grid,.benefits-grid{grid-template-columns:1fr}.habit-row{grid-template-columns:1fr repeat(7,minmax(0,1.9rem));gap:.15rem}.skincare-sections,.skincare-summary-row{grid-template-columns:1fr}.skincare-step-row .row-actions{opacity:1}.workout-row{flex-direction:column}.workout-row .primary-button{width:100%}.history-row{flex-direction:column;align-items:stretch}}.dashboard-more-wrap{position:relative;flex:1;min-width:0}.dashboard-more-wrap>button{width:100%}.dashboard-more-menu{position:absolute;right:.25rem;bottom:calc(100% + .7rem);min-width:10rem;padding:.35rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.dashboard-more-menu button{width:100%;min-height:2.6rem;border:0;border-radius:var(--radius-sm);padding:.55rem .7rem;color:var(--text);background:transparent;text-align:left;font:inherit;font-size:.84rem}.dashboard-more-menu button:hover{background:var(--accent-soft)}.program-list{display:grid;gap:.8rem}.program-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.program-copy h2{font-family:var(--font-display);font-size:1.15rem;margin:.25rem 0 .5rem}.program-copy ul{margin:0 0 .5rem;padding-left:1.1rem;color:var(--text-muted);font-size:.86rem;line-height:1.6}.program-meta{color:var(--accent);font-size:.72rem;font-weight:600;text-transform:uppercase}.photo-meal-panel,.meal-result{display:grid;gap:.9rem;margin-bottom:var(--space-3)}.photo-picker{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text);font-size:.9rem;cursor:pointer}.photo-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.meal-preview{width:100%;max-height:20rem;object-fit:contain;background:var(--surface-sunken);border-radius:var(--radius-sm)}.privacy-note,.status-note{color:var(--text-muted);font-size:.8rem;margin:0}.simulation-tag{color:var(--danger);font-size:.75rem;font-weight:600}.meal-detected-list{margin:0;padding-left:1.2rem;color:var(--text-muted)}.meal-range{font-family:var(--font-display);font-size:2rem;margin:0;font-variant-numeric:tabular-nums}.macro-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:0}.macro-ranges div{border-top:1px solid var(--border);padding-top:.55rem}.macro-ranges dt{color:var(--text-muted);font-size:.78rem}.macro-ranges dd{margin:.2rem 0 0;font-size:.9rem;font-variant-numeric:tabular-nums}.correction-field{display:grid;gap:.5rem;font-size:.84rem;color:var(--text-muted)}.correction-field input{width:100%;min-height:2.6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .7rem;color:var(--text);background:var(--surface);font:inherit}.coach-panel{display:grid;gap:.9rem}.coach-suggestions{display:flex;flex-wrap:wrap;gap:.55rem}.coach-messages{display:flex;flex-direction:column;gap:.55rem;max-height:min(55vh,30rem);overflow-y:auto;padding:.4rem 0}.coach-message{max-width:min(88%,36rem);border-radius:var(--radius-md);margin:0;padding:.7rem .85rem;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.coach-message.user{align-self:flex-end;color:#fff;background:var(--accent-dark)}.coach-message.assistant{align-self:flex-start;background:var(--surface-sunken);color:var(--text)}.coach-compose{display:flex;gap:.55rem;border-top:1px solid var(--border);padding-top:.8rem}.coach-compose input{min-width:0;flex:1;min-height:2.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .7rem;color:var(--text);background:var(--surface);font:inherit}.friends-invite,.friends-ranking{margin-bottom:var(--space-3)}.friends-name-form,.friends-join-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .6rem;align-items:end;margin-bottom:1rem}.friends-name-form label,.friends-join-form label{grid-column:1 / -1;color:var(--text-muted);font-size:.82rem}.friends-name-form input,.friends-join-form input{min-width:0;min-height:2.7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .7rem;color:var(--text);background:var(--surface);font:inherit}.invite-code-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.85rem 0;margin-bottom:1rem}.invite-code{color:var(--text);font-family:var(--font-display);font-size:1.4rem;letter-spacing:.08em;margin:.2rem 0 0}.friends-ranking-list{list-style:none;padding:0;margin:0}.friends-ranking-list li{display:grid;grid-template-columns:2.5rem 40px minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:3.2rem;border-top:1px solid var(--border);font-size:.88rem}.friends-ranking-list li.is-me .friend-name{color:var(--accent);font-weight:600}.friends-ranking-list strong{font-variant-numeric:tabular-nums}.friend-place{color:var(--text-faint);font-family:var(--font-display);font-size:1.1rem}.share-panel{display:grid;justify-items:start;gap:1rem}.share-type-control{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--border);padding-bottom:.55rem}.share-type-control button{border:1px solid transparent;border-radius:var(--radius-sm);padding:.55rem .85rem;color:var(--text-muted);background:transparent;font:inherit;font-size:.86rem;cursor:pointer}.share-type-control button.selected{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.share-preview{display:block;width:min(100%,24rem);height:auto;border-radius:var(--radius-sm);background:var(--surface-sunken)}.share-actions{display:flex;flex-wrap:wrap;gap:.6rem}@media (max-width: 720px){.program-row{align-items:stretch;flex-direction:column}}.onboarding-v2{width:min(100% - 2rem,680px);min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:2rem 0 3rem}.quiz-progress-track{height:5px;overflow:hidden;border-radius:999px;background:var(--surface-elevated)}.quiz-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .42s cubic-bezier(.2,.8,.2,1)}.quiz-step-meta{display:flex;align-items:center;justify-content:space-between;min-height:70px;color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.08em}.quiz-mascot{width:38px;height:58px}.quiz-question{width:100%}.quiz-question h1,.onboarding-finish h1{max-width:13ch;margin:.35rem 0 .6rem;font-family:var(--font-display, Fraunces, Georgia, serif);font-size:clamp(2rem,7vw,3.25rem);line-height:1.08}.quiz-help{color:var(--text-muted);margin:0 0 1.5rem}.quiz-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0}.quiz-choice-card{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:1rem;border:1px solid var(--border-strong);border-radius:var(--radius-md, 16px);background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;animation:quiz-enter .3s both}.quiz-choice-card:hover{transform:translateY(-2px);border-color:var(--accent)}.quiz-choice-card:active{transform:scale(.98)}.quiz-choice-card.selected{border-color:var(--accent);background:var(--accent-soft)}.quiz-choice-card>span{color:var(--accent);font-weight:800}.quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.quiz-controls .btn-primary{min-width:150px}.quiz-schedule-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0}.quiz-schedule-inputs label{display:grid;gap:.5rem;color:var(--text-muted);font-size:.85rem}.quiz-schedule-inputs input{min-height:52px;padding:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}.quiz-privacy{margin-top:1.5rem}.quiz-transition{animation:quiz-enter .36s cubic-bezier(.2,.8,.2,1) both}.quiz-transition.backward{animation-name:quiz-enter-back}.onboarding-finish{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-align:center}.onboarding-finish .carnet-mascot{width:65px;height:103px}.onboarding-finish>p{max-width:34rem;color:var(--text-muted)}.quiz-summary-card{display:grid;gap:.5rem;width:min(100%,420px);margin:.75rem auto;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-md, 16px);background:var(--surface);text-align:left}.quiz-summary-card span{color:var(--text-muted);font-size:.9rem}.quiz-loading-dots{display:flex;gap:.45rem;padding:1rem}.quiz-loading-dots i{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:quiz-pulse .8s ease-in-out infinite alternate}.quiz-loading-dots i:nth-child(2){animation-delay:.15s}.quiz-loading-dots i:nth-child(3){animation-delay:.3s}@keyframes quiz-enter{0%{opacity:0;transform:translate(20px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes quiz-enter-back{0%{opacity:0;transform:translate(-20px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes quiz-pulse{0%{opacity:.35;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}@media (max-width: 520px){.quiz-choice-grid{grid-template-columns:1fr;gap:.55rem;margin:1.1rem 0}.quiz-choice-card{min-height:58px}.quiz-schedule-inputs{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.quiz-choice-card,.quiz-transition,.quiz-progress-track span,.quiz-loading-dots i{animation:none;transition:none}}.settings-page{max-width:980px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.settings-card{display:grid;gap:.9rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-md, 16px);background:var(--surface)}.settings-card h2{margin:0;font-size:1.05rem}.settings-card label{display:grid;gap:.45rem;color:var(--text-muted);font-size:.88rem}.settings-card input:not([type=checkbox]),.settings-card select{width:100%;min-height:2.8rem;padding:.65rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text);font:inherit}.settings-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem}.settings-inline-form .btn-secondary{min-height:2.8rem}.settings-note{color:var(--text-muted);font-size:.82rem;margin:0}.settings-choice-row{display:flex;flex-wrap:wrap;gap:.5rem}.settings-choice{min-height:2.7rem;padding:.55rem .8rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-elevated);color:var(--text);cursor:pointer}.settings-choice.active{border-color:var(--accent);background:var(--accent-soft)}.settings-switch{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;min-height:2.4rem;color:var(--text)!important}.settings-switch input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.settings-danger-zone{display:grid;gap:.65rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.settings-danger-zone p{margin:0;color:var(--text-muted);font-size:.85rem}.settings-delete-confirm{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.settings-delete-confirm p{flex-basis:100%}.settings-delete-confirm input{flex:1;min-width:140px}.settings-card details{padding:.7rem 0;border-top:1px solid var(--border)}.settings-card summary{cursor:pointer;font-weight:600}.settings-card details p{margin:.7rem 0 0;color:var(--text-muted);line-height:1.6}.settings-status{color:var(--accent)}.settings-save-bar{position:sticky;bottom:5rem;display:flex;justify-content:flex-end;padding:.75rem 0;pointer-events:none}.settings-save-bar button{pointer-events:auto;box-shadow:0 6px 24px #0003}@media (max-width: 720px){.settings-grid{grid-template-columns:1fr}.settings-page{padding-bottom:6rem}.settings-inline-form{grid-template-columns:1fr}.settings-save-bar{bottom:4.5rem}}.activity-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-3) 0}.activity-dashboard .overview-achievements{grid-column:1 / -1}.weekly-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;height:150px;align-items:end;padding-top:.8rem}.weekly-chart-column{display:grid;grid-template-rows:1rem 1fr 1.1rem;gap:.3rem;height:100%;justify-items:center;align-items:end}.weekly-chart-count{color:var(--text-muted);font-size:.72rem}.weekly-chart-bar-track{display:flex;align-items:end;width:min(100%,28px);height:100%;overflow:hidden;border-radius:999px;background:var(--surface-elevated)}.weekly-chart-bar-track span{display:block;width:100%;min-height:3px;border-radius:inherit;background:var(--accent);transition:height .25s ease}.weekly-chart-column small{color:var(--text-muted);font-size:.68rem;white-space:nowrap}.streak-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem;padding:.8rem 0}.streak-calendar-day{width:100%;aspect-ratio:1;border:1px solid var(--border);border-radius:50%;background:var(--surface-elevated)}.streak-calendar-day.activity-1{background:color-mix(in srgb,var(--accent) 36%,var(--surface));border-color:var(--accent)}.streak-calendar-day.activity-2{background:color-mix(in srgb,var(--accent) 65%,var(--surface));border-color:var(--accent)}.streak-calendar-day.activity-3{background:var(--accent);border-color:var(--accent)}.overview-badges{display:flex;flex-wrap:wrap;gap:.55rem}.overview-badges span{padding:.5rem .75rem;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.78rem}.overview-badges span.unlocked{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.habit-library{margin-bottom:var(--space-3)}.habit-library-search,.program-filters label,.workout-library-filters label{display:grid;gap:.45rem;color:var(--text-muted);font-size:.85rem}.habit-library-search input,.program-filters input,.program-filters select,.workout-library-filters input,.workout-library-filters select{min-height:2.7rem;padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text);font:inherit}.habit-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.habit-library-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:66px;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text);text-align:left;cursor:pointer}.habit-library-item span:first-child{display:grid;gap:.25rem}.habit-library-item small{color:var(--text-muted)}.habit-library-item>span:last-child{color:var(--accent);font-size:1.2rem}.workout-library-filters,.program-filters{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;margin:1rem 0}.meal-week-card{margin-bottom:var(--space-3)}.meal-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.meal-day-card{display:grid;gap:.5rem;align-content:start;min-height:95px;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated)}.meal-day-card small{color:var(--text-muted)}.meal-day-card strong{font-size:.88rem}.history-filters{display:flex;gap:.45rem;overflow-x:auto;margin:1rem 0}.history-filters button{flex:0 0 auto;padding:.6rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);cursor:pointer}.history-filters button.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.history-list{padding:.25rem 1.1rem}.history-entry{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.history-entry:last-child{border-bottom:0}.history-entry>div{display:grid;gap:.25rem}.history-entry small{color:var(--text-muted)}.history-entry>span:last-child{color:var(--text-muted);font-size:.8rem}.history-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.history-dot.workouts{background:#8fc4a6}.history-dot.nutrition{background:#e6ad75}.history-dot.skincare{background:#bd9dc9}.profile-hero{display:flex;align-items:center;gap:1rem;margin-bottom:var(--space-3)}.profile-hero h2,.profile-hero p{margin:0}.profile-hero p{color:var(--text-muted)}.profile-hero>div:nth-child(2){flex:1}.profile-avatar-placeholder{display:grid;place-items:center;flex:0 0 64px;height:64px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:700 1.6rem Fraunces,Georgia,serif}.profile-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:var(--space-3)}.profile-stat{display:grid;gap:.5rem;padding:1rem}.profile-stat span{color:var(--text-muted);font-size:.8rem}.profile-stat strong{font-size:clamp(1.4rem,4vw,2rem)}.profile-achievements{margin-bottom:var(--space-3)}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.achievement{display:flex;align-items:center;gap:.7rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted)}.achievement>span{font-size:1.4rem}.achievement>div{display:grid;gap:.2rem}.achievement small{color:var(--text-muted)}.achievement.unlocked{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}@media (max-width: 720px){.activity-dashboard{grid-template-columns:1fr}.activity-dashboard .overview-achievements{grid-column:auto}.meal-week-grid,.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{flex-wrap:wrap}.profile-hero>button{width:100%}.workout-library-filters,.program-filters,.habit-library-grid,.achievement-grid{grid-template-columns:1fr}}.profile-avatar{display:block;flex:0 0 auto;overflow:hidden}.avatar-editor{display:grid;justify-items:center;gap:.7rem;flex:0 1 540px;min-width:190px}.profile-identity{flex:1;min-width:150px}.avatar-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%}.avatar-options label{display:grid;gap:.35rem;color:var(--text-muted);font-size:.82rem}.avatar-options select{min-height:2.6rem;width:100%;padding:.55rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text);font:inherit}.avatar-editor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.friend-avatar{border-radius:50%}@media (max-width: 720px){.avatar-options{grid-template-columns:1fr 1fr}.profile-identity{width:100%}.friends-ranking-list li{grid-template-columns:1.8rem 36px minmax(0,1fr) auto;gap:.4rem}}.friends-page{max-width:950px}.friends-requests,.friends-list,.friends-ranking{margin-top:var(--space-3)}.friend-person-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem 0;border-top:1px solid var(--border)}.friend-person-row>div{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:end}.friends-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.friend-person-card{display:grid;justify-items:center;gap:.55rem;padding:1rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);text-align:center}.league-position{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1rem 0}.league-position>div{display:grid;gap:.35rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated)}.league-position span{color:var(--text-muted);font-size:.78rem}.league-position strong{font-size:1.15rem;text-transform:capitalize}.league-position small{color:var(--text-muted);font-size:.78rem}.league-zones{display:grid;grid-template-columns:3fr 4fr 3fr;overflow:hidden;margin:1rem 0 .35rem;border-radius:999px;text-align:center;font-size:.7rem}.league-zones span{padding:.55rem .2rem}.league-zone-promotion{background:color-mix(in srgb,#5b9b79 30%,var(--surface));color:var(--text)}.league-zone-stay{background:var(--surface-elevated);color:var(--text-muted)}.league-zone-demotion{background:color-mix(in srgb,#bd6f66 25%,var(--surface));color:var(--text)}.league-ranking-list li.promotion .friend-place{color:#7ab78f}.league-ranking-list li.relegation .friend-place{color:#d98a7d}.league-week-result{display:flex;align-items:center;gap:.9rem;margin:1rem 0;padding:1rem;border:1px solid var(--accent);border-radius:var(--radius-md, 16px);background:var(--accent-soft);animation:league-result-enter .5s ease both}.league-week-result>span{font-size:1.7rem;color:var(--accent)}.league-week-result p{margin:.35rem 0 0;color:var(--text-muted)}.league-tier-path{display:flex;gap:.45rem;overflow-x:auto;padding:.85rem 0 .25rem}.league-tier-path span{flex:0 0 auto;padding:.4rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--text-faint);font-size:.75rem}.league-tier-path span.reached{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}@keyframes league-result-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.friends-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-person-row{grid-template-columns:42px minmax(0,1fr)}.friend-person-row>div{grid-column:1 / -1;justify-content:start}.league-position{grid-template-columns:1fr}.league-zones{font-size:.62rem}}@media (prefers-reduced-motion: reduce){.league-week-result{animation:none}}:root{--motion-fast: .15s;--motion-base: .24s;--motion-slow: .38s;--spring: cubic-bezier(.2,.8,.2,1);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--pillar-habits: #a6d58b;--pillar-sport: #8bc9bb;--pillar-nutrition: #f1bf76;--pillar-skincare: #d6a9dc;--rarity-common: #b8c4ba;--rarity-rare: #7bc4ea;--rarity-epic: #c59bed;--rarity-legendary: #f3cb76}[data-theme=dark]{--bg: #101a15;--surface: #17231c;--surface-elevated: #1d2c23;--surface-sunken: #131e18;--text: #f5f3ec;--text-muted: #c1cbc2;--text-faint: #9aa89d;--border: #2b3b31;--border-strong: #496052;--accent: #ff927b;--accent-dark: #ff9b83;--accent-soft: rgba(255, 146, 123, .14);--shadow-sm: 0 6px 18px rgba(0, 0, 0, .15);--shadow-md: 0 14px 38px rgba(0, 0, 0, .24);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .34)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button,a,input,select{-webkit-tap-highlight-color:transparent}button{transition-duration:var(--motion-fast);transition-timing-function:var(--spring)}.dashboard{position:relative;isolation:isolate;grid-template-rows:auto 1fr;background:radial-gradient(ellipse at 76% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 44%),radial-gradient(ellipse at 8% 88%,color-mix(in srgb,#77b69a 7%,transparent),transparent 34%),var(--bg)}.dashboard:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.sidebar{grid-row:1 / span 2;position:sticky;top:0;height:100vh;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--border) 82%,transparent)}.sidebar-logo{font-size:1.4rem;letter-spacing:-.04em}.sidebar-link{min-height:46px;border-radius:14px;font-weight:560}.sidebar-link.active{color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.dashboard-mobile-header{grid-column:2;min-height:82px;padding:.85rem clamp(1rem,3vw,2.3rem);display:flex;align-items:center;gap:clamp(.55rem,1.6vw,1.15rem);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-brand{display:flex;align-items:center;gap:.55rem;padding:0;border:0;background:none;color:var(--text);cursor:pointer}.app-brand .sidebar-logo{padding:0}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#17221b;background:linear-gradient(145deg,#ffc1a9,var(--accent));font:800 1.35rem var(--font-display);box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 32%,transparent)}.player-status{min-width:130px;width:min(21vw,220px);margin-left:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .55rem}.player-level{color:var(--text);font-size:.73rem;font-weight:750}.player-xp-label{color:var(--text-muted);font-size:.68rem;text-align:right;font-variant-numeric:tabular-nums}.player-xp,.xp-bar{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-sunken);box-shadow:inset 0 1px 3px #0000002e}.player-xp span,.xp-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ffc09f);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent);transition:width .5s var(--spring)}.player-streak{min-width:48px;min-height:44px;padding:.3rem .55rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);color:#ffd18b;cursor:pointer}.player-streak strong{color:var(--text);font-size:1rem;font-variant-numeric:tabular-nums}.player-avatar-button{display:grid;place-items:center;width:48px;height:48px;padding:2px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:50%;background:var(--surface-elevated);cursor:pointer;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 14%,transparent)}.player-avatar-button .profile-avatar{width:42px;height:42px}.dashboard-main{grid-column:2;grid-row:2;width:100%;max-width:1440px;padding:clamp(1.25rem,3vw,2.8rem) clamp(1rem,3vw,2.4rem) 4rem}.page-transition{animation:page-enter var(--motion-base) var(--spring) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:clamp(1.2rem,3vw,2.1rem)}.dashboard-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.035em}.surface-card,.game-card,.streak-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated) 88%,transparent),var(--surface));box-shadow:var(--shadow-md)}.surface-card,.game-card{padding:clamp(1rem,2.1vw,1.5rem)}.surface-card:after,.game-card:after{position:absolute;inset:0 0 auto;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none}.streak-card{padding:1.35rem;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,#ffc071 19%,transparent),transparent 52%),linear-gradient(140deg,var(--surface-elevated),var(--surface))}.streak-value{font-size:clamp(2rem,5vw,3rem);line-height:1;font-variant-numeric:tabular-nums}.card-head h2{font-size:1.25rem}.progress-track{height:9px}.today-checklist li{border-color:color-mix(in srgb,var(--border) 72%,transparent)}.today-check{min-height:50px}.btn-primary,.primary-button,.btn-secondary,.btn-danger,.game-button{min-height:44px;border-radius:14px;font-weight:650}.btn-primary,.primary-button,.game-button-primary{box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 22%,transparent)}.btn-primary:hover,.primary-button:hover,.game-button:hover{transform:translateY(-1px)}.game-button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;border:1px solid transparent;font:inherit;cursor:pointer}.game-button-primary{color:#251a16;background:var(--accent)}.game-button-secondary{color:var(--text);border-color:var(--border-strong);background:var(--surface-elevated)}.game-button-ghost{color:var(--text-muted);border-color:transparent;background:transparent}.game-chip,.game-badge{display:inline-flex;align-items:center;gap:.3rem;min-height:28px;padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);background:var(--surface-sunken);font-size:.74rem;font-weight:700}.game-chip-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--accent-soft)}.rarity-common{color:var(--rarity-common)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary);box-shadow:0 0 18px color-mix(in srgb,var(--rarity-legendary) 14%,transparent)}.progress-ring{position:relative;display:grid;place-items:center;flex:0 0 auto}.progress-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.progress-ring circle{fill:none}.progress-ring-track{stroke:var(--surface-sunken)}.progress-ring-value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s var(--spring);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 45%,transparent))}.progress-ring>span{z-index:1;font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}.sheet-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:center;background:#050c08a6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-up var(--motion-fast) ease both}.game-sheet{width:min(100%,620px);max-height:min(85svh,900px);overflow:auto;padding:.8rem 1.25rem max(1.25rem,env(safe-area-inset-bottom));border:1px solid var(--border);border-bottom:0;border-radius:28px 28px 0 0;background:var(--surface-elevated);box-shadow:var(--shadow-lg);animation:sheet-enter var(--motion-base) var(--spring) both}.game-sheet header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.game-sheet h2{font:650 1.35rem var(--font-display)}.sheet-handle{width:40px;height:4px;margin:0 auto .6rem;border-radius:999px;background:var(--border-strong)}.sheet-close,.game-toast button{width:44px;height:44px;border:0;border-radius:50%;background:var(--surface-sunken);color:var(--text);font-size:1.4rem;cursor:pointer}@keyframes sheet-enter{0%{transform:translateY(30px);opacity:.5}to{transform:translateY(0);opacity:1}}.game-toast{position:fixed;z-index:70;left:50%;bottom:calc(5rem + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 2rem),460px);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem .65rem 1rem;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface-elevated);box-shadow:var(--shadow-lg);animation:page-enter var(--motion-base) var(--spring) both}.game-toast button{width:36px;height:36px;font-size:1.1rem}.game-skeleton{display:grid;gap:.65rem}.game-skeleton span{height:14px;border-radius:999px;background:linear-gradient(90deg,var(--surface-sunken),var(--surface-elevated),var(--surface-sunken));background-size:200% 100%;animation:skeleton-shimmer 1.6s linear infinite}.game-skeleton span:nth-child(2){width:83%}.game-skeleton span:nth-child(3){width:62%}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.game-empty-state{display:grid;justify-items:center;gap:.5rem;padding:2rem 1rem;text-align:center}.game-empty-state h2{margin:.5rem 0 0;font:650 1.35rem var(--font-display)}.game-empty-state p{max-width:32rem;margin:0 0 .5rem;color:var(--text-muted);line-height:1.55}.empty-orb{display:grid;place-items:center;width:58px;height:58px;border-radius:22px;color:var(--accent);background:var(--accent-soft);font-size:1.6rem;animation:mascot-bob 2.4s ease-in-out infinite}.theme-toggle{min-height:44px}.dashboard-topbar{background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--border);padding-bottom:max(.55rem,env(safe-area-inset-bottom))}.dashboard-topbar button{min-height:54px;font-size:.68rem}.dashboard-topbar button.active svg{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 45%,transparent))}.dashboard-more-menu{z-index:35}@media (max-width: 720px){.dashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.dashboard-mobile-header{grid-column:1;position:sticky;top:0;z-index:25;min-height:72px;padding:.65rem .75rem}.dashboard-mobile-header .sidebar-logo{font-size:1.05rem}.brand-mark{width:32px;height:32px;border-radius:11px}.player-status{min-width:88px;width:min(28vw,130px);gap:.18rem .35rem}.player-xp-label{font-size:.62rem}.player-level{font-size:.68rem}.player-streak{min-width:42px;min-height:42px;padding:.2rem .4rem}.player-avatar-button{width:44px;height:44px}.dashboard-main{grid-column:1;grid-row:2;padding:1.3rem .9rem calc(6.7rem + env(safe-area-inset-bottom))}.dashboard-topbar{gap:.1rem}.dashboard-topbar button{min-height:54px}}@media (max-width: 390px){.app-brand .sidebar-logo{display:none}.dashboard-mobile-header{gap:.45rem}.player-status{min-width:86px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-shell select{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .7rem;color:var(--text);background:var(--surface);font:inherit}.legal-accept{display:flex!important;align-items:flex-start;gap:.6rem;margin:.4rem 0!important;color:var(--text)!important;font-size:.86rem!important;line-height:1.45}.legal-accept input{width:20px;height:20px;flex:0 0 auto;margin:0;accent-color:var(--accent)}.legal-notice{display:grid;gap:.5rem;margin:.6rem 0}.legal-notice details{padding:.75rem .85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-sunken)}.legal-notice summary{min-height:30px;color:var(--text);font-weight:650;cursor:pointer}.legal-notice p{color:var(--text-muted);font-size:.82rem;line-height:1.55}.legal-notice.compact details:not([open]) p{display:none}.feedback-form{display:grid;gap:.8rem}.feedback-form label{display:grid;gap:.35rem;color:var(--text-muted);font-size:.82rem}.feedback-form select,.feedback-form textarea{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:12px;padding:.65rem .75rem;color:var(--text);background:var(--surface);font:inherit}.feedback-form textarea{min-height:110px;resize:vertical}.friend-safety-actions{display:flex;justify-content:center;gap:.55rem}.friend-safety-actions .btn-ghost{min-height:44px;padding:.45rem .6rem;text-decoration:none}.privacy-note{max-width:70ch;padding:.8rem 1rem;border-left:3px solid var(--border-strong);border-radius:0 12px 12px 0;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 72%,transparent);font-size:.82rem;line-height:1.55}.hub-stage{--scene-tint: #79a78a;position:relative;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);gap:clamp(1rem,3vw,2rem);min-height:360px;margin:0 0 var(--space-3);padding:clamp(1rem,2.5vw,1.7rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--scene-tint) 26%,var(--border));border-radius:30px;background:radial-gradient(ellipse at 17% 0%,color-mix(in srgb,var(--scene-tint) 26%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--surface-elevated) 90%,transparent),var(--surface));box-shadow:var(--shadow-lg)}.hub-stage:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.18;background-image:radial-gradient(rgba(255,255,255,.45) .7px,transparent .7px);background-size:14px 14px;-webkit-mask-image:linear-gradient(90deg,black,transparent 62%);mask-image:linear-gradient(90deg,black,transparent 62%)}.hub-stage.stage-1{--scene-tint: #80c9b1}.hub-stage.stage-2{--scene-tint: #9bd287}.hub-stage.stage-3{--scene-tint: #d7b67a}.hub-stage.stage-4{--scene-tint: #c0a3e2}.hub-scene{position:relative;isolation:isolate;display:grid;place-items:center;min-height:320px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 52% 34%,color-mix(in srgb,var(--scene-tint) 27%,transparent),transparent 28%),linear-gradient(165deg,color-mix(in srgb,var(--scene-tint) 14%,var(--surface-elevated)),color-mix(in srgb,var(--surface-sunken) 95%,transparent))}.hub-scene:before,.hub-scene:after{position:absolute;z-index:-1;bottom:12%;width:120%;height:35%;border-radius:50% 50% 0 0;content:"";background:color-mix(in srgb,var(--scene-tint) 16%,var(--surface))}.hub-scene:before{left:-22%;transform:rotate(-8deg)}.hub-scene:after{right:-26%;bottom:5%;height:30%;opacity:.78;transform:rotate(7deg)}.hub-avatar{z-index:2;width:min(60%,210px);height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.23));animation:avatar-idle 3.8s ease-in-out infinite}@keyframes avatar-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}.scene-platform{position:absolute;z-index:1;bottom:18%;width:54%;height:15px;border-radius:50%;background:color-mix(in srgb,var(--scene-tint) 45%,var(--surface));box-shadow:0 9px 24px color-mix(in srgb,var(--scene-tint) 22%,transparent)}.scene-orbit{position:absolute;width:210px;height:210px;border:1px solid color-mix(in srgb,var(--scene-tint) 28%,transparent);border-radius:50%}.orbit-one{transform:scaleX(1.34) rotate(-21deg)}.orbit-two{width:270px;height:270px;border-style:dashed;opacity:.55;transform:scaleX(1.2) rotate(28deg)}.scene-spark{position:absolute;z-index:3;color:color-mix(in srgb,var(--scene-tint) 88%,white);text-shadow:0 0 15px var(--scene-tint);animation:spark-drift 3s ease-in-out infinite alternate}.spark-one{top:20%;left:21%;font-size:1.1rem}.spark-two{top:30%;right:20%;animation-delay:.8s;font-size:.75rem}@keyframes spark-drift{to{transform:translateY(-7px) rotate(14deg);opacity:.6}}.scene-level{position:absolute;z-index:4;top:.85rem;left:.85rem;padding:.36rem .65rem;border:1px solid color-mix(in srgb,var(--scene-tint) 35%,var(--border));border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.72rem;font-weight:750}.scene-location{position:absolute;z-index:4;right:.75rem;bottom:.65rem;color:var(--text-muted);font-size:.69rem;font-weight:650}.hub-panel{z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.hub-eyebrow{margin:0 0 .45rem;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.12em}.hub-intro h2{margin:0;font:650 clamp(1.65rem,3vw,2.55rem)/1.05 var(--font-display);letter-spacing:-.035em}.hub-intro>p:last-child{margin:.55rem 0 1rem;color:var(--text-muted);line-height:1.45}.hub-stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.85rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 74%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hub-xp-stat{display:flex;align-items:center;gap:.7rem;min-width:0}.hub-xp-stat>div:last-child{display:grid;gap:.25rem;min-width:0}.hub-xp-stat strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.hub-xp-stat>div:last-child>span{color:var(--text-muted);font-size:.72rem}.hub-streak-stat{display:grid;justify-items:center;gap:.06rem;min-width:62px}.hub-streak-stat strong{font-size:1.55rem;line-height:1;font-variant-numeric:tabular-nums}.hub-streak-stat>span:last-child,.hub-quest-stat>span{color:var(--text-muted);font-size:.68rem;text-align:center}.streak-flame{color:#ffbd70;font-size:1.25rem;filter:drop-shadow(0 0 8px rgba(255,189,112,.4))}.hub-quest-stat{display:grid;justify-items:center;gap:.25rem}.hub-mascot-message{display:flex;align-items:center;gap:.75rem;min-height:66px;margin:.65rem 0;padding:.55rem .75rem;border-radius:16px;background:color-mix(in srgb,var(--scene-tint) 10%,transparent)}.hub-mascot-message .carnet-mascot{width:38px;height:57px;flex:0 0 auto}.hub-mascot-message p{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.4}.hub-week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin:.1rem 0 .8rem}.hub-week-strip>div{display:grid;justify-items:center;gap:.1rem;padding:.35rem .2rem;border:1px solid transparent;border-radius:12px;color:var(--text-faint);font-size:.65rem;text-transform:capitalize}.hub-week-strip>div.active{color:var(--text);background:color-mix(in srgb,var(--scene-tint) 15%,var(--surface))}.hub-week-strip>div.current{border-color:color-mix(in srgb,var(--scene-tint) 50%,var(--border))}.hub-week-strip i{color:var(--scene-tint);font-size:.9rem;font-style:normal;font-weight:800}.hub-actions{display:flex;flex-wrap:wrap;gap:.5rem}.hub-actions button{min-height:44px;padding:.55rem .8rem;border-radius:13px;font:650 .78rem var(--font-body);cursor:pointer}.hub-action-primary{border:1px solid var(--accent);color:#241915;background:var(--accent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.hub-action-secondary{border:1px solid var(--border-strong);color:var(--text);background:var(--surface-elevated)}.hub-circle-card{margin:0 0 var(--space-3)}.hub-circle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.hub-circle-list>div{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.55rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-sunken)}.hub-circle-list strong{overflow:hidden;flex:1;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.hub-circle-list>div>span:last-child{color:var(--text-muted);font-size:.7rem;white-space:nowrap}@media (max-width: 860px){.hub-stage{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:.85rem}.hub-scene{min-height:300px}}@media (max-width: 640px){.hub-stage{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:.8rem;border-radius:24px}.hub-scene{min-height:210px}.hub-avatar{width:145px}.scene-platform{bottom:16%;width:44%}.scene-orbit{width:150px;height:150px}.orbit-two{width:195px;height:195px}.hub-panel{padding:.3rem .25rem .15rem}.hub-intro h2{font-size:1.85rem}.hub-stat-row{grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;padding:.65rem .55rem}.hub-xp-stat{gap:.45rem}.hub-xp-stat .progress-ring{width:58px!important;height:58px!important}.hub-xp-stat strong{font-size:1rem}.hub-xp-stat>div:last-child>span{font-size:.63rem}.hub-streak-stat{min-width:45px}.hub-streak-stat strong{font-size:1.35rem}.hub-circle-list{grid-template-columns:1fr}.hub-circle-list>div{min-height:52px}}@media (prefers-reduced-motion: reduce){.hub-avatar,.scene-spark{animation:none}}.player-wallet{display:flex;align-items:center;gap:.35rem;min-height:42px;padding:.35rem .65rem;border:1px solid color-mix(in srgb,#f1c66f 35%,var(--border));border-radius:14px;color:#f1c66f;background:color-mix(in srgb,#f1c66f 9%,var(--surface-elevated));font-variant-numeric:tabular-nums}.player-wallet strong{color:var(--text);font-size:.9rem}.progression-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--space-3)}.progression-grid>article{min-width:0}.daily-reward-card{background:radial-gradient(circle at 100% 0,rgba(240,197,112,.14),transparent 55%),linear-gradient(145deg,var(--surface-elevated),var(--surface))}.daily-reward-card h2{margin:.15rem 0;font:700 2rem var(--font-display)}.daily-reward-card h2 span{color:#f1c66f;font-size:1.2rem}.daily-reward-card>p{margin-bottom:.85rem}.weekly-challenges-card{grid-row:span 2}.challenge-list{display:grid;gap:.6rem}.challenge-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-sunken)}.challenge-row>div{display:grid;gap:.3rem;min-width:0}.challenge-row strong{font-size:.82rem}.challenge-row span{color:var(--text-muted);font-size:.73rem;line-height:1.35}.challenge-row small{color:var(--text-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.challenge-row.completed{border-color:color-mix(in srgb,var(--pillar-habits) 60%,var(--border))}.challenge-meter{height:5px;overflow:hidden;border-radius:999px;background:var(--surface-elevated)}.challenge-meter i{display:block;height:100%;border-radius:inherit;background:var(--pillar-habits);transition:width .4s var(--spring)}.halloween-event-card{grid-column:1 / -1;border-color:color-mix(in srgb,#c59bed 32%,var(--border));background:radial-gradient(ellipse at 100% 0,rgba(169,121,205,.14),transparent 55%),linear-gradient(130deg,var(--surface-elevated),var(--surface))}.halloween-event-card>p{max-width:70ch;color:var(--text-muted);line-height:1.45}.event-reward-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.85rem 0}.event-reward{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;align-items:center;min-width:0;padding:.7rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-sunken)}.event-reward>span{color:currentColor;font-size:1.2rem}.event-reward strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.event-reward small{grid-column:2;color:var(--text-muted);font-size:.68rem}.halloween-event-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;padding-top:.65rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem}.level-up-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#050b08c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-up var(--motion-fast) ease both}.level-up-dialog{position:relative;width:min(100%,420px);overflow:hidden;padding:2.2rem 1.4rem 1.5rem;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:28px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 53%),var(--surface-elevated);box-shadow:0 25px 100px #00000080,0 0 50px color-mix(in srgb,var(--accent) 12%,transparent);text-align:center;animation:reward-enter .42s var(--spring) both}.level-up-dialog h2{margin:.4rem 0;font:700 clamp(1.7rem,7vw,2.35rem)/1.1 var(--font-display)}.level-up-dialog>p:not(.program-meta){margin:0 0 1rem;color:var(--text-muted)}.level-up-dialog .btn-primary{min-width:170px}.level-up-sigil{display:grid;place-items:center;width:70px;height:70px;margin:0 auto .8rem;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:24px;color:var(--accent);background:var(--accent-soft);font-size:2rem;box-shadow:0 0 35px color-mix(in srgb,var(--accent) 22%,transparent);animation:sigil-pulse 1.8s ease-in-out infinite}.unlocked-reward{margin:.7rem auto 1rem;color:#f1c66f;font:750 1.25rem var(--font-display)}.level-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.level-confetti i{position:absolute;top:-12px;left:var(--confetti-x);width:7px;height:13px;border-radius:2px;background:var(--confetti-color);animation:confetti-fall var(--confetti-duration) ease-in both;animation-delay:var(--confetti-delay)}.rarity-rare .level-up-sigil{color:var(--rarity-rare)}.rarity-epic .level-up-sigil{color:var(--rarity-epic)}.rarity-legendary .level-up-sigil{color:var(--rarity-legendary)}@keyframes reward-enter{0%{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sigil-pulse{50%{transform:scale(1.06) rotate(5deg)}}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(500deg);opacity:0}}.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.achievement{min-width:0;min-height:74px;background:var(--surface-sunken)}.achievement>div{min-width:0}.achievement strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis}.achievement small{display:-webkit-box;overflow:hidden;font-size:.68rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.achievement.unlocked{border-color:color-mix(in srgb,currentColor 35%,var(--border));background:color-mix(in srgb,currentColor 8%,var(--surface))}.rarity-common>span{color:var(--rarity-common)}.rarity-rare>span{color:var(--rarity-rare)}.rarity-epic>span{color:var(--rarity-epic)}.rarity-legendary>span{color:var(--rarity-legendary)}@media (max-width: 720px){.player-wallet{min-height:40px;padding:.3rem .5rem;gap:.25rem}.progression-grid{grid-template-columns:1fr}.weekly-challenges-card{grid-row:auto}.halloween-event-card{grid-column:auto}.event-reward-list{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-up-dialog{padding:1.8rem 1rem 1.2rem}}@media (max-width: 390px){.player-wallet{min-width:0;padding:.2rem .4rem}.player-wallet strong{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.level-up-dialog,.level-up-sigil,.level-confetti i{animation:none}}.profile-hero{display:block;padding:clamp(.9rem,2vw,1.5rem)}.avatar-editor-v3{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:clamp(.9rem,2vw,1.5rem)}.avatar-preview-panel{display:grid;align-content:start;justify-items:center;gap:.55rem;min-width:0;padding:.7rem;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),var(--surface-sunken)}.avatar-preview-stage{position:relative;display:grid;place-items:center;width:100%;min-height:260px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%)}.avatar-preview{width:min(100%,220px);height:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.25))}.avatar-level-pill{position:absolute;top:.65rem;left:.65rem;padding:.35rem .6rem;border:1px solid var(--border-strong);border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);font-size:.7rem;font-weight:750;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar-pose-preview{display:flex;justify-content:center;gap:.35rem}.avatar-pose-preview button{display:grid;place-items:center;width:54px;height:54px;padding:2px;border:1px solid var(--border);border-radius:15px;background:var(--surface-elevated);cursor:pointer}.avatar-pose-preview button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-pose-preview svg{width:48px;height:48px}.avatar-primary-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.4rem}.avatar-primary-actions button{min-height:44px;padding:.45rem .35rem;font-size:.74rem}.avatar-customization{min-width:0}.avatar-wardrobe-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.avatar-wardrobe-head h3{margin:.2rem 0 .6rem;font:650 1.35rem var(--font-display)}.outfit-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:.35rem 0 .8rem}.outfit-slot{display:grid;justify-items:center;gap:.15rem;min-width:0;padding:.4rem .2rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-sunken)}.outfit-slot>span{color:var(--text-muted);font-size:.65rem}.outfit-slot button{min-height:34px;padding:.25rem .35rem;font-size:.66rem}.avatar-edit-toggle{width:100%;margin-bottom:.7rem}.avatar-category-nav{display:flex;gap:.35rem;overflow-x:auto;padding:.2rem .1rem .55rem;scrollbar-width:thin}.avatar-category-nav button{flex:0 0 auto;min-height:42px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);background:var(--surface-sunken);font:650 .72rem var(--font-body);cursor:pointer}.avatar-category-nav button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:var(--accent-soft)}.avatar-search{display:grid;gap:.35rem;margin:.2rem 0 .6rem;color:var(--text-muted);font-size:.74rem}.avatar-search input{min-height:44px;border:1px solid var(--border-strong);border-radius:12px;padding:.5rem .7rem;color:var(--text);background:var(--surface);font:inherit}.avatar-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;max-height:360px;overflow:auto;padding:.15rem .15rem .4rem}.avatar-item{display:grid;align-content:start;gap:.25rem;min-width:0;padding:.4rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-sunken)}.avatar-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-item.locked{opacity:.88}.avatar-item-select{display:grid;justify-items:center;gap:.25rem;width:100%;min-height:92px;padding:.3rem;border:0;border-radius:9px;color:var(--text);background:transparent;cursor:pointer}.avatar-item-select:disabled{cursor:default}.avatar-item-swatch{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:50%;color:var(--text);background:var(--surface-elevated);font-size:.9rem}.avatar-item-select strong{display:-webkit-box;overflow:hidden;min-height:2.25em;font-size:.68rem;line-height:1.15;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}.avatar-item-meta{color:var(--text-faint);font-size:.58rem;text-transform:capitalize}.avatar-item-buy{min-height:40px;border:1px solid var(--border);border-radius:9px;color:#f1c66f;background:color-mix(in srgb,#f1c66f 8%,var(--surface));font:700 .66rem var(--font-body);cursor:pointer}.avatar-item-buy:disabled{color:var(--text-faint);cursor:not-allowed;opacity:.72}.avatar-editor-actions{margin-top:.7rem}.profile-identity{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;padding-top:.8rem;margin-top:.8rem;border-top:1px solid var(--border)}.profile-identity h2{margin:0;font-family:var(--font-display)}.profile-identity p{overflow-wrap:anywhere}.avatar-animated .avatar-character{--pose-rest: translateY(0);--pose-lift: translateY(-1.5px) scale(1.006);transform-origin:50% 88%;animation:avatar-breathe 3.6s ease-in-out infinite}.avatar-aura{transform-origin:50% 50%;animation:avatar-aura 4.5s ease-in-out infinite}.avatar-sparkles{animation:avatar-sparkle 2.8s ease-in-out infinite alternate}.avatar-companion{transform-origin:79px 86px;animation:avatar-companion-bob 2.4s ease-in-out infinite}.pose-pose-02 .avatar-arms{transform:rotate(12deg);transform-origin:50% 84px}.pose-pose-03 .avatar-character{--pose-rest: scale(1.02);--pose-lift: translateY(-2px) scale(1.04)}.pose-pose-04 .avatar-character{--pose-rest: rotate(-2deg);--pose-lift: translateY(-1px) rotate(-2deg)}.pose-pose-05 .avatar-arms{transform:rotate(-16deg);transform-origin:50% 84px}.pose-pose-06 .avatar-character{--pose-rest: rotate(-3deg);--pose-lift: translateY(-1px) rotate(-3deg)}.pose-pose-07 .avatar-character{--pose-rest: translateY(1px) scale(.98);--pose-lift: translateY(0) scale(.98)}.pose-pose-08 .avatar-arms{transform:rotate(20deg);transform-origin:50% 84px}.pose-pose-09 .avatar-character{--pose-rest: rotate(3deg);--pose-lift: translateY(-1px) rotate(3deg)}.pose-pose-10 .avatar-character{--pose-rest: translateY(2px) scale(.99);--pose-lift: translateY(1px) scale(.99)}.pose-pose-11 .avatar-character{--pose-rest: rotate(-2deg);--pose-lift: translateY(-2px) rotate(-2deg)}.pose-pose-12 .avatar-character{--pose-rest: scale(1.01);--pose-lift: translateY(-3px) scale(1.03)}@keyframes avatar-breathe{0%,to{transform:var(--pose-rest, translateY(0))}50%{transform:var(--pose-lift, translateY(-1.5px) scale(1.006))}}@keyframes avatar-aura{50%{opacity:.35;transform:scale(1.04)}}@keyframes avatar-sparkle{to{opacity:.55;transform:rotate(3deg)}}@keyframes avatar-companion-bob{50%{transform:translateY(-2px) rotate(2deg)}}@media (max-width: 800px){.avatar-editor-v3{grid-template-columns:1fr}.avatar-preview-stage{min-height:230px}.avatar-preview{width:min(65%,210px)}.avatar-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:320px}}@media (max-width: 420px){.avatar-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-primary-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.avatar-animated .avatar-character,.avatar-aura,.avatar-sparkles,.avatar-companion{animation:none}}.onboarding-avatar-step{gap:.5rem}.onboarding-avatar-preview{display:grid;place-items:center;width:220px;height:220px;margin:.4rem auto;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle,var(--accent-soft),var(--surface-sunken))}.onboarding-avatar-preview svg{width:190px;height:190px}.onboarding-avatar-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(100%,540px);margin:.5rem auto .8rem;text-align:left}.onboarding-avatar-fields label{display:grid;gap:.3rem;color:var(--text-muted);font-size:.76rem}.onboarding-avatar-fields select{min-height:44px;border:1px solid var(--border-strong);border-radius:12px;padding:.45rem .6rem;color:var(--text);background:var(--surface);font:inherit}.onboarding-avatar-step>.btn-primary{min-width:200px}.onboarding-first-quest-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;width:min(100%,480px);margin:.7rem auto 1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:20px;background:linear-gradient(135deg,var(--surface-elevated),var(--surface));text-align:left}.onboarding-first-quest-card strong{font:650 1.1rem var(--font-display)}.onboarding-first-quest-card p{margin:.25rem 0;color:var(--text-muted);font-size:.82rem}.onboarding-first-quest-card span{color:#e3bf72;font-size:.75rem;font-weight:700}.first-quest-onboarding>.btn-primary{min-width:220px}.onboarding-tour-step>.progress-ring{margin:.4rem auto}.onboarding-tour-step>.btn-primary{min-width:190px}@media (max-width: 520px){.onboarding-avatar-fields{grid-template-columns:1fr 1fr;gap:.45rem}.onboarding-avatar-preview{width:180px;height:180px}.onboarding-avatar-preview svg{width:160px;height:160px}.onboarding-first-quest-card{grid-template-columns:64px minmax(0,1fr);padding:.8rem}}.living-companion{position:fixed;z-index:42;right:1.2rem;bottom:1.2rem;display:grid;justify-items:end;gap:.3rem;pointer-events:none}.companion-trigger{display:grid;place-items:center;width:62px;height:68px;padding:.25rem;border:1px solid var(--border-strong);border-radius:21px;color:var(--text);background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);box-shadow:var(--shadow-md);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.companion-trigger .carnet-mascot{width:34px;height:54px;animation:mascot-bob 3s ease-in-out infinite}.companion-message{max-width:min(72vw,280px);margin:0;padding:.7rem .85rem;border:1px solid var(--border);border-radius:16px 16px 4px;color:var(--text);background:var(--surface-elevated);box-shadow:var(--shadow-md);font-size:.78rem;line-height:1.4;animation:reward-enter var(--motion-base) var(--spring) both;pointer-events:auto}.living-companion.stage-0{--mascot-color: #85b895;--mascot-soft: rgba(133,184,149,.2)}.living-companion.stage-1{--mascot-color: #6cb7a3;--mascot-soft: rgba(108,183,163,.2)}.living-companion.stage-2{--mascot-color: #88ba72;--mascot-soft: rgba(136,186,114,.2)}.living-companion.stage-3{--mascot-color: #d0a957;--mascot-soft: rgba(208,169,87,.2)}.living-companion.stage-4{--mascot-color: #a68bc8;--mascot-soft: rgba(166,139,200,.2)}.carnet-mascot{transition:filter var(--motion-base) var(--spring)}.living-companion.open .carnet-mascot{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--mascot-color) 55%,transparent))}.xp-floater-layer{position:fixed;z-index:90;top:96px;right:1.5rem;display:grid;justify-items:end;gap:.25rem;pointer-events:none}.xp-floater{color:var(--accent);font:800 1.05rem var(--font-display);text-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent);animation:xp-rise 1.45s var(--spring) both}.xp-floater:nth-child(2){animation-delay:.08s}.xp-floater:nth-child(3){animation-delay:.16s}@keyframes xp-rise{0%{opacity:0;transform:translateY(15px) scale(.92)}20%{opacity:1}to{opacity:0;transform:translateY(-26px) scale(1.04)}}.weekly-summary-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 var(--space-3);padding:1.1rem 1.3rem;border-color:color-mix(in srgb,var(--pillar-sport) 28%,var(--border));background:radial-gradient(circle at 96% 10%,color-mix(in srgb,var(--pillar-sport) 14%,transparent),transparent 38%),var(--surface);animation:page-enter .42s var(--spring) both}.weekly-summary-card h2{margin:.2rem 0;font:650 clamp(1.2rem,3vw,1.65rem) var(--font-display)}.weekly-summary-card>p{max-width:22ch;margin:0;color:var(--text-muted);font-size:.78rem;text-align:right}.weekly-summary-orbit{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:15px;color:var(--pillar-sport);background:color-mix(in srgb,var(--pillar-sport) 13%,var(--surface-sunken));font-size:1.3rem}.friend-emotes{display:flex;justify-content:center;gap:.15rem}.friend-emotes button{min-width:40px;min-height:44px;padding:.2rem;border:1px solid transparent;border-radius:12px;background:transparent;font-size:1.15rem;cursor:pointer}.friend-emotes button:hover:not(:disabled){border-color:var(--border);background:var(--surface);transform:translateY(-2px)}.friend-emotes button:disabled{opacity:.45;cursor:not-allowed}.friend-reactions{margin-bottom:var(--space-3)}.friend-reaction-row{display:grid;grid-template-columns:42px minmax(0,1fr) 36px auto;align-items:center;gap:.65rem;min-height:58px;border-top:1px solid var(--border)}.friend-reaction-row>span{font-size:1.2rem}.friend-reaction-row time{color:var(--text-muted);font-size:.74rem}@media (max-width: 720px){.living-companion{right:.65rem;bottom:calc(6.45rem + env(safe-area-inset-bottom))}.companion-trigger{width:54px;height:58px;border-radius:18px}.companion-trigger .carnet-mascot{width:29px;height:47px}.xp-floater-layer{top:78px;right:.8rem}.weekly-summary-card{align-items:flex-start;flex-wrap:wrap;gap:.5rem}.weekly-summary-card>p{width:100%;max-width:none;text-align:left}.friend-emotes{flex-wrap:wrap}.friend-reaction-row{grid-template-columns:40px minmax(0,1fr) 30px auto;gap:.4rem}}@media (prefers-reduced-motion: reduce){.companion-message,.xp-floater,.weekly-summary-card,.living-companion .carnet-mascot{animation:none}}.simulated-participant{background:color-mix(in srgb,var(--surface-sunken) 76%,transparent)}.simulated-participant .friend-name{display:grid;gap:.15rem;color:var(--text-muted)}.simulated-label{width:fit-content;padding:.16rem .38rem;border:1px dashed var(--border-strong);border-radius:999px;color:var(--text-faint);font-size:.58rem;font-weight:600}.league-zones span{min-height:44px;display:grid;place-items:center}.workout-name-field{display:grid;gap:.4rem;width:min(100%,28rem);margin-bottom:1rem;color:var(--text-muted);font-size:.82rem}.workout-name-field input{min-height:46px;border:1px solid var(--border-strong);border-radius:13px;padding:.6rem .75rem;color:var(--text);background:var(--surface);font:inherit}.food-search-label{flex:0 0 100%;color:var(--text-muted);font-size:.8rem}.workout-reader{width:min(100%,760px);margin:0 auto;padding:clamp(1rem,4vw,2rem)}.workout-reader-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.workout-reader-header h2{margin:.2rem 0;font:650 clamp(1.35rem,4vw,1.9rem) var(--font-display)}.workout-reader-progress{display:flex;align-items:center;gap:.9rem;margin:1rem 0;padding:.85rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-sunken)}.workout-reader-progress>div{display:grid;gap:.15rem;color:var(--text-muted);font-size:.8rem}.workout-reader-progress strong{color:var(--text);font:700 1.5rem var(--font-display);font-variant-numeric:tabular-nums}.workout-current-exercise{display:grid;justify-items:center;gap:.35rem;min-height:180px;padding:1.2rem;border:1px solid color-mix(in srgb,var(--pillar-sport) 30%,var(--border));border-radius:22px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--pillar-sport) 14%,transparent),transparent 65%),var(--surface-elevated);text-align:center}.workout-current-exercise>p{margin:0;color:var(--text-muted);font-size:.78rem}.workout-current-exercise h3{margin:.2rem 0;font:650 clamp(1.5rem,5vw,2rem) var(--font-display)}.workout-prescription{display:flex;align-items:center;gap:.6rem}.workout-prescription strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.workout-prescription span{color:var(--text-muted);font-size:.8rem}.workout-rest-setting{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.8rem 0;color:var(--text-muted);font-size:.78rem}.workout-rest-setting select{min-height:44px;padding:.4rem .65rem;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface);font:inherit}.workout-rest-panel{display:grid;justify-items:center;gap:.35rem;margin:.8rem 0;padding:.85rem;border:1px solid color-mix(in srgb,#efc471 35%,var(--border));border-radius:18px;background:color-mix(in srgb,#efc471 8%,var(--surface))}.workout-rest-panel strong{color:#e6bf70;font:750 2rem var(--font-display);font-variant-numeric:tabular-nums}.workout-rest-actions{display:flex;gap:.5rem}.workout-reader-actions{display:grid;grid-template-columns:1fr auto;gap:.55rem;margin-top:1rem}.workout-finish-early{display:block;min-height:44px;margin:.35rem auto 0}.workout-finished{display:grid;justify-items:center;text-align:center}.workout-finished h2{margin:.3rem 0;font:700 1.8rem var(--font-display)}.workout-finished>p:not(.program-meta){color:var(--text-muted)}.pillar-error{display:grid;justify-items:start;gap:.75rem;border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.pillar-error p{margin:0;color:var(--text-muted)}.macro-summary-card{margin:0 0 var(--space-3)}.macro-share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.macro-share-item{display:grid;justify-items:center;gap:.3rem;padding:.75rem .3rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-sunken)}.macro-share-item strong{font-size:.78rem}.macro-share-item span{color:var(--text-muted);font-size:.74rem;font-variant-numeric:tabular-nums}.macro-summary-card>.card-head .side-sub{max-width:48ch}@media (max-width: 520px){.workout-reader-actions{grid-template-columns:1fr}.macro-share-grid{gap:.35rem}.macro-share-item{padding:.6rem .2rem}.macro-share-item .progress-ring{width:62px!important;height:62px!important}}.check{width:44px;height:44px}.habit-calendar-card{overflow-x:auto;overscroll-behavior-inline:contain}.habit-calendar-card .date-row,.habit-calendar-card .habit-row{min-width:620px}.habit-calendar-card .day-cell{width:44px}.habit-calendar-card .habit-row{grid-template-columns:minmax(180px,1fr) repeat(7,44px)}.row-actions button{min-height:44px;padding:.35rem .4rem}.dashboard-more-menu button{min-height:44px}.friend-emotes button{min-width:44px}.avatar-category-nav button,.avatar-item-buy,.outfit-slot button{min-height:44px}@media (max-width: 720px){.habit-calendar-card .date-row,.habit-calendar-card .habit-row{min-width:620px}.habit-calendar-card .habit-row{grid-template-columns:minmax(180px,1fr) repeat(7,44px)}}:root,[data-theme=dark]{--bg: #0b1310;--bg-deep: #08100c;--surface: #121c17;--surface-elevated: #17231d;--surface-sunken: #0e1712;--surface-glass: rgba(20, 31, 25, .72);--surface-hover: #1c2a23;--text: #f3f1ea;--text-muted: #b9c6bc;--text-faint: #8f9e93;--border: #22312a;--border-strong: #34483c;--hairline: rgba(255, 255, 255, .06);--accent: #ff8a70;--accent-2: #ffb592;--accent-dark: #ea725a;--accent-soft: rgba(255, 138, 112, .14);--accent-ink: #2a130d;--accent-gradient: linear-gradient(135deg, #ff9a7c 0%, #ff8a70 45%, #f4705a 100%);--moss: #7fd3a4;--moss-soft: rgba(127, 211, 164, .14);--gold: #f2c46b;--gold-soft: rgba(242, 196, 107, .14);--sky: #8fb8ff;--danger: #ff8f7c;--success: var(--moss);--streak: #ffb36b;--streak-soft: rgba(255, 179, 107, .14);--glow-moss: rgba(66, 150, 108, .22);--glow-coral: rgba(255, 138, 112, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 10px 28px -12px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .22);--shadow-lg: 0 28px 70px -24px rgba(0, 0, 0, .75), 0 6px 18px rgba(0, 0, 0, .28);--shadow-accent: 0 10px 26px -10px rgba(255, 128, 100, .55);--inner-light: inset 0 1px 0 rgba(255, 255, 255, .05);color-scheme:dark}[data-theme=light]{--bg: #f4efe5;--bg-deep: #ebe4d6;--surface: #fffdf8;--surface-elevated: #ffffff;--surface-sunken: #f0eadf;--surface-glass: rgba(255, 253, 248, .8);--surface-hover: #f7f2e8;--text: #1b2620;--text-muted: #4c5a51;--text-faint: #56635a;--border: #e4dccc;--border-strong: #cfc4ae;--hairline: rgba(27, 38, 32, .06);--accent: #1f6f5c;--accent-2: #2d8a72;--accent-dark: #175646;--accent-soft: rgba(31, 111, 92, .1);--accent-ink: #ffffff;--accent-gradient: linear-gradient(135deg, #2b8670 0%, #1f6f5c 55%, #185a4a 100%);--moss: #22664a;--moss-soft: rgba(46, 125, 87, .1);--gold: #7f5408;--gold-soft: rgba(196, 140, 40, .12);--sky: #2f63b8;--danger: #a23a28;--streak: #9c421c;--streak-soft: rgba(232, 115, 95, .12);--rarity-common: #4f5d54;--rarity-rare: #1f5f8f;--rarity-epic: #6a3d9a;--rarity-legendary: #7f5408;--glow-moss: rgba(46, 125, 87, .08);--glow-coral: rgba(232, 115, 95, .08);--shadow-sm: 0 1px 2px rgba(60, 45, 20, .06);--shadow-md: 0 10px 26px -14px rgba(60, 45, 20, .22), 0 2px 5px rgba(60, 45, 20, .05);--shadow-lg: 0 26px 60px -26px rgba(60, 45, 20, .3), 0 6px 16px rgba(60, 45, 20, .06);--shadow-accent: 0 10px 24px -12px rgba(31, 111, 92, .55);--inner-light: inset 0 1px 0 rgba(255, 255, 255, .9);color-scheme:light}:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Work Sans", system-ui, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: clamp(2rem, 4.2vw, 2.75rem);--fs-num: clamp(2rem, 5vw, 3rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.2, .9, .25, 1.12);--motion-fast: .14s;--motion-base: .24s;--motion-slow: .42s;--tap: 44px}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.5;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--text)}h1{font-size:var(--fs-3xl);line-height:1.05;letter-spacing:-.035em}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}input,select,textarea{font:inherit}.tabular,.streak-value,.hub-xp-stat strong,.hub-streak-stat strong{font-variant-numeric:tabular-nums}.dashboard{background:radial-gradient(1100px 620px at 8% -8%,var(--glow-moss),transparent 62%),radial-gradient(900px 600px at 105% 108%,var(--glow-coral),transparent 60%),var(--bg);background-attachment:fixed}.dashboard:before{opacity:.07}[data-theme=light] .dashboard:before{opacity:.05}.sidebar{background:color-mix(in srgb,var(--bg-deep) 82%,transparent);border-right:1px solid var(--hairline);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.sidebar-logo{font-family:var(--font-display);font-weight:600;letter-spacing:-.04em}.sidebar-link{position:relative;min-height:var(--tap);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-weight:550;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.sidebar-link:hover{background:var(--surface-hover);color:var(--text)}.sidebar-link.active{color:var(--text);background:linear-gradient(90deg,var(--accent-soft),transparent 85%);border-color:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:none}.sidebar-link.active:before{position:absolute;left:-1px;top:22%;bottom:22%;width:3px;border-radius:3px;content:"";background:var(--accent)}.sidebar-section-label{color:var(--text-faint);font-size:.68rem;font-weight:700;letter-spacing:.12em}.dashboard-mobile-header{background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)}.brand-mark{background:var(--accent-gradient);color:var(--accent-ink);box-shadow:var(--shadow-accent)}.player-status{gap:.3rem .6rem}.player-level{font-weight:700;letter-spacing:.01em}.player-xp,.xp-bar{height:8px;background:var(--surface-sunken);box-shadow:inset 0 1px 2px #0000004d}.player-xp span,.xp-bar span{background:linear-gradient(90deg,var(--moss),color-mix(in srgb,var(--moss) 55%,#fff));box-shadow:0 0 12px color-mix(in srgb,var(--moss) 45%,transparent)}.player-streak,.player-wallet{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-glass);box-shadow:var(--inner-light)}.player-streak{color:var(--streak)}.player-wallet{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 28%,var(--border))}.player-avatar-button{border:2px solid transparent;background:linear-gradient(var(--surface-elevated),var(--surface-elevated)) padding-box,var(--accent-gradient) border-box;box-shadow:0 6px 20px -8px color-mix(in srgb,var(--accent) 60%,transparent);transition:transform var(--motion-fast) var(--spring)}.player-avatar-button:hover{transform:scale(1.04)}.dashboard-topbar{background:color-mix(in srgb,var(--bg-deep) 78%,transparent);border-top:1px solid var(--hairline);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 -12px 30px -18px #0009}.dashboard-topbar button{position:relative;color:var(--text-faint);font-weight:600;letter-spacing:.01em;transition:color var(--motion-fast) var(--ease-out)}.dashboard-topbar button svg{transition:transform var(--motion-base) var(--spring)}.dashboard-topbar button.active{color:var(--accent)}.dashboard-topbar button.active svg{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 50%,transparent))}.dashboard-topbar button.active:before{position:absolute;top:4px;left:50%;width:28px;height:3px;border-radius:3px;content:"";transform:translate(-50%);background:var(--accent)}.dashboard-more-menu{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-lg)}.dashboard-header h1{font-size:var(--fs-3xl)}.dashboard-header p{color:var(--text-muted);max-width:60ch}.v4-eyebrow,.program-meta,.hub-eyebrow,.ds-eyebrow{color:var(--accent);font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.v4-muted,.side-sub{color:var(--text-muted)}.surface-card,.game-card,.streak-card,.md-post,.md-panel,.lock-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 92%,transparent),var(--surface)) padding-box;box-shadow:var(--shadow-md),var(--inner-light)}.surface-card:after,.game-card:after{background:linear-gradient(90deg,transparent,var(--hairline) 30%,color-mix(in srgb,#fff 14%,transparent) 50%,var(--hairline) 70%,transparent)}[data-theme=light] .surface-card:after,[data-theme=light] .game-card:after{background:none}.card-head h2{font-size:var(--fs-xl)}@keyframes ds-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-transition>*>.surface-card,.page-transition>*>section,.page-transition .ds-stagger>*{animation:ds-rise var(--motion-slow) var(--ease-out) both}.page-transition>*>:nth-child(2){animation-delay:40ms}.page-transition>*>:nth-child(3){animation-delay:80ms}.page-transition>*>:nth-child(4){animation-delay:.12s}.page-transition>*>:nth-child(5){animation-delay:.16s}.page-transition>*>:nth-child(n+6){animation-delay:.2s}.btn-primary,.primary-button,.game-button,.btn-secondary,.btn-danger,.hub-actions button{min-height:var(--tap);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:650;letter-spacing:.005em;transition:transform var(--motion-fast) var(--spring),box-shadow var(--motion-base) var(--ease-out),background var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-fast)}.btn-primary,.primary-button,.game-button-primary,.hub-action-primary{border:1px solid transparent;color:var(--accent-ink);background:var(--accent-gradient);box-shadow:var(--shadow-accent),inset 0 1px #ffffff40}.btn-primary:hover:not(:disabled),.primary-button:hover:not(:disabled),.game-button-primary:hover:not(:disabled),.hub-action-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px -12px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px #ffffff4d}.btn-secondary,.game-button-secondary,.hub-action-secondary{border:1px solid var(--border-strong);color:var(--text);background:var(--surface-glass);box-shadow:var(--inner-light)}.btn-secondary:hover:not(:disabled),.game-button-secondary:hover:not(:disabled),.hub-action-secondary:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong));background:var(--surface-hover)}.game-button-ghost,.btn-ghost{color:var(--text-muted);background:transparent;border-color:transparent}.game-button-ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.btn-primary:active:not(:disabled),.game-button:active:not(:disabled),.btn-secondary:active:not(:disabled),.hub-actions button:active{transform:translateY(0) scale(.97)}.btn-primary:disabled,.game-button:disabled,.btn-secondary:disabled{opacity:1;cursor:not-allowed;color:var(--text-faint);background:var(--surface-sunken);border-color:var(--border);box-shadow:none}.game-chip,.game-badge{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted);font-weight:650}.game-chip-accent{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.pro-badge{background:linear-gradient(120deg,#f6d48a,#f2b46b 55%,#ff9f80);color:#2a1a10;box-shadow:0 2px 10px -3px #f2b46b99,inset 0 1px #ffffff73;letter-spacing:.08em}.lock-card{padding:var(--space-4);border-color:color-mix(in srgb,var(--gold) 30%,var(--border));background:linear-gradient(135deg,var(--gold-soft),transparent 55%),var(--surface)}.lock-icon{background:var(--gold-soft);color:var(--gold)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],input[type=time],select,textarea{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-faint)}.progress-ring-track{stroke:color-mix(in srgb,var(--surface-sunken) 70%,var(--border))}.progress-ring-value{stroke:var(--moss);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--moss) 50%,transparent))}.progress-track,.xp-progress-track,.challenge-meter{background:var(--surface-sunken);border-radius:var(--radius-pill);box-shadow:inset 0 1px 2px #00000040}.progress-fill,.xp-progress-track span,.challenge-meter i{background:linear-gradient(90deg,var(--moss),color-mix(in srgb,var(--moss) 60%,#fff));border-radius:inherit}.sheet-backdrop{background:color-mix(in srgb,var(--bg-deep) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-sheet{border:1px solid var(--border-strong);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(180deg,var(--surface-elevated),var(--surface));box-shadow:var(--shadow-lg),var(--inner-light)}@media (min-width: 721px){.sheet-backdrop{align-items:center}.game-sheet{border-bottom:1px solid var(--border-strong);border-radius:var(--radius-xl)}}.game-sheet h2{font-size:var(--fs-xl)}.sheet-close{background:var(--surface-sunken);color:var(--text-muted);transition:background var(--motion-fast),color var(--motion-fast)}.sheet-close:hover{background:var(--surface-hover);color:var(--text)}.game-toast{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg)}.game-skeleton span{height:12px;background:linear-gradient(100deg,var(--surface-sunken) 30%,color-mix(in srgb,var(--surface-sunken) 75%,var(--text) 7%) 50%,var(--surface-sunken) 70%);background-size:300% 100%;animation:skeleton-shimmer 1.4s linear infinite}.game-empty-state{padding:var(--space-10) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 60%,transparent)}.empty-orb{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 30%,transparent),var(--accent-soft));box-shadow:0 0 30px -6px color-mix(in srgb,var(--accent) 50%,transparent)}.auth-error{color:var(--danger)}.status-note{color:var(--text-muted)}@keyframes ds-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ds-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--gold) 55%,transparent)}to{box-shadow:0 0 0 14px transparent}}.coin-balance.pulse{animation:ds-pop .42s var(--spring),ds-glow .9s var(--ease-out)}@media (prefers-reduced-motion: reduce){.page-transition>*>.surface-card,.page-transition>*>section,.page-transition .ds-stagger>*{animation:none}.coin-balance.pulse{animation:none}}.companion-trigger{border-color:var(--border);background:var(--surface-glass);box-shadow:var(--shadow-md)}@media (max-width: 720px){.companion-trigger{width:46px;height:50px;border-radius:16px;opacity:.9}.companion-trigger .carnet-mascot{width:25px;height:40px}}.chart{max-height:280px}.chart-rail{fill:var(--surface-sunken);stroke:var(--hairline)}.chart-axis{stroke:var(--hairline)}.chart-label{fill:var(--text-faint);font-family:var(--font-body);font-weight:600}.chart-label.today{fill:var(--accent)}.chart-value{fill:var(--text-muted);font-family:var(--font-body)}.pg-mini-stats>div{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-sunken)}.pg-mini-stats strong{font-family:var(--font-display);font-weight:600}.ht-hero h1,.plans-hero h1{font-family:var(--font-display)}.dashboard-more-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:260px;padding:6px}.dashboard-more-menu button{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:0 .75rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);font:600 .84rem var(--font-body);text-align:left}.dashboard-more-menu button svg{color:var(--text-muted);flex:0 0 auto}.dashboard-more-menu button:hover,.dashboard-more-menu button.active{background:var(--surface-hover)}.dashboard-more-menu button.active svg{color:var(--accent)}.sidebar-link svg{flex:0 0 auto;color:var(--text-faint);transition:color var(--motion-fast)}.sidebar-link:hover svg,.sidebar-link.active svg{color:var(--accent)}.add-habit{flex-wrap:wrap;align-items:center;gap:.6rem}.add-habit input{flex:1 1 220px;min-height:var(--tap);padding:0 .9rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken)}.add-habit input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.add-habit button{min-height:var(--tap);padding:0 1.2rem;border-radius:var(--radius-md);color:var(--accent-ink);background:var(--accent-gradient);font-weight:650;box-shadow:var(--shadow-accent)}.add-habit button:hover{background:var(--accent-gradient);filter:brightness(1.05)}.page-header .eyebrow,.eyebrow{margin:0 0 .35rem;color:var(--accent);font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-header h1{margin:0 0 .35rem}.page-header p:not(.eyebrow){color:var(--text-muted)}.privacy-note{border-left-color:var(--moss);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--moss-soft);color:var(--text-muted)}body:has(.onboarding-shell){background:radial-gradient(900px 600px at 100% -10%,var(--glow-coral),transparent 60%),radial-gradient(900px 600px at -10% 110%,var(--glow-moss),transparent 60%),var(--bg);background-attachment:fixed}.quiz-progress-track{height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--hairline)}.quiz-progress-track span{border-radius:inherit;background:var(--accent-gradient);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 50%,transparent);transition:width var(--motion-slow) var(--ease-out)}.quiz-step-meta span{color:var(--text-faint);letter-spacing:.12em}.quiz-kicker{color:var(--accent);letter-spacing:.14em}.quiz-choice-card{min-height:60px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-elevated),var(--surface));box-shadow:var(--shadow-md),var(--inner-light);color:var(--text);font-weight:550;transition:transform var(--motion-fast) var(--spring),border-color var(--motion-base),background var(--motion-base)}.quiz-choice-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.quiz-choice-card.selected{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft),transparent),var(--surface-elevated);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),var(--shadow-md)}.quiz-choice-card.selected span{color:var(--accent)}.quiz-privacy{color:var(--text-faint)}.page-transition{animation:page-enter var(--motion-base) var(--ease-out) backwards}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.server-check{display:grid;gap:.7rem;justify-items:start}.server-check-list{display:grid;gap:.4rem;width:100%;margin:0;padding:0;list-style:none}.server-check-list li{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.server-check-list li>span{font-weight:800;color:var(--moss)}.server-check-list li.missing>span,.server-check-list li.error>span{color:var(--danger)}.server-check-list li div{display:grid;gap:.1rem}.server-check-list small{color:var(--text-muted);overflow-wrap:anywhere}.nav-pro{margin-left:auto;padding:.05rem .4rem;border-radius:var(--radius-pill);color:#2a1a10;background:linear-gradient(120deg,#f6d48a,#f2b46b 55%,#ff9f80);font-size:.58rem;font-weight:800;letter-spacing:.06em}.wallet-link{display:contents;cursor:pointer}.wallet-link .player-wallet{cursor:pointer;transition:transform var(--motion-fast) var(--spring)}.wallet-link:hover .player-wallet{transform:translateY(-1px);border-color:var(--gold)}.coin-bubble.spend{background:#ff8f7c;color:#2a0f0a}.ld{min-height:100vh;color:var(--text);background:radial-gradient(1100px 700px at 85% -10%,var(--glow-coral),transparent 60%),radial-gradient(1000px 700px at -10% 20%,var(--glow-moss),transparent 60%),var(--bg)}.ld-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}.ld-logo{display:flex;align-items:center;gap:.55rem;font:600 1.35rem var(--font-display);letter-spacing:-.03em}.ld-logo .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font:700 1.2rem var(--font-display)}.ld-nav-links{display:flex;gap:1.6rem}.ld-nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:550;text-decoration:none;transition:color var(--motion-fast)}.ld-nav-links a:hover{color:var(--text)}.ld-nav-actions{display:flex;gap:.5rem}.ld-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,4rem);max-width:1180px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,3rem) clamp(2rem,5vw,4rem)}.ld-hero-copy{display:grid;gap:1.4rem;justify-items:start}.ld-pill{padding:.35rem .85rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-pill);color:var(--accent);background:var(--accent-soft);font-size:.75rem;font-weight:700;letter-spacing:.06em}.ld-hero h1{margin:0;font-size:clamp(2.8rem,7vw,5rem);line-height:.98;letter-spacing:-.045em}.ld-hero h1 em{display:block;font-style:italic;font-weight:500;background:linear-gradient(100deg,var(--accent-2),var(--accent) 60%,#f4705a);-webkit-background-clip:text;background-clip:text;color:transparent}.ld-lede{max-width:54ch;margin:0;color:var(--text-muted);font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.6}.ld-ctas{display:flex;flex-wrap:wrap;gap:.7rem}.ld-cta{min-height:52px;padding:0 1.4rem;font-size:1rem;border-radius:var(--radius-lg)}.ld-proof{display:flex;align-items:center;gap:.8rem}.ld-proof p{margin:0;color:var(--text-faint);font-size:.85rem}.ld-faces{display:flex}.ld-faces span{display:block;width:40px;height:40px;margin-left:-10px;overflow:hidden;border:2px solid var(--bg);border-radius:50%}.ld-faces span:first-child{margin-left:0}.ld-hero-visual{position:relative;display:grid;place-items:center;min-height:560px}.ld-glow{position:absolute;top:10%;right:5%;bottom:10%;left:5%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 65%);filter:blur(20px)}.ld-phone{position:relative;width:290px;padding:12px;border:1px solid var(--border-strong);border-radius:44px;background:linear-gradient(160deg,#26332b,#0d1511);box-shadow:0 50px 90px -30px #000000d9,inset 0 1px #ffffff14;transform:rotate(-3deg);animation:ld-float 7s ease-in-out infinite}.ld-phone-notch{position:absolute;top:20px;left:50%;z-index:2;width:86px;height:22px;border-radius:12px;background:#050907;transform:translate(-50%)}.ld-phone-screen{display:grid;gap:.75rem;padding:3rem .9rem 1.1rem;border-radius:34px;background:radial-gradient(240px 160px at 0% 0%,rgba(66,150,108,.25),transparent 70%),#0d1511;color:#f3f1ea}.ld-app-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem}.ld-app-avatar{display:block;width:46px;height:46px;overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px #ff8a70}.ld-app-head small{display:block;color:#8f9e93;font-size:.68rem}.ld-app-head strong{font:600 1.05rem Fraunces,serif}.ld-app-coins{padding:.25rem .55rem;border-radius:999px;color:#f2c46b;background:#f2c46b24;font-size:.72rem;font-weight:700}.ld-app-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ld-app-stats div{display:grid;padding:.6rem .7rem;border:1px solid #22312a;border-radius:16px;background:#121c17}.ld-app-stats strong{font:600 1.5rem Fraunces,serif;line-height:1.1}.ld-app-stats strong.streak{color:#ffb36b}.ld-app-stats small{color:#8f9e93;font-size:.66rem}.ld-app-title{margin:.2rem 0 0;font:600 1.05rem Fraunces,serif}.ld-app-quests{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.ld-app-quests li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.6rem .65rem;border:1px solid #22312a;border-radius:14px;background:#0e1712;font-size:.76rem}.ld-app-quests i{display:grid;place-items:center;width:22px;height:22px;border:2px solid #34483c;border-radius:50%;color:#0d2017;font-size:.7rem;font-style:normal;font-weight:900}.ld-app-quests li.done{border-color:#7fd3a459}.ld-app-quests li.done i{border-color:transparent;background:#7fd3a4}.ld-app-quests li.done span{color:#8f9e93;text-decoration:line-through}.ld-app-quests em{padding:.1rem .4rem;border-radius:999px;color:#f2c46b;background:#f2c46b1f;font-size:.62rem;font-style:normal;font-weight:700}.ld-app-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.ld-app-week span{display:grid;place-items:center;height:26px;border-radius:8px;background:#121c17;color:#8f9e93;font-size:.62rem;font-weight:700}.ld-app-week span.on{color:#0d2017;background:#7fd3a4}.ld-float{position:absolute;z-index:2;display:flex;align-items:center;gap:.4rem;padding:.6rem .9rem;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);font-size:.84rem;font-weight:650}.ld-float span{color:var(--gold)}.ld-float-a{top:16%;left:0;animation:ld-float 6s ease-in-out infinite reverse}.ld-float-b{right:0;bottom:18%;animation:ld-float 8s ease-in-out infinite}.ld-float-b span{color:var(--moss)}@keyframes ld-float{0%,to{translate:0 0}50%{translate:0 -10px}}.ld-section{max-width:1180px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1rem,4vw,3rem)}.ld-heading{display:grid;gap:.6rem;max-width:640px;margin:0 auto 2.5rem;text-align:center;justify-items:center}.ld-heading h2{margin:0;font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.035em}.ld-heading p{margin:0;color:var(--text-muted);font-size:1.05rem;line-height:1.6}.ld-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.ld-feature{display:grid;align-content:start;gap:.5rem;padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-elevated),var(--surface));box-shadow:var(--shadow-md),var(--inner-light);transition:transform var(--motion-base) var(--spring),border-color var(--motion-base)}.ld-feature:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.ld-feature-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.4rem;border-radius:15px;background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--accent);font-size:1.35rem}.ld-feature h3{margin:0;font-size:1.2rem}.ld-feature p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.55}.ld-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;counter-reset:none}.ld-steps li{position:relative;display:grid;gap:.5rem;padding:1.6rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.ld-step-num{font:600 2.6rem var(--font-display);line-height:1;background:linear-gradient(120deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.ld-steps h3{margin:0;font-size:1.25rem}.ld-steps p{margin:0;color:var(--text-muted);line-height:1.55}.ld-avatar-band{overflow:hidden}.ld-avatar-row{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.ld-avatar-card{display:block;width:120px;height:120px;overflow:hidden;border-radius:32px;box-shadow:var(--shadow-lg),0 0 0 1px var(--hairline)}.ld-avatar-card.n1{transform:translateY(-14px) rotate(3deg)}.ld-avatar-card.n3{transform:translateY(-10px) rotate(-3deg)}.ld-avatar-card.n0{transform:rotate(-4deg)}.ld-avatar-card.n4{transform:rotate(4deg)}.ld-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ld-promises article{display:grid;gap:.4rem;padding:1.5rem;border:1px solid color-mix(in srgb,var(--moss) 25%,var(--border));border-radius:var(--radius-xl);background:radial-gradient(300px 140px at 0% 0%,var(--moss-soft),transparent 70%),var(--surface)}.ld-promises h3{margin:0;font-size:1.2rem}.ld-promises h3:before{content:"✓ ";color:var(--moss)}.ld-promises p{margin:0;color:var(--text-muted);line-height:1.55}.ld-final{display:grid;justify-items:center;gap:1rem;margin-bottom:3rem;padding:clamp(2.5rem,6vw,4.5rem) 1.5rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:36px;background:radial-gradient(600px 300px at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),var(--surface);text-align:center}.ld-final h2{margin:0;font-size:clamp(2rem,4.5vw,3rem)}.ld-final p{max-width:46ch;margin:0;color:var(--text-muted)}.ld-footer{display:flex;justify-content:space-between;gap:1rem;max-width:1180px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,3rem) 2.5rem;border-top:1px solid var(--hairline);color:var(--text-faint);font-size:.85rem}@media (max-width: 980px){.ld-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-hero{grid-template-columns:minmax(0,1fr);text-align:left}.ld-hero-visual{min-height:520px}}@media (max-width: 720px){.ld-nav-links,.ld-nav .game-button-ghost{display:none}.ld-hero{padding-top:2.2rem;gap:1.5rem}.ld-hero h1{font-size:2.7rem}.ld-cta,.ld-ctas{width:100%}.ld-hero-visual{min-height:500px}.ld-phone{width:260px}.ld-float-a{left:-4px;top:8%}.ld-float-b{right:-4px;bottom:6%}.ld-features,.ld-steps,.ld-promises{grid-template-columns:minmax(0,1fr)}.ld-avatar-card{width:86px;height:86px;border-radius:24px;flex:0 0 auto}.ld-avatar-card .profile-avatar{width:86px!important;height:86px!important}.ld-avatar-row{gap:.6rem}.ld-footer{flex-direction:column}}@media (prefers-reduced-motion: reduce){.ld-phone,.ld-float{animation:none}}.auth-shell{width:min(100% - 2rem,440px);margin:clamp(2rem,8vh,5rem) auto;padding:clamp(1.5rem,4vw,2.2rem);border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(400px 200px at 50% 0%,var(--accent-soft),transparent 70%),linear-gradient(180deg,var(--surface-elevated),var(--surface));box-shadow:var(--shadow-lg),var(--inner-light)}.auth-shell h1{margin:0;font-size:2.4rem;text-align:center}.auth-shell h1:before{content:"c";display:grid;place-items:center;width:54px;height:54px;margin:0 auto .8rem;border-radius:17px;color:var(--accent-ink);background:var(--accent-gradient);box-shadow:var(--shadow-accent);font:700 1.8rem var(--font-display)}.auth-shell>p{margin:.4rem 0 1.4rem;color:var(--text-muted);text-align:center}.auth-shell form{display:grid;gap:.45rem}.auth-shell label{color:var(--text-muted);font-size:.85rem;font-weight:600}.auth-shell input[type=text],.auth-shell input[type=email],.auth-shell input[type=password],.auth-shell select{width:100%;min-height:48px;margin-bottom:.5rem;padding:0 .9rem}.auth-shell .btn-primary{min-height:50px;margin-top:.4rem}.ld-hero-avatar{position:absolute;left:-12px;bottom:18px;z-index:2;border-radius:50%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}.ld-mascot-note{display:flex;align-items:center;gap:.8rem;max-width:520px;margin:0 auto}.ld-mascot-note svg{width:64px;height:auto;flex:none}.ld-mascot-note p{margin:0;color:var(--text-muted);font-style:italic}.ld-league{list-style:none;margin:0 auto;padding:0;max-width:460px;display:grid;gap:.5rem}.ld-league li{display:grid;grid-template-columns:28px 40px 1fr auto;align-items:center;gap:.7rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.ld-league li.me{border-color:var(--accent)}.ld-league-place{font-weight:800;color:var(--text-muted)}.ld-small{text-align:center;color:var(--text-muted);font-size:.9rem}.ld-offers{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));max-width:820px;margin:0 auto}.ld-offer{padding:1.1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.ld-offer h3{margin:0;font-size:1.1rem}.ld-offer p{margin:.3rem 0 0;color:var(--text-muted)}.ld-offer .ld-price{font-size:1.6rem;font-weight:700;color:var(--text)}.ld-offer.recommended{border-color:var(--accent)}.ld-offer.founder{border-color:color-mix(in srgb,var(--gold) 45%,var(--border))}.ld-parents{display:grid;justify-items:center;gap:1rem}.ld-faq{display:grid;gap:.5rem;max-width:760px;margin:0 auto}.ld-faq details{padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.ld-faq summary{cursor:pointer;font-weight:600}.ld-faq p{margin:.5rem 0 0;color:var(--text-muted)}@media (max-width: 720px){.ld-hero-avatar{display:none}}.ld-student{max-width:520px;margin:1rem auto 0;padding:.9rem 1.1rem;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.ld-student h3{margin:0;font-size:1.05rem}.ld-student p{margin:.3rem 0 0;color:var(--text-muted)}.ld-student strong{color:var(--text)}.ld-nav-links .ld-link{margin:0;padding:0}.auth-link,.ld-link{display:inline-block;margin-top:.6rem;padding:.35rem 0;border:0;background:none;color:var(--text-muted);font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-link:hover,.ld-link:hover{color:var(--text)}.auth-google{width:100%;margin-top:.8rem}.ld-footer-links{display:flex;flex-wrap:wrap;gap:.2rem 1rem}.ld-footer-links .ld-link{margin:0}.legal-gate form{display:grid;gap:.7rem}.public-page{min-height:100vh;background:var(--bg);color:var(--text)}.public-main{width:min(100% - 32px,860px);margin:0 auto;padding:1.5rem 0 4rem;display:grid;gap:1.1rem}.public-main h1{font-family:var(--font-display, "Fraunces", serif);font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.1;margin:0}.public-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.public-grid h2,.public-main .game-card h2{font-size:1.05rem;margin:0 0 .35rem}.public-grid p{margin:0;color:var(--text-muted)}.help-lines{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.45rem}.help-lines li{padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.help-lines a{color:var(--accent);font-size:1.15rem;text-decoration:none}.meal-detected{margin:0 0 .6rem;color:var(--text-muted)}.meal-balance{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.meal-balance li{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:var(--radius-md);background:var(--surface-sunken)}.meal-balance-icon{font-size:1.3rem}.meal-balance-label{font-weight:600}.meal-balance-dots{display:inline-flex;gap:.3rem}.meal-balance-dots i{width:.8rem;height:.8rem;border-radius:50%;border:2px solid var(--moss)}.meal-balance-dots i.on{background:var(--moss)}.meal-tip{margin:.8rem 0;padding:.7rem .85rem;border-radius:var(--radius-md);background:var(--accent-soft, var(--surface-elevated))}.meal-feeling{border:0;margin:.6rem 0;padding:0}.meal-feeling legend{font-weight:600;margin-bottom:.4rem}.meal-numbers{margin:.6rem 0}.meal-numbers summary{cursor:pointer;color:var(--text-muted);padding:.3rem 0}.soft-paywall{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin:var(--space-3, 1rem) 0;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border));border-radius:var(--radius-lg);background:var(--surface-elevated)}.soft-paywall p{margin:.2rem 0 0;color:var(--text-muted)}.soft-paywall-actions{display:flex;gap:.5rem;flex-wrap:wrap}.checkout-notice{margin:.5rem auto;max-width:980px}.st-billing{display:grid;gap:.3rem;padding:.7rem 0;border-top:1px solid var(--border)}.invite-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin:var(--space-3, 1rem) 0;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated)}.invite-card-icon{font-size:1.6rem}.invite-card-copy{display:grid;gap:.15rem}.invite-card-copy small{color:var(--text-muted)}@media (max-width: 420px){.invite-card{grid-template-columns:auto minmax(0,1fr)}.invite-card>button{grid-column:1 / -1}}.push-prompt{display:grid;gap:.6rem;justify-items:start;margin:var(--space-3, 1rem) 0;padding:1rem;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-lg);background:var(--surface-elevated)}.push-prompt h2{margin:0;font-size:1.15rem}.push-prompt p{margin:0;color:var(--text-muted)}.push-prompt-icon{font-size:1.8rem}.ios-guide{padding:.7rem .8rem;border-radius:var(--radius-md);background:var(--surface-sunken)}.ios-guide ol{margin:.4rem 0 0;padding-left:1.2rem;display:grid;gap:.25rem}.pillar-questions{display:grid;gap:.7rem;margin:0 0 var(--space-3, 1rem);padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated)}.pillar-questions h2{margin:0;font-size:1.05rem}.pillar-questions fieldset{border:0;margin:0;padding:0;display:grid;gap:.4rem}.pillar-questions legend{font-weight:600;margin-bottom:.3rem}.dashboard-more-menu{display:grid;grid-template-columns:1fr;gap:6px;max-height:calc(100vh - 140px);overflow-y:auto}.more-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.more-group+.more-group{padding-top:6px;border-top:1px solid var(--border)}.more-group-label{grid-column:1 / -1;padding:.2rem .75rem 0;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-group{display:grid;gap:2px}.public-page .ld-nav .game-button-ghost{display:inline-flex}.waiver-box{display:grid;gap:.1rem}.waiver-box .legal-accept{margin:0!important}.waiver-link{justify-self:start;margin-left:calc(20px + .6rem);padding:.2rem 0;color:var(--text-muted);font-size:.86rem;text-decoration:underline;text-underline-offset:3px}.waiver-link:hover,.waiver-link:focus-visible{color:var(--text)}.plan-card.chosen{border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}.ask-parent{display:grid;gap:.3rem;justify-items:start}.ask-parent small{color:var(--text-muted)}.guest-gift{display:grid;gap:.8rem}.guest-gift h2,.guest-gift h3,.guest-gift p{margin:0}.guest-gift-offers{display:grid;gap:.5rem;margin:0;padding:0;border:0}.guest-gift-offer{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}.guest-gift-offer.on{border-color:var(--accent)}.guest-gift-offer.off{opacity:.7;cursor:not-allowed}.guest-gift-offer input{width:20px;height:20px;margin:0;accent-color:var(--accent);flex:0 0 auto}.guest-gift-offer span{display:grid;gap:.1rem}.guest-gift-offer small{color:var(--text-muted)}.guest-gift-code{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.guest-gift-code code{padding:.6rem .8rem;border-radius:var(--radius-md);background:var(--surface);border:1px dashed var(--accent);font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:var(--text);word-break:break-all}.guest-gift-warning{color:var(--text)}.guest-gift-steps{margin:0;padding-left:1.2rem;display:grid;gap:.3rem}.install-card{display:grid;gap:.7rem;margin:var(--space-3, 1rem) 0;padding:1rem;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-lg);background:var(--surface-elevated)}.install-card h2{margin:0;font-size:1.12rem;line-height:1.3}.install-card p{margin:0;color:var(--text-muted)}.install-steps{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.install-steps li{display:flex;align-items:center;gap:.75rem;padding:.55rem .7rem;border-radius:var(--radius-md);background:var(--surface-sunken)}.install-steps li>span:last-child{display:grid;gap:.1rem}.install-steps small{color:var(--text-muted)}.install-step-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:var(--surface);color:var(--accent)}.install-card .v4-actions{margin:0}