:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-elevated:#2c2c2e;--text-primary:#fff;--text-secondary:#8e8e93;--border-subtle:#38383a;--streak-green:#34c759;--streak-amber:#ff9f0a;--streak-red:#ff3b30;--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}#app{flex-direction:column;height:100dvh;display:flex}#view-container{padding:16px;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);flex:1;overflow-y:auto}#bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);background:#1c1c1ed9;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:10px;display:flex}.nav-btn.active{color:var(--text-primary)}.nav-icon{width:24px;height:24px}.streak-badge{border-radius:50%;width:10px;height:10px;display:inline-block}.streak-badge.green{background:var(--streak-green)}.streak-badge.amber{background:var(--streak-amber)}.streak-badge.red{background:var(--streak-red)}.empty-state{color:var(--text-secondary);text-align:center;margin-top:40px}.habit-card-wrapper{border-radius:14px;margin-bottom:10px;position:relative;overflow:hidden}.swipe-bg{opacity:0;align-items:center;padding:0 20px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.swipe-bg-left{background:var(--bg-elevated);justify-content:flex-start}.swipe-bg-right{background:var(--streak-red);color:#fff;justify-content:flex-end}.habit-card-wrapper.reveal-left .swipe-bg-left,.habit-card-wrapper.reveal-right .swipe-bg-right{opacity:1}.habit-card{background:var(--bg-secondary);will-change:transform;padding:12px 14px;transition:transform .2s,background .2s;position:relative}.habit-card.is-done{background:var(--bg-elevated)}.habit-card-header{align-items:center;gap:8px;display:flex}.habit-name{flex:1;align-items:center;gap:6px;font-weight:600;display:flex}.done-check{flex-shrink:0;width:16px;height:16px;display:inline-flex}.habit-counter{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.icon-btn{background:var(--bg-elevated);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .1s,background .15s;display:flex}.icon-btn svg{width:18px;height:18px;stroke:var(--text-primary);transition:stroke .15s}.icon-btn:active{transform:scale(.85)}.icon-btn.is-active{background:var(--text-primary)}.icon-btn.is-active svg{stroke:var(--bg-primary)}.fab{right:20px;bottom:calc(var(--nav-height) + var(--safe-bottom) + 20px);background:var(--text-primary);width:52px;height:52px;color:var(--bg-primary);border:none;border-radius:50%;font-size:28px;line-height:1;position:fixed}.fab:active{transform:scale(.92)}.overlay{z-index:10;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.sheet{background:var(--bg-secondary);width:100%;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));border-radius:20px 20px 0 0}.field{color:var(--text-secondary);flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.field.hidden{display:none}.field input,.field select{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:10px;padding:10px;font-size:16px}.checkbox-group{gap:6px;display:flex}.day-checkbox{flex-direction:column;align-items:center;font-size:12px;display:flex}.sheet-actions{gap:10px;margin-top:10px;display:flex}.sheet-actions button{border:none;border-radius:10px;flex:1;padding:12px;font-size:16px}.sheet-actions button[type=submit]{background:var(--text-primary);color:var(--bg-primary);font-weight:600}.sheet-actions button[type=button]{background:var(--bg-elevated);color:var(--text-primary)}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:20px 0 8px;font-size:13px;font-weight:600}.undo-btn{background:0 0;border:none;padding:0;display:inline-flex}.done-check{flex-shrink:0;width:16px;height:16px;margin-right:6px;display:inline-flex}.done-check svg{width:16px;height:16px;stroke:var(--streak-green)}.task-card-wrapper{border-radius:14px;margin-bottom:10px;position:relative;overflow:hidden}.task-card{background:var(--bg-secondary);will-change:transform;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s,background .2s;display:flex;position:relative}.task-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.task-name{font-weight:600}.task-notes{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.task-deadline{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.task-card textarea{resize:none}.section-toggle{background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:20px 0 8px;padding:0;display:flex}.section-toggle .section-label{margin:0}.chevron{transition:transform .2s;display:flex}.chevron svg{width:16px;height:16px;stroke:var(--text-secondary)}.section-toggle.is-open .chevron{transform:rotate(180deg)}.stats-chart-card{background:var(--bg-secondary);border-radius:14px;margin-bottom:16px;padding:14px}.stats-chart-card .section-label{margin:0 0 8px}.stat-card{background:var(--bg-secondary);border-radius:14px;margin-bottom:10px;padding:12px 14px}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stat-habit-name{font-weight:600}.stat-streak{color:var(--streak-green);font-size:13px;font-weight:700}.stat-row{justify-content:space-between;display:flex}.stat-metric{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:11px}.hidden{display:none}.settings-section{margin-bottom:20px}.settings-btn{background:var(--bg-secondary);width:100%;color:var(--text-primary);text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;margin-bottom:8px;padding:14px;font-size:16px;display:flex}.settings-btn:active{background:var(--bg-elevated)}.checkbox-inline{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.confirm-sheet{text-align:center}.confirm-message{margin:0 0 16px;font-size:16px}