:root{--bg-deep:#1c2a24;--bg-panel:#fffcf5eb;--bg-soft:#f3efe6;--ink:#1a221e;--ink-muted:#5c6b63;--line:#1c2a241f;--accent:#c6e07a;--accent-ink:#24301c;--state-done:#2f6b3a;--state-done-bg:#2f6b3a1f;--state-miss:#a33b2c;--state-miss-bg:#a33b2c1f;--state-break:#2f5f8a;--state-break-bg:#2f5f8a1f;--nav-height:4.5rem;--radius:1rem;--shadow:0 18px 40px #101c162e;color:var(--ink);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Figtree,system-ui,sans-serif;font-weight:400;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scrollbar-gutter:stable}body{background-color:#0000;background-image:radial-gradient(80% 50% at 10% -10%,#3a5246 0%,#0000 55%),radial-gradient(70% 45% at 100% 0,#2a3d34 0%,#0000 50%),linear-gradient(165deg,#1c2a24 0%,#24352d 45%,#1a2420 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.app-shell{width:min(32rem,100%);min-height:100dvh;padding:1.25rem 1rem calc(var(--nav-height) + 1.5rem);flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.app-header{flex-direction:column;gap:.85rem;padding:.35rem .15rem 0;display:flex}.app-header h1{letter-spacing:-.03em;color:#f7f3ea;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(1.75rem,5vw,2.15rem);font-weight:700}.day-switcher{grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:.35rem;display:grid}.day-arrow{color:#f7f3ea;background:#f7f3ea1a;border-radius:.9rem;place-items:center;width:2.75rem;height:2.75rem;font-size:1.55rem;line-height:1;transition:background .15s;display:grid}.day-arrow:active{background:#c6e07a47}.day-label{color:#f7f3ea;background:#f7f3ea14;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;height:2.75rem;padding:.2rem .5rem;display:flex}.day-date{letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.1}.day-today-hint{color:#f7f3ea8c;height:.9rem;font-size:.72rem;line-height:.9rem}.panel{background:var(--bg-panel);border-radius:calc(var(--radius) + .35rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff59;padding:.35rem}.page-heading{justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem .35rem;display:flex}.page-title{letter-spacing:-.02em;margin:0;padding:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem}.spinner{border:2px solid #1c2a2426;border-top-color:var(--state-done);border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-hint{color:var(--ink-muted);margin:0;padding:0 .95rem .85rem;font-size:.9rem}.page-error{color:var(--state-miss);margin:0;padding:0 .95rem .85rem;font-size:.9rem;font-weight:600}.placeholder{color:var(--ink-muted);padding:1.5rem .95rem 1.75rem}.bottom-nav{width:min(32rem,100%);height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:.45rem .55rem calc(.45rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#121c17eb;border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);gap:.2rem;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-link{color:#f7f3ea8c;letter-spacing:.01em;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.68rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-link span[aria-hidden=true]{font-size:1.05rem;line-height:1}.nav-link.active{color:var(--accent-ink);background:var(--accent)}.habit-list{flex-direction:column;gap:.35rem;margin:0;padding:.2rem;list-style:none;display:flex}.habit-row{border-radius:var(--radius);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;width:100%;padding:.9rem .95rem;transition:background .15s,transform .12s;display:grid}.habit-row:active{transform:scale(.985)}.habit-row[data-state=""]{background:0 0}.habit-row[data-state=✅]{background:var(--state-done-bg)}.habit-row[data-state=❌]{background:var(--state-miss-bg)}.habit-row[data-state=🔵]{background:var(--state-break-bg)}.habit-emoji{font-size:1.35rem;line-height:1}.habit-label{font-size:1rem;font-weight:600}.habit-state{border:1px dashed var(--line);background:#1c2a240f;border-radius:999px;place-items:center;min-width:2rem;height:2rem;font-size:1.05rem;display:grid}.habit-row[data-state=✅] .habit-state{background:var(--state-done);color:#fff;border-color:#0000}.habit-row[data-state=❌] .habit-state{background:var(--state-miss);color:#fff;border-color:#0000}.habit-row[data-state=🔵] .habit-state{background:var(--state-break);color:#fff;border-color:#0000}.habit-state.empty{color:#0000}.habit-state.empty:after{content:"";background:#1c2a2433;border-radius:50%;width:.55rem;height:.55rem}.legend{color:var(--ink-muted);flex-wrap:wrap;gap:.55rem;padding:.35rem .95rem 1rem;font-size:.82rem;display:flex}.legend span{align-items:center;gap:.3rem;display:inline-flex}