:root,:root[data-theme=dark]{color-scheme:dark;font-family:SF Pro Display,Avenir Next,Segoe UI,Helvetica Neue,sans-serif;line-height:1.4;font-weight:400;background:radial-gradient(circle at top,rgba(88,111,255,.08),transparent 28%),linear-gradient(180deg,#0c1017,#0a0f15 48%,#090d13);color:#f3f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0a0f15;--panel: rgba(24, 31, 41, .88);--panel-strong: rgba(27, 35, 46, .96);--panel-soft: rgba(20, 27, 37, .94);--border: rgba(127, 146, 174, .16);--text: #f3f5f9;--muted: #9ea6b4;--soft: #202936;--accent: #5e7cff;--accent-strong: #87a0ff;--shadow: 0 24px 60px rgba(0, 0, 0, .28)}:root[data-theme=light]{color-scheme:light;font-family:SF Pro Display,Avenir Next,Segoe UI,Helvetica Neue,sans-serif;line-height:1.4;font-weight:400;background:radial-gradient(circle at top,rgba(91,113,168,.05),transparent 28%),linear-gradient(180deg,#f5f4f1,#efeeea 52%,#e8e6e1);color:#15202b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #efede8;--panel: rgba(255, 253, 250, .9);--panel-strong: rgba(255, 253, 250, .97);--panel-soft: rgba(247, 245, 241, .98);--border: rgba(74, 77, 86, .1);--text: #15202b;--muted: #6f747d;--soft: #dedcd6;--accent: #4a67df;--accent-strong: #3855cb;--shadow: 0 20px 44px rgba(54, 60, 74, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:var(--bg);color:var(--text);background-attachment:fixed}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top,0)) 0 env(safe-area-inset-bottom,0)}.app-main{flex:1;width:min(100%,720px);margin:0 auto;padding:24px 16px 108px}.screen-header{margin-bottom:18px;padding:18px 18px 16px;background:linear-gradient(180deg,#181f29eb,#121821f0);border:1px solid rgba(102,123,255,.18);border-radius:24px;box-shadow:var(--shadow)}:root[data-theme=light] .screen-header{background:linear-gradient(180deg,#fffdfaf7,#f7f5f1f7);border:1px solid rgba(75,103,232,.14)}.screen-header h1{margin:6px 0;font-size:clamp(2.05rem,8vw,3rem);line-height:.98;letter-spacing:-.05em;font-weight:720}.eyebrow,.subtle,.habit-meta,.habit-note,.progress-card-header p,.month-plan-item p,.toggle-row small,.comparison-line{color:var(--muted)}.eyebrow{text-transform:none;letter-spacing:.02em;font-size:.8rem;font-weight:600}.panel,.habit-card,.progress-card,.detail-sheet{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.screen-section,.habit-list,.habit-section,.progress-list,.stack,.settings-actions,.month-plan-list,.month-selection-list,.form-grid{display:grid;gap:14px}.panel{padding:20px}.month-action-panel{position:sticky;bottom:calc(92px + env(safe-area-inset-bottom,0));z-index:2}.notice{margin-bottom:14px;padding:14px 16px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.notice.error{background:#6b302c4d;border:1px solid rgba(204,115,105,.3)}:root[data-theme=light] .notice.error{background:#b356441f;border:1px solid rgba(179,86,68,.2)}.habit-card{width:100%;display:flex;align-items:center;gap:10px;padding:18px;text-align:left;color:inherit;background:linear-gradient(180deg,#181f29f5,#131922fa);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}:root[data-theme=light] .habit-card{background:linear-gradient(180deg,#fffdfafa,#f7f5f1fa)}.habit-card:active,.progress-card:active,.bottom-nav button:active,.primary-button:active,.ghost-button:active,.weekday-pill:active,.color-swatch:active,.theme-toggle-option:active{transform:scale(.98)}.habit-card.done{border-color:color-mix(in srgb,var(--habit-accent, var(--accent)) 38%,var(--border));box-shadow:0 14px 36px #2a4aca29;background:linear-gradient(180deg,#14231bf5,#111d17fa)}:root[data-theme=light] .habit-card.done{background:linear-gradient(180deg,#f2f5fbfa,#ecf0f7fa);border-color:#6075b038;box-shadow:0 12px 28px #4c5e9214}.habit-card.open{border-color:var(--border)}.habit-card.muted{opacity:.74;box-shadow:none}.habit-card.muted .habit-badge{opacity:.72}.habit-section-label{margin:2px 4px 0;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.habit-content{flex:1;display:grid;gap:6px}.habit-accent-mark{width:4px;align-self:stretch;border-radius:999px;background:color-mix(in srgb,var(--habit-accent, var(--accent)) 82%,white 18%);box-shadow:0 0 0 1px color-mix(in srgb,var(--habit-accent, var(--accent)) 24%,transparent)}.habit-name-row{display:inline-flex;align-items:center;gap:10px}.habit-color-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--habit-accent, var(--accent)) 88%,white 12%);box-shadow:0 0 0 1px color-mix(in srgb,var(--habit-accent, var(--accent)) 24%,transparent)}.habit-row,.progress-card-header,.month-plan-item,.detail-header,.toggle-row,.toggle-card,.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.nested-panel{padding:14px;border-radius:18px;background:#0f151df5}:root[data-theme=light] .nested-panel{background:#f4f2edf5}.habit-name,.progress-card h2,.panel h2{font-size:1.02rem;margin:0;font-weight:620;letter-spacing:-.02em}.habit-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.8rem;font-weight:650;letter-spacing:-.01em;border:1px solid transparent;white-space:nowrap}.habit-badge.open{background:#5e7cff1a;color:var(--accent-strong);border-color:#5e7cff2e}.habit-badge.done{background:#68905824;color:#b9d7a9;border-color:#7ea56d38}:root[data-theme=light] .habit-badge.open{background:#4b67e814;color:#3e57d3;border-color:#4b67e829}:root[data-theme=light] .habit-badge.done{background:#4e67be17;color:#4862c8;border-color:#4e67be29}.progress-card{padding:20px;text-align:left;background:linear-gradient(180deg,#171e28fa,#121821fa);border-color:color-mix(in srgb,var(--habit-accent, var(--border)) 22%,var(--border));box-shadow:inset 0 1px color-mix(in srgb,var(--habit-accent, var(--accent)) 12%,transparent),var(--shadow)}:root[data-theme=light] .progress-card{background:linear-gradient(180deg,#fffdfafa,#f7f5f1fa);border-color:color-mix(in srgb,var(--habit-accent, var(--border)) 28%,var(--border))}.progress-summary{text-align:right}.progress-summary strong{display:block;font-size:1.1rem;letter-spacing:-.03em}.comparison-line{margin:10px 0 0;font-size:.88rem}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,392px);gap:6px;margin:12px auto 0}.month-grid.compact{width:min(100%,336px);gap:5px}.grid-day{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;position:relative;font-size:.72rem;background:#0e131bf5;border:1px solid rgba(127,146,174,.12);color:#c7cfdd}:root[data-theme=light] .grid-day{background:#efede8f5;border:1px solid rgba(74,77,86,.08);color:#71767f}.grid-day.done{background:color-mix(in srgb,var(--habit-accent, var(--accent)) 82%,rgba(14,19,27,1));color:#fff;border-color:color-mix(in srgb,var(--habit-accent, var(--accent)) 62%,transparent);box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=light] .grid-day.done{background:color-mix(in srgb,var(--habit-accent, var(--accent)) 88%,white);color:#fff;border-color:color-mix(in srgb,var(--habit-accent, var(--accent)) 50%,transparent)}.grid-day.today{border-color:color-mix(in srgb,var(--habit-accent, var(--accent)) 34%,var(--text));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--habit-accent, var(--accent)) 12%,transparent),0 0 0 3px color-mix(in srgb,var(--habit-accent, var(--accent)) 10%,transparent)}:root[data-theme=light] .grid-day.today{border-color:color-mix(in srgb,var(--habit-accent, var(--accent)) 28%,#31435f);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--habit-accent, var(--accent)) 12%,transparent),0 0 0 3px color-mix(in srgb,var(--habit-accent, var(--accent)) 9%,white)}.grid-day.selectable{cursor:pointer}.grid-day.selectable:active{transform:scale(.97)}.grid-day.disabled{cursor:default;opacity:.56}.grid-day.off-cadence{opacity:.36;border-style:dashed}.grid-day-number{position:relative;z-index:1}.grid-day-today-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:6px;border:1px solid color-mix(in srgb,var(--habit-accent, var(--accent)) 22%,transparent);pointer-events:none}.grid-day-mark{position:absolute;right:6px;top:5px;font-size:.46rem;line-height:1;opacity:.95}.bottom-nav{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:#151c26eb;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=light] .bottom-nav{background:#fffdfadb}.validation-hint{margin:-4px 0 0;color:#d28d86;font-size:.92rem}.bottom-nav button,.primary-button,.ghost-button,.weekday-pill,.color-swatch{min-height:48px;border-radius:16px;border:1px solid transparent}.bottom-nav button{background:transparent;color:var(--muted);font-weight:600;letter-spacing:-.01em}.bottom-nav button.active{background:#5e7cff2e;color:#dbe4ff;border-color:#5e7cff61}:root[data-theme=light] .bottom-nav button.active{color:#2942b5;background:#4b67e824;border-color:#4b67e83d}.primary-button{width:100%;background:linear-gradient(180deg,#5a77f8,#4964dd);color:#f7f9ff;border-color:#6e86ffb3;padding:0 18px;box-shadow:0 12px 28px #3e58d647}.ghost-button{background:#1f2733f0;border-color:var(--border);color:var(--text);padding:0 16px}:root[data-theme=light] .ghost-button{background:#f7f5f1fa}.compact-button{width:auto}.form-grid label,.form-grid>div{display:grid;gap:8px}.form-grid .toggle-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.field-label,.form-grid span{font-size:.92rem;color:var(--muted)}input[type=text],input[type=time],input[type=number],select{min-height:48px;border-radius:16px;border:1px solid var(--border);background:#10161ffa;padding:0 14px;color:var(--text)}:root[data-theme=light] input[type=text],:root[data-theme=light] input[type=time],:root[data-theme=light] input[type=number],:root[data-theme=light] select{background:#f7f5f1fa}input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:var(--accent)}.option-row,.weekday-selector{display:flex;flex-wrap:wrap;gap:8px}.weekday-pill{min-width:48px;padding:0 14px;background:#10161ffa;border-color:var(--border)}:root[data-theme=light] .weekday-pill{background:#f7f5f1fa}.theme-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:22px;background:#10161ffa;border:1px solid var(--border)}:root[data-theme=light] .theme-toggle{background:#f7f5f1fa}.theme-toggle-option{min-height:48px;border-radius:18px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:600}.theme-toggle-option.active{background:#5e7cff2e;color:#dbe4ff;border-color:#5e7cff57}:root[data-theme=light] .theme-toggle-option.active{background:#4b67e824;color:#2942b5;border-color:#4b67e83d}.weekday-pill.active{background:#5e7cff33;color:#dbe4ff;border-color:#5e7cff57}.color-swatch{width:48px;border-color:transparent}.color-swatch.active{outline:2px solid #dbe4ff;outline-offset:2px}.empty-state{text-align:left}.settings-signature{padding:4px 6px 0;text-align:center;color:var(--muted)}.settings-signature p{margin:0}.settings-signature p:first-child{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.settings-signature p:last-child{margin-top:4px;font-size:.82rem}.detail-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:#05080c8f}.detail-dialog::backdrop{background:#05080c8f}:root[data-theme=light] .detail-dialog,:root[data-theme=light] .detail-dialog::backdrop{background:#1d27382e}.detail-sheet{position:absolute;left:0;right:0;bottom:0;max-width:720px;margin:0 auto;border-radius:30px 30px 0 0;padding:20px 16px 32px;animation:rise .22s ease;background:var(--panel-strong);border-top:1px solid color-mix(in srgb,var(--habit-accent, var(--accent)) 24%,var(--border))}.detail-title{margin:0}.loading-state{padding:48px 24px}input::placeholder,textarea::placeholder{color:#7f8899}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#8895a8}@media (max-width: 390px){.app-main{padding-inline:12px}.bottom-nav{left:8px;right:8px;gap:6px}.bottom-nav button{font-size:.88rem}.habit-card,.panel,.progress-card{border-radius:20px}}@keyframes rise{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 768px){.app-main{padding-inline:24px}.bottom-nav{left:50%;right:auto;width:720px;transform:translate(-50%)}}