:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17201c;--muted:#657169;--paper:#f7f5ef;--surface:#fffefb;--line:#e5e2d8;--green:#27664b;--green-dark:#174934;--mint:#dcefe2;--gold:#f2b84b;--coral:#ee765d;--shadow:0 14px 40px #23362c17}[data-theme=blossom]{--ink:#3d2630;--muted:#9a7080;--paper:#fef0f5;--surface:#fffafc;--line:#f0d8e2;--green:#c9628e;--green-dark:#b04a78;--mint:#fce4ee;--gold:#e8a8c4;--coral:#e89cb6;--shadow:0 14px 40px #b4507814}[data-theme=ocean]{--ink:#102a38;--muted:#507280;--paper:#f0f6fa;--surface:#f7fcff;--line:#d0e0ea;--green:#2c6e8f;--green-dark:#1f5470;--mint:#d4ecf5;--gold:#7ab8d4;--coral:#5a9fc0;--shadow:0 14px 40px #1e506e14}[data-theme=sunset]{--ink:#3a2418;--muted:#8a6452;--paper:#fef5ee;--surface:#fffaf5;--line:#f0ddd0;--green:#d06838;--green-dark:#b8552a;--mint:#fce4d6;--gold:#f0b070;--coral:#e07856;--shadow:0 14px 40px #c8643214}.theme-choice{gap:.7rem;display:grid}.theme-choice button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:1rem;grid-template-columns:3rem 1fr;align-items:center;min-height:5rem;padding:.8rem;display:grid}.theme-choice button.selected{border:2px solid var(--green);background:var(--mint)}.theme-swatch{border-radius:.7rem;width:2.5rem;height:2.5rem;display:block;box-shadow:0 2px 8px #0000001f}.theme-choice strong{align-self:end;font-size:1.05rem}.theme-choice small{color:var(--muted);align-self:start}.theme-options{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.theme-options button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;font-size:.82rem;font-weight:800;display:flex}.theme-options button.selected{border-color:var(--green);background:var(--mint);color:var(--green-dark)}.theme-swatch.small{border-radius:.5rem;width:1.5rem;height:1.5rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#e7e5dd}[data-theme] html,html[data-theme]{background:inherit}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,SF Pro Rounded,SF Pro Display,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}button,input[type=range],label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}img{max-width:100%;display:block}h1,h2,p{margin-top:0}.app-frame,.onboarding-shell{background:var(--paper);width:min(100%,48rem);min-height:100dvh;margin:0 auto}.app-viewport{min-height:100dvh;padding-bottom:calc(6.4rem + env(safe-area-inset-bottom))}.screen-content{width:100%;padding:max(1.25rem, env(safe-area-inset-top)) clamp(1rem, 5vw, 2rem) 2rem;animation:.3s both screen-in}.eyebrow{color:var(--green);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:850}.today-header,.screen-header{margin-bottom:1.2rem}.today-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.today-header h1,.screen-header h1,.profile-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,9vw,2.8rem);line-height:1.02}.screen-header p:last-child{color:var(--muted);margin:.5rem 0 0;line-height:1.45}.realm-chip{border:1px solid var(--line);background:var(--mint);min-height:2.5rem;color:var(--green-dark);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.8rem;font-weight:800;display:flex}.realm-chip span{font-size:1.1rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.35rem 0 1.7rem;display:grid}.stat-pill{border:1px solid var(--line);background:var(--surface);border-radius:1rem;min-width:0;padding:.75rem .55rem}.stat-pill>span{font-size:1rem}.stat-pill strong,.stat-pill small{text-overflow:ellipsis;display:block;overflow:hidden}.stat-pill strong{margin-top:.25rem;font-size:.96rem}.stat-pill small{color:var(--muted);white-space:nowrap;margin-top:.12rem;font-size:.65rem}.section-heading{justify-content:space-between;align-items:end;margin-bottom:.8rem;display:flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:1.35rem}.section-heading>span{color:var(--muted);font-weight:800}.section-heading.simple{align-items:center}.profile-habit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.habit-list{gap:.85rem;display:grid}.habit-card{border:1px solid var(--line);background:var(--surface);border-radius:1.35rem;padding:1rem;transition:transform .2s,border-color .2s;box-shadow:0 8px 22px #23362c0d}.habit-card.is-complete{background:linear-gradient(145deg,#fbfffb,#eff8f0);border-color:#bddcc5}.habit-heading{align-items:center;gap:.75rem;display:flex}.habit-icon{background:#f0eee6;border-radius:.9rem;flex:0 0 2.75rem;place-items:center;width:2.75rem;height:2.75rem;font-size:1.35rem;display:grid}.habit-heading h2{margin:0;font-size:1.05rem}.habit-heading p{color:var(--muted);margin:.18rem 0 0;font-size:.8rem}.done-badge{background:var(--mint);color:var(--green-dark);text-transform:uppercase;border-radius:999px;margin-left:auto;padding:.3rem .55rem;font-size:.68rem;font-weight:850}.tier-row{justify-content:space-between;margin-top:1rem;font-size:.75rem;font-weight:800;display:flex}.tier-row span:last-child{color:var(--muted)}.progress-track{background:#e8e6de;border-radius:999px;height:.45rem;margin-top:.4rem;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--green), #79a95d);height:100%;display:block}.next-reward{color:var(--muted);align-items:center;gap:.3rem;margin:.55rem 0 .85rem;font-size:.72rem;display:flex}.next-reward svg{width:1rem;height:1rem;color:var(--gold)}.complete-button,.primary-button,.secondary-button,.undo-button{cursor:pointer;border-radius:.9rem;min-height:2.9rem;font-weight:850}.complete-button{background:var(--ink);color:#fff;border:0;justify-content:space-between;align-items:center;width:100%;padding:0 .5rem 0 1rem;display:flex}.complete-button span:last-child{background:#ffffff1f;border-radius:.65rem;place-items:center;width:2rem;height:2rem;display:grid}.undo-button{width:100%;color:var(--green-dark);background:0 0;border:1px solid #bed8c4}.primary-button{background:var(--green-dark);color:#fff;border:0;min-width:8.5rem;padding:.65rem 1rem;box-shadow:0 6px 16px #1749342e}.secondary-button{border:1px solid var(--line);background:0 0;padding:.65rem 1rem}.full-width{width:100%}.bottom-nav{z-index:20;width:min(100%,48rem);padding:.45rem .4rem max(.45rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefbe6;border-top:1px solid #d6d5cde6;grid-template-columns:repeat(4,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#778078;cursor:pointer;background:0 0;border:0;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.16rem;min-height:3.55rem;display:flex}.bottom-nav button.active{color:var(--green-dark);background:var(--mint)}.bottom-nav svg{width:1.35rem;height:1.35rem}.bottom-nav span{font-size:.65rem;font-weight:800}.state-card{text-align:center;background:#fffdf8;border:1px dashed #cfccc2;border-radius:1.4rem;align-content:center;place-items:center;min-height:25rem;margin-top:1rem;padding:2rem 1.25rem;display:grid}.state-card.compact{min-height:15rem}.state-card h1,.state-card h2{letter-spacing:-.04em;margin:.8rem 0 .45rem}.state-card p{max-width:22rem;color:var(--muted);margin-bottom:1.2rem;line-height:1.5}.state-emoji{font-size:2.4rem}.loading-mark{border:.35rem solid #dbe7dd;border-top-color:var(--green);border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite spin}.boot-state{padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));place-items:center;display:grid}.boot-state .state-card{width:min(100%,30rem)}.segmented-control{background:#e9e7df;border-radius:1rem;grid-template-columns:1fr 1fr;padding:.25rem;display:grid}.segmented-control button{min-height:2.8rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;font-weight:800;display:flex}.segmented-control button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #17201c17}.collection-summary,.score-meta{color:var(--muted);justify-content:space-between;margin:1rem .15rem;font-size:.72rem;display:flex}.collection-summary strong{color:var(--ink)}.trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.trophy-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:1.2rem;min-width:0;padding:.7rem;position:relative}.trophy-image{aspect-ratio:1;background:linear-gradient(145deg,#e6f2e1,#f8e8bc);border-radius:.9rem;margin-bottom:.7rem;position:relative;overflow:hidden}.trophy-image img{object-fit:cover;width:100%;height:100%}.trophy-count{border:2px solid var(--surface);background:var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .25rem;font-size:.72rem;font-weight:800;line-height:1;display:grid;position:absolute;top:.45rem;right:.45rem}.trophy-card strong,.trophy-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trophy-card strong{font-size:.88rem}.trophy-card small{color:var(--muted);margin-top:.18rem;font-size:.7rem}.trophy-status{background:var(--mint);color:var(--green-dark);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-top:.55rem;padding:.2rem .4rem;font-size:.58rem;font-weight:900;display:inline-block}.trophy-broken img{filter:grayscale()contrast(.85);opacity:.75}.trophy-broken .trophy-status{color:#795b54;background:#eee7e4}.trophy-locked img{filter:grayscale();opacity:.2}.trophy-locked .trophy-status{color:var(--muted);background:#efeee9}.crack-overlay{opacity:.7;background:linear-gradient(62deg,#0000 47%,#423f3c 48%,#0000 50%) 55% 5%/55% 55% no-repeat,linear-gradient(118deg,#0000 47%,#423f3c 48%,#0000 50%) 20% 55%/65% 55% no-repeat;position:absolute;inset:0}.lock-overlay{color:#777;place-items:center;font-size:2rem;font-weight:900;display:grid;position:absolute;inset:0}.sheet-backdrop{z-index:50;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121c178c;justify-content:center;align-items:flex-end;animation:.2s both fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.reward-sheet,.detail-sheet{width:min(100%,30rem);max-height:calc(100dvh - max(2rem, env(safe-area-inset-top) + env(safe-area-inset-bottom)));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--surface);text-align:center;border-radius:1.75rem;padding:2.5rem 1.25rem 1.25rem;animation:.35s cubic-bezier(.2,.8,.2,1) both sheet-in;position:relative;overflow-y:auto;box-shadow:0 24px 70px #101a15aa}.sheet-close{position:absolute;top:.7rem;right:.7rem}.icon-button{cursor:pointer;background:#efeee9;border:0;border-radius:50%;place-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;display:grid}.icon-button svg{width:1.2rem}.reward-spark{color:var(--gold);position:absolute;top:1rem;left:1.2rem}.reward-art,.detail-trophy{aspect-ratio:1;background:linear-gradient(145deg,#dbeedc,#fae0a0);border-radius:50%;width:min(60vw,13rem);margin:.3rem auto 1.2rem;position:relative;overflow:hidden;box-shadow:0 0 0 .6rem #f4f0df}.reward-art img,.detail-trophy img{object-fit:cover;width:100%;height:100%}.xp-orb{background:radial-gradient(circle at 35% 25%, #fff7bf, var(--gold));color:#684400;border-radius:50%;place-items:center;width:8rem;height:8rem;margin:.5rem auto 1.5rem;font-size:2.2rem;font-weight:950;display:grid;box-shadow:0 12px 35px #eeb74655}.reward-sheet h2,.detail-sheet h2{letter-spacing:-.05em;margin:0 0 .45rem;font-size:2rem}.reward-sheet>p:not(.eyebrow),.detail-sheet>p:not(.eyebrow){color:var(--muted);line-height:1.45}.reward-dots{justify-content:center;gap:.35rem;margin:1.2rem 0;display:flex}.reward-dots span{background:#d7d5cd;border-radius:50%;width:.4rem;height:.4rem}.reward-dots span.active{background:var(--green);border-radius:99px;width:1.2rem}.detail-sheet dl{text-align:left;margin:1.4rem 0}.detail-sheet dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:.75rem 0;display:flex}.detail-sheet dt{color:var(--muted)}.detail-sheet dd{margin:0;font-weight:800}.score-list{gap:.6rem;padding:0;list-style:none;display:grid}.score-list li{border:1px solid var(--line);background:var(--surface);border-radius:1rem;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.65rem;min-height:4.8rem;padding:.65rem .75rem;display:grid}.score-list li.is-you{background:#edf7ef;border-color:#9fc8aa}.rank{background:#eeece5;border-radius:.7rem;place-items:center;width:2.1rem;height:2.1rem;font-weight:900;display:grid}.rank-1{color:#6a4a00;background:#fee49a}.rank-2{background:#e5e7e6}.rank-3{background:#edd1ad}.player strong,.player span,.score strong,.score span{display:block}.player strong{font-size:.9rem}.player strong small{background:var(--green);color:#fff;text-transform:uppercase;border-radius:99px;margin-left:.35rem;padding:.12rem .3rem;font-size:.52rem;display:inline-block}.player span,.score span{color:var(--muted);margin-top:.16rem;font-size:.65rem}.score{text-align:right}.score strong{font-size:.78rem}.profile-header{align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.profile-header h1{font-size:2.1rem}.profile-header>div:last-child>span{color:var(--muted);margin-top:.25rem;font-size:.8rem;display:block}.avatar{background:linear-gradient(145deg, var(--green-dark), var(--green));color:#fff;border-radius:1.35rem;flex:0 0 4.4rem;place-items:center;width:4.4rem;height:4.4rem;font-size:2rem;font-weight:900;display:grid;box-shadow:0 8px 22px #00000026}.profile-stats{border:1px solid var(--line);background:var(--surface);border-radius:1.2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;display:grid;overflow:hidden}.profile-stats div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem}.profile-stats div:nth-child(2n){border-right:0}.profile-stats div:nth-child(n+3){border-bottom:0}.profile-stats strong,.profile-stats span{display:block}.profile-stats span{color:var(--muted);margin-top:.12rem;font-size:.68rem}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:1.2rem;margin-top:.9rem;padding:1rem}.settings-card h2{margin:0 0 .9rem;font-size:1.05rem}.field{margin-bottom:.9rem;display:block}.field>span,.inline-realms legend{color:var(--muted);margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:block}.field input{width:100%;min-height:3rem;color:var(--ink);background:#fff;border:1px solid #d3d1c8;border-radius:.8rem;padding:.7rem .8rem}.field-hint{color:var(--muted);margin:-.5rem 0 0;font-size:.7rem;line-height:1.4}.inline-realms{border:0;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 1rem;padding:0;display:grid}.inline-realms legend{grid-column:1/-1}.inline-realms label{border:1px solid var(--line);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.35rem;min-height:3rem;display:flex}.inline-realms label.selected{border-color:var(--green);background:#edf7ef}.inline-realms input{opacity:0;position:absolute}.text-button{min-height:2.75rem;color:var(--green);cursor:pointer;background:0 0;border:0;padding:0 .4rem;font-weight:850}.saved-note{color:var(--green);font-size:.72rem}.managed-habits{margin:0;padding:0;list-style:none}.managed-habits li{border-top:1px solid var(--line);align-items:center;gap:.65rem;min-height:4rem;display:flex}.managed-habits li:first-child{border-top:0}.managed-habits .habit-icon{flex-basis:2.4rem;width:2.4rem;height:2.4rem}.managed-habits strong{flex:1;font-size:.86rem}.switch{width:3rem;height:1.8rem;display:block;position:relative}.switch input{opacity:0;position:absolute}.switch span{background:#cecec8;border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:1.4rem;height:1.4rem;transition:all .2s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 4px #0003}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(1.2rem)}.switch input:focus-visible+span{outline-offset:3px;outline:3px solid #70a98c}.demo-tools>p,.privacy-note{color:var(--muted);font-size:.72rem;line-height:1.45}.settings-link{border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:3rem;padding:0;font-weight:800;display:flex}.settings-link svg{width:1.1rem}.preview-buttons{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.preview-buttons button{border:1px solid var(--line);cursor:pointer;background:#f4f2ec;border-radius:.7rem;min-height:2.75rem;font-size:.7rem;font-weight:800}.sign-out-button{color:#9a4538;cursor:pointer;background:#fff8f6;border:1px solid #e6c8c2;border-radius:.9rem;width:100%;min-height:3rem;margin-top:1rem;font-weight:850}.privacy-note{text-align:center;padding:0 1rem}.onboarding-shell{min-height:100dvh;padding:max(1.2rem, env(safe-area-inset-top)) clamp(1rem, 5vw, 2rem) max(1.2rem, env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0, var(--mint) 0, transparent 35%), var(--paper);flex-direction:column;display:flex}.brand-lockup{align-items:center;gap:.55rem;font-weight:900;display:flex}.brand-mark{background:var(--green-dark);color:#fff;border-radius:.7rem;place-items:center;width:2.3rem;height:2.3rem;font-size:.75rem;display:grid}.onboarding-progress{grid-template-columns:repeat(3,1fr);max-width:25rem;margin:2rem auto 1.4rem;display:grid}.onboarding-progress div{color:#9b9b95;place-items:center;min-width:4.5rem;display:grid;position:relative}.onboarding-progress div:before{z-index:0;content:"";background:#dddcd5;height:2px;position:absolute;top:.8rem;left:-50%;right:50%}.onboarding-progress div:first-child:before{display:none}.onboarding-progress span{z-index:1;background:#dddcd5;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.7rem;font-weight:900;display:grid}.onboarding-progress small{margin-top:.3rem;font-size:.6rem;font-weight:800}.onboarding-progress .active{color:var(--green-dark)}.onboarding-progress .active:before,.onboarding-progress .active span{background:var(--green);color:#fff}.onboarding-card{border:1px solid var(--line);width:min(100%,32rem);box-shadow:var(--shadow);background:#fffefbeb;border-radius:1.5rem;margin:auto;padding:1.3rem}.onboarding-card h1{letter-spacing:-.055em;margin-bottom:.5rem;font-size:clamp(2rem,9vw,2.8rem);line-height:1.02}.lede{color:var(--muted);line-height:1.5}.realm-choice{gap:.7rem;display:grid}.realm-choice button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:1rem;grid-template-columns:3rem 1fr;align-items:center;min-height:7rem;padding:.8rem;display:grid}.realm-choice button.selected{border:2px solid var(--green);background:#edf7ef}.realm-emoji{grid-row:1/3;font-size:2rem}.realm-choice strong{align-self:end;font-size:1.05rem}.realm-choice small{color:var(--muted);align-self:start}.habit-input-row{align-items:start;gap:.6rem;display:flex}.habit-input-row .grow{flex:1}.icon-field{width:4.2rem}.icon-field input{text-align:center}.streak-picker{border:1px solid var(--line);border-radius:1rem;margin:.3rem 0 0;padding:1rem}.streak-picker legend{padding:0 .3rem;font-weight:850}.streak-picker p{color:var(--muted);font-size:.72rem;line-height:1.4}.streak-picker output{text-align:center;margin:.4rem 0;display:block}.streak-picker output strong{font-size:2rem}.streak-picker input{width:100%;min-height:2.75rem;accent-color:var(--green)}.streak-picker>div{color:var(--muted);justify-content:space-between;font-size:.65rem;display:flex}.onboarding-actions{justify-content:flex-end;gap:.6rem;margin-top:1.3rem;display:flex}.integration-note{color:#72540c;background:#fff5d8;border-radius:.8rem;padding:.75rem;font-size:.75rem;line-height:1.45}.auth-shell{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0, var(--mint) 0, transparent 35%), var(--paper);place-items:center;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes screen-in{0%{opacity:0;transform:translateY(.3rem)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(2rem)scale(.97)}}@media (min-width:40rem){.app-frame{min-height:calc(100dvh - 2rem);box-shadow:var(--shadow);border-radius:1.5rem;margin-block:1rem}.app-viewport{min-height:calc(100dvh - 2rem)}.bottom-nav{border-radius:0 0 1.5rem 1.5rem;bottom:1rem}.trophy-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.drag-handle{width:2.5rem;height:2.5rem;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:.5rem;flex:0 0 2.5rem;place-items:center;font-size:1.4rem;display:grid}.drag-handle:active{cursor:grabbing}.sort-card{opacity:.92}.sort-card.dragging{opacity:1;border-color:var(--green);box-shadow:0 8px 24px #00000026}.managed-habits li.dragging{background:var(--mint);border-radius:.5rem}.habit-actions{align-items:center;gap:.5rem;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface);min-width:2.9rem;min-height:2.9rem;color:var(--muted);cursor:pointer;border-radius:.9rem;place-items:center;display:grid}.icon-button:hover{color:var(--green)}.history-button{flex:none}.history-button svg{width:1.3rem;height:1.3rem}.history-sheet{background:var(--surface);width:min(100%,28rem);max-height:85vh;box-shadow:var(--shadow);border-radius:1.5rem;flex-direction:column;margin:auto;padding:1.3rem;animation:.3s both sheet-in;display:flex;position:relative}.history-sheet h2{margin:.3rem 0 .8rem;font-size:1.5rem}.history-legend{color:var(--muted);gap:1rem;margin-bottom:.8rem;font-size:.72rem;display:flex}.legend-dot{vertical-align:middle;border-radius:50%;width:.8rem;height:.8rem;margin-right:.3rem;display:inline-block}.legend-dot.completed{background:var(--green)}.legend-dot.frozen{background:#79a9d4}.legend-dot.missed{background:#ccc}.history-calendar-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.history-month{margin-bottom:1.2rem}.history-month-label{color:var(--ink);margin:0 0 .4rem;font-size:.9rem;font-weight:800}.history-calendar{grid-template-columns:repeat(7,1fr);gap:.2rem;display:grid}.calendar-weekday{text-align:center;color:var(--muted);padding:.15rem 0;font-size:.62rem;font-weight:800}.calendar-day{aspect-ratio:1;color:var(--muted);background:0 0;border-radius:.45rem;justify-content:center;align-items:center;font-size:.68rem;display:flex;position:relative}.calendar-day.other-month{opacity:.25}.calendar-day.completed{color:var(--green-dark);background:#ddf0e3;font-weight:800}.calendar-day.frozen{color:#3a6d8a;background:#d9eaf5;font-weight:800}.calendar-day.missed{color:var(--muted);background:#f0eeea}.calendar-day.upcoming{color:var(--muted);opacity:.5;background:0 0}.day-mark{border-radius:50%;width:.35rem;height:.35rem;position:absolute;bottom:.15rem}.day-mark.completed{background:var(--green)}.day-mark.frozen{background:#79a9d4}.history-stats{border-top:1px solid var(--line);color:var(--muted);justify-content:space-around;margin-top:.8rem;padding-top:.8rem;font-size:.75rem;display:flex}.history-stats span{font-weight:800}.streak-at-risk{background:#fff5d8;border:1px solid #f0d860;border-radius:.8rem;margin-top:.75rem;padding:.75rem}.streak-warning{color:#72540c;margin:0 0 .5rem;font-size:.78rem;font-weight:700;line-height:1.4}.freeze-protected{background:#e8f4fb;border:1px solid #c0dde8;border-radius:.8rem;margin-top:.75rem;padding:.75rem}.freeze-notice{color:#2c6e8f;margin:0 0 .5rem;font-size:.78rem;font-weight:700;line-height:1.4}.yesterday-button{width:100%;min-height:2.4rem;color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;margin-top:0;font-size:.78rem;font-weight:700;text-decoration:underline}.yesterday-button:hover{color:var(--green)}