: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;--cal-task-color:#0a84ff;--cal-reminder-color:#bf5af2;--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:9px;display:flex}.nav-btn.active{color:var(--text-primary)}.nav-icon{width:22px;height:22px}.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,.task-card-wrapper.reveal-left .swipe-bg-left,.task-card-wrapper.reveal-right .swipe-bg-right,.reminder-card-wrapper.reveal-left .swipe-bg-left,.reminder-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}.done-check svg{width:16px;height:16px;stroke:var(--streak-green)}.habit-counter{justify-content:flex-end;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)}.icon-btn:active{transform:scale(.85)}.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}.overlay-fullscreen{z-index:20;align-items:stretch}.fullscreen-sheet{background:var(--bg-primary);width:100%;height:100%;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));overflow-y:auto}.back-btn{color:var(--text-primary);background:0 0;border:none;padding:0 0 16px;font-size:16px}.sheet{background:var(--bg-secondary);width:100%;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));border-radius:20px 20px 0 0;max-height:85vh;overflow-y:auto}.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}.field textarea{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);resize:none;border-radius:10px;min-height:42px;padding:10px;font-family:inherit;font-size:16px;line-height:1.4;overflow:hidden}.checkbox-group{gap:6px;display:flex}.day-checkbox{flex-direction:column;align-items:center;font-size:12px;display:flex}.checkbox-inline{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;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)}.confirm-sheet{text-align:center}.confirm-message{margin:0 0 16px;font-size:16px}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:20px 0 8px;font-size:13px;font-weight:600}.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)}.hidden{display:none}.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:10px 14px;transition:transform .2s,background .2s;display:flex;position:relative}.task-card[data-has-notes="1"]{cursor:pointer}.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}.ring-btn{background:0 0;border:none;flex-shrink:0;width:44px;height:44px;padding:0;position:relative}.ring-btn:active{transform:scale(.92)}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--bg-elevated);stroke-width:3px}.ring-progress{fill:none;stroke:var(--streak-green);stroke-width:3px;stroke-linecap:round;stroke-dasharray:106.8;stroke-dashoffset:106.8px;transition:stroke-dashoffset .3s}.ring-btn[data-done="1"] .ring-progress{stroke-dashoffset:0}.ring-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-icon svg{width:18px;height:18px;stroke:var(--text-primary);transition:stroke .2s}.ring-btn[data-done="1"] .ring-icon svg{stroke:var(--streak-green)}.notes-view-text{color:var(--text-primary);white-space:pre-wrap;margin:0 0 16px;font-size:15px;line-height:1.5}.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)}.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}.reminder-card-wrapper{border-radius:14px;margin-bottom:10px;position:relative;overflow:hidden}.reminder-card{background:var(--bg-secondary);will-change:transform;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s;display:flex;position:relative}.reminder-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.reminder-title{font-weight:600}.reminder-note{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reminder-dates{color:var(--cal-reminder-color);flex-shrink:0;font-size:12px}.cal-header{justify-content:space-between;align-items:center;display:flex}.cal-nav{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.cal-label{font-size:15px;font-weight:600}.cal-view-switch{background:var(--bg-secondary);border-radius:10px;margin-bottom:14px;padding:3px;display:flex}.cal-view-btn{color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px}.cal-view-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.cal-day-headers{text-align:center;color:var(--text-secondary);grid-template-columns:repeat(7,1fr);margin-bottom:4px;font-size:11px;display:grid}.cal-week-row{margin-bottom:2px}.cal-day-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-day-cell{color:var(--text-primary);background:0 0;border:none;border-radius:8px;padding:6px 0;font-size:13px}.cal-day-cell.outside{color:var(--text-secondary);opacity:.4}.cal-day-cell.is-today{background:var(--text-primary);color:var(--bg-primary);font-weight:700}.cal-bars-grid{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.cal-event-bar{color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:2px 6px;font-size:10px;overflow:hidden}.cal-event-bar.round-left{border-radius:6px 0 0 6px}.cal-event-bar.round-right{border-radius:0 6px 6px 0}.cal-event-bar.round-left.round-right{border-radius:6px}.cal-event-task{background:var(--cal-task-color)}.cal-event-reminder{background:var(--cal-reminder-color)}.cal-day-list{flex-direction:column;gap:8px;display:flex}.cal-day-item{background:var(--bg-secondary);border-left:4px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.cal-day-item.cal-event-task{border-left-color:var(--cal-task-color)}.cal-day-item.cal-event-reminder{border-left-color:var(--cal-reminder-color)}.cal-day-item-title{font-weight:600}.cal-day-item-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.cal-detail-type{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11px}.cal-detail-dates{color:var(--text-secondary);margin:2px 0 12px;font-size:13px}