:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#e8f0ff;--bg1: #080b12;--bg2: #111827;--bg3: #172033;--ink: #e8f0ff;--ink-soft: #9eb2ca;--accent: #3b82f6;--accent-2: #06b6d4;--accent-3: #f59e0b;--panel: rgba(17, 24, 39, .82);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,#1a2540,transparent 38%),radial-gradient(circle at 95% 6%,#12324b,transparent 34%),linear-gradient(160deg,var(--bg1),var(--bg2) 45%,var(--bg3))}button,input,select{font:inherit}.auth-shell,.brand-lockup{display:flex;align-items:center;gap:10px}.brand-logo{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(34,211,238,.25))}.brand-lockup h1{margin:0;letter-spacing:-.02em;font-size:clamp(1.25rem,4vw,1.85rem)}.brand-lockup p{margin:0;color:var(--ink-soft);font-weight:500;font-size:13px}.app-shell{max-width:1100px;margin:0 auto;padding:24px}.app-shell{padding-bottom:108px}.content-view{display:block}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(460px,100%);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(97,119,152,.35);border-radius:4px;padding:24px;display:grid;gap:12px;box-shadow:0 18px 44px #00000059}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-toggle .auth-card .brand-logo{width:46px;height:46px}.auth-toggle button{padding:10px;border-radius:3px;border:1px solid #314765;background:#182235;color:var(--ink);font-weight:600}.auth-toggle .active{background:linear-gradient(135deg,#1d2f49,#1a4152);border-color:#4a7398}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.header-main{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.header-done-pill{border:1px solid rgba(96,165,250,.5);background:linear-gradient(130deg,#3b82f633,#06b6d433);color:#dbeafe;padding:8px 12px;border-radius:3px;font-size:13px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.header-done-pill .status-icon{font-size:12px;opacity:.9}.header-done-pill.complete{border-color:#4ade809e;background:linear-gradient(130deg,#22c55e33,#10b98133);color:#dcfce7}.header-done-pill.progress{border-color:#60a5fa80}header h1{margin:0;letter-spacing:-.02em;font-size:clamp(1.45rem,4vw,2rem)}header p{margin:2px 0 0;color:var(--ink-soft);font-weight:500}header button{border:0;border-radius:999px;padding:10px 14px;color:#07121f;background:linear-gradient(130deg,#7dd3fc,#22d3ee);box-shadow:0 8px 18px #22d3ee3d}.panel{margin-top:18px;background:var(--panel);border-radius:4px;border:1px solid rgba(105,125,155,.3);box-shadow:0 14px 36px #0000004d;padding:18px}.task-panel{background:linear-gradient(150deg,#121c2cf2,#122b3ee6)}.task-panel-header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.task-panel h2{margin:0}.task-panel-subtitle{margin:4px 0 0;color:var(--ink-soft);font-size:13px}.task-progress-pill{border-radius:3px;padding:8px 13px;font-size:13px;font-weight:700;background:linear-gradient(130deg,#3b82f633,#06b6d433);border:1px solid rgba(96,165,250,.5);color:#dbeafe}.two-col{display:grid;gap:16px;grid-template-columns:1fr 1fr}.task-list{display:grid;gap:10px}.task-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:3px;border:1px solid #2f425f;padding:14px;background:linear-gradient(160deg,#131d2f,#162338);text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.task-card:hover{transform:translateY(-2px);border-color:#4f7fb8;box-shadow:0 12px 22px #0000005c}.task-card.done{background:linear-gradient(160deg,#123423,#145130);border-color:#2a8c57}.task-main{min-width:0}.task-title{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta,.task-state,.empty{font-size:13px;color:var(--ink-soft)}.task-action{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.task-check{width:24px;height:24px;border-radius:3px;border:2px solid #5d7ba0;background:#0e1523;position:relative}.task-check.done{background:linear-gradient(145deg,#2ec56c,#27a258);border-color:#1f8e4b}.task-check.done:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input,select{width:100%;border-radius:3px;border:1px solid #344a69;padding:10px;margin-bottom:10px;background:#111b2b;color:var(--ink)}input:focus,select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa38}.primary{background:linear-gradient(120deg,var(--accent),#2563eb);color:#fff;border:0;border-radius:3px;padding:10px 14px;font-weight:700;box-shadow:0 10px 20px #2563eb57}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{border-radius:3px;border:1px solid #355273;padding:6px 10px;background:#111c2d;color:var(--ink)}.chip.active{background:linear-gradient(130deg,#1b3453,#1d4b5d);border-color:#5b8ab8}.goal-list,.streak-list{display:grid;gap:8px;margin-top:12px}.manage-task-list{display:grid;gap:10px}.manage-task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:3px;border:1px solid rgba(62,92,128,.65);background:linear-gradient(160deg,#131e30f5,#112338e0)}.goal-row{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:linear-gradient(160deg,#131e30f5,#112338e0);border:1px solid rgba(62,92,128,.65);border-radius:3px}.log-row{width:100%;border:1px solid rgba(62,92,128,.65);text-align:left;cursor:pointer}.back-btn{background:transparent;border:1px solid #374151;border-radius:2px;color:#9ca3af;font-size:.85rem;cursor:pointer;padding:.2rem .6rem;line-height:1.5;white-space:nowrap}.back-btn:hover{color:#f9fafb;border-color:#6b7280}.log-summary-panel{display:flex;flex-direction:column;gap:1.5rem}.log-ring-wrap{display:flex;align-items:center;gap:1.5rem}.log-ring-svg{flex-shrink:0;width:96px;height:96px}.log-ring-pct{fill:#e2e8f0;font-size:18px;font-weight:700;font-family:inherit}.log-ring-label{fill:#6b7280;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-family:inherit}.log-ring-stats{display:flex;flex-direction:column;gap:.6rem}.log-stat{display:flex;align-items:baseline;gap:.45rem}.log-stat-val{font-size:1.4rem;font-weight:700;color:#e2e8f0;line-height:1}.log-stat-done{color:#22d3ee}.log-stat-miss{color:#6b7280}.log-stat-key{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#6b7280}.log-trend{display:flex;flex-direction:column;gap:.5rem}.log-trend-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;margin:0}.log-trend-bars{display:flex;align-items:flex-end;gap:6px;height:52px}.log-trend-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;height:100%}.log-trend-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.log-trend-bar{width:100%;background:#2563eb8c;border-radius:2px 2px 0 0;min-height:4px;transition:height .3s ease}.log-trend-bar.selected{background:#22d3ee}.log-trend-day{font-size:10px;color:#6b7280;line-height:1}.log-trend-day.selected{color:#22d3ee;font-weight:700}.log-tasks-heading{margin-bottom:.75rem}.task-card.missed{opacity:.45}.heatmap{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.heat-cell{width:100%;aspect-ratio:1;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1;color:#e6f0ffeb;text-shadow:0 1px 2px rgba(0,0,0,.35);cursor:pointer}.heat-cell.active{outline:1px solid rgba(255,255,255,.95);outline-offset:-1px}.heat-day{font-size:12px;font-weight:700}.heat-month{margin-top:1px;font-size:7px;letter-spacing:.04em;text-transform:uppercase;opacity:.9}.error{color:#bf2440;font-weight:600;background:#3d1019a8;border:1px solid #8f3045;border-radius:3px;padding:8px 10px}.success{color:#dcfce7;font-weight:600;background:#14532da6;border:1px solid rgba(74,222,128,.55);border-radius:3px;padding:8px 10px}.account-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:1200;width:min(520px,calc(100vw - 24px));box-shadow:0 10px 24px #00000059;pointer-events:none}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100vw - 20px));background:#0a121fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(72,98,128,.45);border-radius:4px;box-shadow:0 12px 28px #00000073;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:30}.bottom-nav button{border:0;border-radius:3px;background:transparent;color:var(--ink-soft);min-height:48px;display:flex;align-items:center;justify-content:center;font-weight:600}.bottom-nav button.active{background:linear-gradient(140deg,#21406a,#175173);color:#eff6ff}.bottom-nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button.active .bottom-nav-icon{stroke-width:2}label{display:block;margin:6px 0;color:var(--ink-soft);font-size:13px}.settings-list{display:grid;gap:8px;margin-bottom:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(62,92,128,.65);background:linear-gradient(160deg,#131e30f5,#112338e0)}.setting-row input[type=checkbox]{width:18px;height:18px;margin:0}.account-actions{display:flex;gap:10px}.danger{border:0;border-radius:3px;padding:10px 14px;font-weight:700;color:#fee2e2;background:linear-gradient(120deg,#7f1d1d,#991b1b)}.secondary{border:1px solid #355273;border-radius:3px;padding:10px 14px;font-weight:700;color:var(--ink);background:#111c2d}.danger-zone{border-color:#b91c1c80;background:linear-gradient(160deg,#341015d9,#230c11cc)}@media (max-width: 860px){.two-col{grid-template-columns:1fr}.app-shell{padding:14px 14px 110px}header{align-items:start;flex-direction:column}.header-main{flex-direction:row;align-items:start}.header-done-pill{margin-top:2px}.task-panel-header{align-items:start;flex-direction:column}.task-card{padding:12px}.task-state{display:none}}