:root{--bg:#f6f6f3;--surface:#fff;--surface-2:#efefeb;--text:#191917;--muted:#74746e;--line:#e6e6e1;--accent:#191917;--accent-text:#fff;--u0:#a3a39c;--u1:#4f6bed;--u2:#e0870f;--u3:#e5484d;--danger:#d93a3f;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111110;--surface:#1b1b19;--surface-2:#252522;--text:#ededea;--muted:#96968f;--line:#2c2c29;--accent:#ededea;--accent-text:#111110;--u0:#75756f;--u1:#7d93ff;--u2:#f0a440;--u3:#ff6b6f;--danger:#ff6b6f;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif}body.locked{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;outline:none;width:100%;min-width:0;padding:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--muted)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}h1,h2,h3,p{margin:0}a{color:inherit}.muted{color:var(--muted)}.small{font-size:13px}.danger{color:var(--danger)}.error{color:var(--danger);font-size:14px}.stack{gap:10px;display:grid}.inline{align-items:center;gap:8px;display:flex}.inline input[type=number]{width:90px}.btn{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-weight:500;display:inline-flex}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.danger-text{color:var(--danger)}.link{color:var(--muted);font-size:14px;text-decoration:none}.link:hover{color:var(--text)}.link.strong{color:var(--text);font-weight:600}.icon-btn{width:38px;height:38px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;place-items:center;display:grid}.shell{max-width:760px;padding:calc(env(safe-area-inset-top) + 20px) max(16px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 96px) max(16px, env(safe-area-inset-left));margin:0 auto}.top{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.top h1{letter-spacing:-.02em;font-size:30px;font-weight:700}.top-actions{gap:8px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.stat{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:2px;min-width:0;padding:12px 12px 10px;transition:border-color .15s;display:grid}.stat.active{border-color:var(--text)}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:650}.stat.critical .stat-value{color:var(--u3)}.stat-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.quick{margin-bottom:12px;position:relative}.quick input{border-radius:12px;padding:12px 70px 12px 14px}.quick .link{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.chips{scrollbar-width:none;gap:6px;margin:0 -16px 10px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:14px;display:inline-flex}.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.chip-count{opacity:.6;font-variant-numeric:tabular-nums;font-size:12px}.chip-input{border-radius:999px;width:140px;height:32px;padding:0 12px;font-size:14px}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar select{border-radius:999px;width:auto;height:32px;padding:0 28px 0 12px;font-size:14px}.toggle{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.toggle.block{color:var(--text);align-items:flex-start;gap:10px;display:flex}.toggle.block input{margin-top:2px}.seg{background:var(--surface-2);border-radius:999px;padding:3px;display:inline-flex}.seg button{height:26px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.seg.full{border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid}.seg.full button{border-radius:9px;justify-content:center;height:34px;font-size:14px}.udot{border-radius:50%;width:8px;height:8px}.udot.u0{background:var(--u0)}.udot.u1{background:var(--u1)}.udot.u2{background:var(--u2)}.udot.u3{background:var(--u3)}.recurring{color:var(--muted);margin:-6px 0 16px;font-size:14px}.recurring strong{color:var(--text)}.trips{scrollbar-width:none;gap:8px;margin:0 -16px 20px;padding:0 16px;display:flex;overflow-x:auto}.trips::-webkit-scrollbar{display:none}.trip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex:none;gap:8px;width:230px;padding:12px 14px;display:grid}.trip.focused{border-color:#0f9d8a}.trip-main{text-align:left;gap:2px;display:grid}.trip-when{color:#0f9d8a;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.trip-name{font-size:16px;font-weight:600}.trip-actions{justify-content:space-between;display:flex}.trip-actions .link{font-size:13px}.group{margin-bottom:22px}.group h2{text-transform:uppercase;letter-spacing:.05em;gap:6px;margin:0 4px 8px;font-size:13px;font-weight:600;display:flex}.group h2 .muted{font-weight:500}.group ul{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.task{align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:relative}.task+.task{border-top:1px solid var(--line)}.task.u2:before,.task.u3:before{content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.task.u2:before{background:var(--u2)}.task.u3:before{background:var(--u3)}.check{border:1.6px solid var(--u0);color:#0000;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;transition:background .15s,color .15s;display:grid}.task.u1 .check{border-color:var(--u1)}.task.u2 .check{border-color:var(--u2)}.task.u3 .check{border-color:var(--u3)}.check:hover{color:var(--muted)}.task.done .check{background:var(--u0);border-color:var(--u0);color:var(--surface)}.task.done .task-title{color:var(--muted);text-decoration:line-through}.task-main{text-align:left;flex:1;gap:3px;min-width:0;display:grid}.task-title{overflow-wrap:anywhere;font-weight:500}.task-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:13px;display:flex}.task-meta .danger{color:var(--danger)}.cat{align-items:center;gap:5px;display:inline-flex}.bell{filter:grayscale();opacity:.6;font-size:11px}.badge{border-radius:999px;flex:none;margin-top:1px;padding:2px 8px;font-size:11px;font-weight:600}.badge.u0{color:var(--muted);background:var(--surface-2)}.badge.u2{color:var(--u2);background:color-mix(in srgb, var(--u2) 14%, transparent)}.badge.u3{color:var(--u3);background:color-mix(in srgb, var(--u3) 14%, transparent)}.empty{text-align:center;color:var(--muted);justify-items:center;gap:14px;padding:48px 16px;display:grid}.overlay{z-index:20;background:#00000052;justify-content:center;align-items:center;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:min(560px,100%);max-height:min(860px,92vh);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;animation:.2s ease-out rise;display:flex;overflow:hidden}.sheet-head{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 16px;display:grid}.sheet-head>:last-child{justify-self:end}.sheet-body{padding:16px 16px calc(env(safe-area-inset-bottom) + 20px);overscroll-behavior:contain;gap:16px;display:grid;overflow-y:auto}.title-input{background:0 0;border:0;padding:4px 0;font-size:20px;font-weight:600}.field{gap:6px;display:grid}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.field-label .muted{text-transform:none;letter-spacing:0;font-weight:400}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-dates{flex-wrap:wrap;gap:8px;margin-top:-8px;display:flex}.sheet-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.snooze{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:14px;display:grid}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-row select{width:auto}.install ol{gap:4px;margin:8px 0 0;padding-left:20px;display:grid}.history{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.history a{background:var(--surface);border-radius:10px;gap:1px;padding:10px 12px;text-decoration:none;display:grid}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow);z-index:30;border-radius:999px;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;animation:.2s ease-out rise;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:inherit;font-weight:600;text-decoration:underline}.login{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{gap:10px;width:min(340px,100%);display:grid}.login-card h1{letter-spacing:-.02em;font-size:28px}.login-card form{margin-top:14px}.login-mark{background:var(--accent);width:44px;height:44px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.toast{animation-name:toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@media (max-width:600px){.overlay{align-items:flex-end}.sheet{max-height:calc(100vh - env(safe-area-inset-top) - 24px);border-radius:18px 18px 0 0;width:100%}.stats{grid-template-columns:repeat(2,1fr)}.top h1{font-size:28px}.seg.full button{font-size:13px}}.sheet-body>.link{justify-self:start}@media (max-width:600px){.setting-row{flex-wrap:wrap}}
