:root{--violet: #6d5bf5;--amber: #d98200;--rose: #e0484d;--teal: #10897a;--slate: #64748b;--bg: #f6f6fa;--card: #ffffff;--text: #17171f;--muted: #6b7280;--border: #e7e7ef;--shadow: 0 1px 2px rgba(23, 23, 31, .05), 0 4px 14px rgba(23, 23, 31, .06);--radius: 18px;--radius-sm: 12px;--tap: 52px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #111116;--card: #1c1c24;--text: #f3f3f7;--muted: #9aa0ab;--border: #2b2b36;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--bg: #111116;--card: #1c1c24;--text: #f3f3f7;--muted: #9aa0ab;--border: #2b2b36;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body.legal-scroll{scrollbar-width:auto}body.legal-scroll::-webkit-scrollbar{display:block}button,input,select{font:inherit;color:inherit}a{color:var(--violet)}button{cursor:pointer;border:none;background:none}.app{max-width:620px;margin:0 auto;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:10px;min-height:var(--tap);margin-bottom:6px}.topbar h1{font-size:27px;font-weight:700;letter-spacing:-.02em;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-compact{gap:6px}.topbar-compact h1{font-size:22px}.topbar-compact .icon-btn{width:44px;height:44px}.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;display:grid;place-items:center;color:var(--muted);flex:none}.icon-btn:active{background:var(--border)}.section{margin-top:26px}.section-head{display:flex;align-items:baseline;gap:8px;margin:0 4px 10px}.section-head h2{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.section-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.empty{color:var(--muted);font-size:15px;padding:6px 4px 2px}.card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:10px;transition:transform .12s ease,opacity .2s ease}.card:active{transform:scale(.985)}.card.leaving{opacity:0;transform:scale(.96)}.card-body{flex:1;min-width:0}.card-title{font-weight:650;font-size:17px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.card-due{font-size:14px;color:var(--muted)}.card-due.overdue{color:var(--rose);font-weight:600}.card-note{font-size:14px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--border);flex:none}.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px;color:#fff;white-space:nowrap}.tag-project{background:var(--violet)}.tag-essay{background:var(--amber)}.tag-test{background:var(--rose)}.tag-reading{background:var(--teal)}.tag-quick{background:var(--slate)}.fab{position:fixed;right:max(20px,calc(50vw - 290px));bottom:calc(22px + env(safe-area-inset-bottom));width:64px;height:64px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px #6d5bf56b;z-index:20;transition:transform .12s ease}.fab:active{transform:scale(.94)}.field{margin-top:22px}.label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;gap:8px;align-items:baseline}.optional{font-weight:500;letter-spacing:0;text-transform:none;font-size:13px;opacity:.75}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{min-height:46px;padding:10px 16px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);font-size:16px;font-weight:550;border:2px solid transparent;transition:all .12s ease}.chip:active{transform:scale(.96)}.chip.selected{border-color:var(--violet);color:var(--violet);font-weight:700}.chip.selected-tag{color:#fff;border-color:transparent}.chip.selected-tag.tag-project{background:var(--violet)}.chip.selected-tag.tag-essay{background:var(--amber)}.chip.selected-tag.tag-test{background:var(--rose)}.chip.selected-tag.tag-reading{background:var(--teal)}.chip.selected-tag.tag-quick{background:var(--slate)}.text-input{width:100%;min-height:var(--tap);padding:12px 14px;border-radius:var(--radius-sm);background:var(--card);border:2px solid var(--border);outline:none}.text-input:focus{border-color:var(--violet)}.date-input{min-height:46px;padding:10px 14px;border-radius:14px;background:var(--card);border:2px solid var(--border);outline:none}.photo-btn{width:100%;min-height:108px;border-radius:var(--radius);border:2px dashed var(--border);background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--violet);font-weight:650;font-size:16px}.photo-btn:active{transform:scale(.99);border-color:var(--violet)}.photo-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.photo-strip::-webkit-scrollbar{display:none}.photo-tile{position:relative;flex:none;width:104px;height:104px;border-radius:var(--radius-sm);overflow:hidden;background:var(--border)}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;background:#0000009e;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.primary{width:100%;min-height:56px;border-radius:var(--radius);background:var(--violet);color:#fff;font-size:18px;font-weight:700;margin-top:28px;transition:transform .12s ease}.primary:active{transform:scale(.985)}.primary:disabled{opacity:.55}.secondary{width:100%;min-height:52px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);font-weight:650;margin-top:12px}.danger{color:var(--rose)}.inline-error{color:var(--rose);font-size:14px;font-weight:600;margin-top:10px;text-align:center}.detail-photo{width:100%;border-radius:var(--radius);margin-top:20px;display:block;background:var(--border)}.detail-note{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-top:20px}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;display:grid;place-items:center;z-index:50;padding:12px}.zoom img{max-width:100%;max-height:100%;object-fit:contain}.row{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:10px 14px;min-height:var(--tap);margin-bottom:9px}.row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.row.archived .row-label{color:var(--muted)}.hint{font-size:14px;color:var(--muted);margin:8px 4px 0}.toggle{width:54px;height:32px;border-radius:999px;background:var(--border);position:relative;transition:background .16s ease;flex:none}.toggle.on{background:var(--violet)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .16s ease;box-shadow:0 1px 3px #00000040}.toggle.on:after{transform:translate(22px)}.legal{padding-bottom:24px}.legal h2{font-size:16px;font-weight:700;margin:26px 0 8px}.legal h2:first-child{margin-top:4px}.legal p,.legal li{font-size:15px;color:var(--muted);line-height:1.5}.legal ul{margin:8px 0;padding-left:20px}.legal li{margin-bottom:6px}.legal strong{color:var(--text)}.banner{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-top:18px;border-left:4px solid var(--violet)}.banner p{margin:0 0 12px;font-size:15px;color:var(--muted)}.banner .primary{margin-top:0;min-height:48px;font-size:16px}.loading{display:grid;place-items:center;min-height:60dvh;color:var(--muted)}.snackbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(100px + env(safe-area-inset-bottom));width:min(calc(100vw - 32px),520px);display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--text);color:var(--bg);box-shadow:0 8px 28px #00000047;z-index:40;animation:snack-in .18s ease-out}@keyframes snack-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.snackbar-text{flex:1;font-size:15px;font-weight:550}.snackbar-action{color:inherit;font-weight:800;font-size:15px;letter-spacing:.03em;text-transform:uppercase;padding:8px 10px;margin:-8px -6px -8px 0;border-radius:10px;opacity:.95}.snackbar-action:active{opacity:.6}.done-card .card-title,.done-card .card-due{color:var(--muted)}.undo-chip{flex:none;min-height:40px;padding:8px 14px;font-size:15px;font-weight:700;color:var(--violet);box-shadow:none;border:2px solid var(--border)}.grip{flex:none;width:40px;height:40px;margin-left:-8px;display:grid;place-items:center;color:var(--muted);border-radius:10px;cursor:grab;touch-action:none}.grip:active{cursor:grabbing;background:var(--border)}.row.dragging{box-shadow:0 6px 20px #17171f2e;transform:scale(1.02);position:relative;z-index:2}.row{transition:transform .12s ease,box-shadow .12s ease}.swipe-wrap{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:10px}.swipe-wrap .card{margin-bottom:0;touch-action:pan-y;user-select:none;-webkit-user-select:none}.swipe-action{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:22px;background:var(--teal);color:#fff;border-radius:var(--radius);transition:background .15s ease,opacity .12s ease}.swipe-action.to-edit{background:var(--violet)}.swipe-label{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:16px;opacity:.75;transform:scale(.94);transition:opacity .14s ease,transform .14s ease}.swipe-label.armed{opacity:1;transform:scale(1)}.card-note{font-size:15px;color:var(--text);opacity:.78;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{margin-top:7px}@keyframes snap-pop{0%{transform:scale(.82);opacity:.45}55%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.swipe-label.snap{animation:snap-pop .26s cubic-bezier(.2,1.4,.4,1)}@keyframes panel-flash{0%{filter:brightness(1.45)}to{filter:brightness(1)}}.swipe-action:has(.snap){animation:panel-flash .3s ease-out}.notification-preview{margin-top:10px;padding:14px 16px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);border-left:4px solid var(--violet);font-size:15px}.notification-preview-title{font-weight:700;margin-bottom:3px}.section-late .section-head h2,.section-late .section-count{color:var(--rose)}.build-stamp{margin:34px 0 8px;text-align:center;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;user-select:text;-webkit-user-select:text}.row.muted-row .row-label{color:var(--muted)}.row.muted-row{opacity:.75}.date-input:disabled{opacity:.5;cursor:not-allowed}.toggle:disabled{opacity:.5}.card.muted .card-title,.card.muted .card-note,.card.muted .card-due{opacity:.62}.card-action{flex:none;width:38px;height:38px;margin:-6px -2px -6px 0;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.card-action:active{background:var(--border);color:var(--text)}.card-badge{flex:none;width:34px;height:38px;display:grid;place-items:center;color:var(--muted);pointer-events:none}.swipe-action.to-mute{background:var(--slate);justify-content:flex-end;padding-left:0;padding-right:22px}.thumb-wrap{position:relative;flex:none;line-height:0}.thumb-count{position:absolute;right:-4px;bottom:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--violet);color:#fff;font-size:11px;font-weight:800;line-height:19px;text-align:center;box-shadow:0 0 0 2px var(--card)}.zoom-nav{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:8px 14px;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:15px;font-variant-numeric:tabular-nums}.zoom-nav button{color:#fff;font-size:30px;line-height:1;width:44px;height:44px;border-radius:50%}.zoom-nav button:active{background:#ffffff2e}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;color:#fff;font-weight:700;font-size:14px}.photo-overlay.failed{background:#e0484dd1}.photo-ring{width:38px;height:38px;border-radius:50%;background:conic-gradient(#fff var(--p, 0%),rgba(255,255,255,.3) 0);-webkit-mask:radial-gradient(circle,transparent 12px,#000 13px);mask:radial-gradient(circle,transparent 12px,#000 13px);transition:background .15s linear}.signout{display:grid;place-items:center;text-decoration:none;color:inherit}.streak{display:flex;align-items:center;gap:8px;margin:0 4px 14px;font-size:14px;color:var(--muted);--flame: var(--amber)}.streak svg{color:var(--flame);flex:none}.streak-days,.streak-risk{white-space:nowrap}.streak-days strong{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.streak-risk{margin-left:auto;color:var(--rose);font-weight:600;text-align:right}.streak-at-risk{--flame: var(--rose)}.signin{min-height:100dvh;display:grid;place-items:center;padding:24px}.signin-inner{width:100%;max-width:360px;text-align:center}.signin h1{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.signin-tagline{color:var(--muted);font-size:16px;line-height:1.45;margin:0 0 28px}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:var(--tap);border-radius:var(--radius-sm);background:#fff;color:#1f1f1f;border:1px solid #dadce0;font-size:16px;font-weight:600;text-decoration:none;box-shadow:var(--shadow)}.signin-fine{color:var(--muted);font-size:13px;margin:18px 0 0}.onboarding{padding-top:8px}.onboarding h1{font-size:25px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.onboard-steps{display:flex;gap:6px;margin:0 0 22px}.onboard-dot{width:26px;height:4px;border-radius:2px;background:var(--border)}.onboard-dot.on{background:var(--violet)}.onboard-add{display:flex;gap:8px;margin:18px 0 4px}.onboard-add input{flex:1;min-width:0}.onboard-add button{flex:none;width:auto;padding:0 22px;margin-top:0}.onboard-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.onboard-list li{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 8px 12px 16px;font-weight:600}.onboard-list li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboard-time{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 16px;margin-top:18px;font-weight:600}.onboard-done{color:var(--teal);font-weight:700;padding:14px 0}.onboard-actions{display:flex;flex-direction:column;gap:4px;margin-top:28px}.onboard-actions .secondary{margin-top:0}.link{background:none;border:none;color:var(--muted);font-size:15px;min-height:44px}.history-stats{display:flex;gap:10px;margin-top:4px}.stat-tile{flex:1;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 10px;text-align:center}.stat-number{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--muted);font-weight:650;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.month-nav h2{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.month-nav .icon-btn:disabled{opacity:.3}.month-nav-next svg{transform:scaleX(-1)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-top:14px}.cal-weekdays span{text-align:center;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:6px}.cal-cell{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--card);border:2px solid transparent;font-size:14px;font-weight:600;color:var(--text)}.cal-cell:active{transform:scale(.94)}.cal-cell.out-of-month{opacity:.35}.cal-cell.kind-streak{background:color-mix(in srgb,var(--amber) 20%,var(--card))}.cal-cell.kind-streak svg{color:var(--amber)}.cal-cell.kind-missed{background:color-mix(in srgb,var(--rose) 20%,var(--card))}.cal-cell.kind-missed svg{color:var(--rose)}.cal-cell.kind-future{color:var(--muted);font-weight:500}.cal-cell.today{border-color:var(--violet)}.cal-cell.selected{background:var(--violet);border-color:var(--violet);color:#fff}.cal-cell-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.cal-cell.selected .cal-cell-dot{opacity:1}.day-detail{margin-top:16px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.day-detail-date{font-weight:700;font-size:16px;letter-spacing:-.01em}.day-detail-status{font-size:14px;margin-top:4px;color:var(--muted)}.day-detail-status.status-streak{color:var(--amber);font-weight:600}.day-detail-status.status-missed{color:var(--rose);font-weight:600}.day-detail-items{margin-top:12px;display:flex;flex-direction:column;gap:8px}.day-detail-item{display:flex;align-items:center;gap:10px;padding:8px 2px}.day-detail-item-body{flex:1;min-width:0}.day-detail-item-title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-detail-item-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.day-detail-item-state{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff}.day-detail-item-state.done{background:var(--teal)}.day-detail-item-state.undone{background:var(--rose)}.day-detail-item-state.upcoming{background:var(--slate)}.runs-list{display:flex;flex-direction:column;gap:8px}.run-row{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 14px}.run-row-body{flex:1;min-width:0}.run-range{font-weight:650;font-size:15px}.run-status{font-size:13px;color:var(--muted);margin-top:2px}.run-status.ended-missed{color:var(--rose)}.run-status.ended-ongoing{color:var(--amber)}.run-days{flex:none;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.offline-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;padding:8px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--slate) 14%,var(--card));color:var(--muted);font-size:13px;font-weight:600;text-align:center}.signin-guest{display:block;width:100%;margin-top:14px;font-weight:600;color:var(--violet)}.signin-guest-note{margin:6px 0 0;color:var(--muted);font-size:13px;text-align:center}.guest-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:8px 8px 8px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--amber) 18%,var(--card));color:var(--text);font-size:13px;font-weight:650}.guest-signin{flex:none;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:var(--card);box-shadow:var(--shadow);font-size:13px;font-weight:700;color:var(--text);text-decoration:none}.field .google-btn{margin-top:12px}