:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f5f5f7;--text:#1d1d1f;--text-secondary:#86868b;--hairline:#d2d2d7;--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#e8f1fd;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.45}#app{max-width:700px;padding:calc(2.5rem + env(safe-area-inset-top)) calc(1.25rem + env(safe-area-inset-right)) 7rem calc(1.25rem + env(safe-area-inset-left));margin:0 auto}h1{letter-spacing:-.022em;margin:0 0 1.5rem;font-size:2.5rem;font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1.75rem;display:flex}.toolbar button{appearance:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:980px;padding:.4rem .9rem;font-size:.9rem;font-weight:500;transition:background .18s,color .18s}.toolbar button[data-view]:hover{background:var(--surface);color:var(--text)}.toolbar button[data-view].active{background:var(--text);color:#fff}.toolbar button[data-view=planning]{position:relative}.tab-badge{color:#fff;vertical-align:middle;background:#ff3b30;border-radius:980px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:.4rem;padding:0 .35rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.toolbar button[data-action=toggle-completed]{color:var(--accent);margin-left:auto}.toolbar button[data-action=toggle-completed]:hover{color:var(--accent-hover)}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:2rem 0 .4rem;font-size:.78rem;font-weight:600}.cat-menu{flex-direction:column;display:flex}.cat-menu-row{appearance:none;cursor:pointer;border:0;border-bottom:1px solid var(--hairline);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:1.05rem .25rem;display:flex}.cat-menu-row:hover{background:var(--surface)}.cat-menu-name{color:var(--text);font-size:1.1rem;font-weight:500}.cat-menu-count{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.cat-menu-count:after{content:"›";color:var(--hairline);font-size:1.3rem;line-height:1}.cat-empty{color:var(--text-secondary);text-align:center;padding:1.5rem .25rem}.cat-back{appearance:none;cursor:pointer;color:var(--accent);background:0 0;border:0;padding:.25rem .25rem 0;font-size:1rem;font-weight:500}.cat-back:hover{color:var(--accent-hover)}.cat-current{letter-spacing:-.015em;text-transform:none;color:var(--text);margin:.35rem 0 .75rem;padding:0 .25rem;font-size:1.5rem;font-weight:600}.plan-toggle{justify-content:flex-end;margin-bottom:.5rem;display:flex}.plan-toggle button{appearance:none;border:1px solid var(--hairline);background:var(--surface);color:var(--text);cursor:pointer;border-radius:980px;padding:.4rem .9rem;font-size:.9rem;font-weight:500}.plan-toggle button:hover{background:#ececef}.cal{margin-bottom:1rem}.cal-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.cal-title{font-size:1.05rem;font-weight:600}.cal-nav{appearance:none;background:var(--surface);color:var(--text);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px;font-size:1.25rem;line-height:1}.cal-nav:hover{background:#ececef}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-wd{text-align:center;color:var(--text-secondary);text-transform:uppercase;padding-bottom:.3rem;font-size:.7rem}.cal-day{appearance:none;color:var(--text);aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:relative}.cal-day:hover:not(.blank){background:var(--surface)}.cal-day.blank{visibility:hidden;cursor:default}.cal-day.today{color:var(--accent);font-weight:700}.cal-day.selected,.cal-day.selected.today{background:var(--accent);color:#fff;font-weight:600}.cal-count{color:var(--accent);font-size:.6rem;font-weight:700;line-height:1;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal-count.overdue{color:#ff3b30}.cal-day.selected .cal-count{color:#fff}.day-head{letter-spacing:-.01em;text-transform:none;color:var(--text);margin:1.5rem 0 .35rem;padding:0 .25rem;font-size:1.05rem;font-weight:600}[data-item]{border-bottom:1px solid var(--hairline)}.swipe{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.swipe::-webkit-scrollbar{display:none}.swipe-main{scroll-snap-align:start;flex-wrap:wrap;flex:0 0 100%;align-items:center;gap:.5rem .85rem;padding:.95rem .25rem;display:flex}.swipe-delete{scroll-snap-align:end;appearance:none;color:#fff;cursor:pointer;background:#ff3b30;border:0;border-radius:12px;flex:none;margin:.4rem 0;padding:0 1.5rem;font-size:.95rem;font-weight:500}.swipe-delete:hover{background:#e0352b}[data-item] input[type=checkbox]{appearance:none;border:1.5px solid var(--hairline);cursor:pointer;border-radius:50%;width:22px;min-width:22px;height:22px;transition:border-color .15s,background .15s;position:relative}[data-item] input[type=checkbox]:hover{border-color:var(--accent)}[data-item] input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}[data-item] input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}[data-item] .text{cursor:text;flex:1;min-width:0;font-size:1.05rem}[data-item] .text.done{color:var(--text-secondary);text-decoration:line-through}[data-item][data-pending=true]{opacity:.55}[data-item][data-pending=true] .swipe-main:after{content:"⏳";order:10;font-size:.85rem}[data-item] button[data-action]:not(.swipe-delete):not(.duration){appearance:none;background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border:0;border-radius:980px;padding:.4rem .55rem;font-size:.85rem;line-height:1;transition:background .15s}[data-item] button[data-action]:not(.swipe-delete):hover{background:#ececef}.duration{appearance:none;text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex-basis:100%;order:9;margin-top:-.35rem;padding:0 0 0 2.45rem;font-size:.78rem}.duration:hover{color:var(--text)}.duration.estimate{font-style:italic}[data-badge=scheduled].overdue{color:#fff;background:#ff3b30}[data-badge=scheduled]{color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:980px;padding:.2rem .5rem;font-size:.72rem;font-weight:500}.addbar{padding:.85rem calc(1.25rem + env(safe-area-inset-right)) calc(.85rem + env(safe-area-inset-bottom)) calc(1.25rem + env(safe-area-inset-left));-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--hairline);background:#ffffffd1;gap:.6rem;display:flex;position:fixed;bottom:0;left:0;right:0}.addbar>*{max-width:700px}.addbar input{border:1px solid var(--hairline);background:var(--surface);color:var(--text);border-radius:980px;flex:1;padding:.7rem 1rem;font-size:1rem}.addbar input:focus{border-color:var(--accent);background:#fff;outline:none}.addbar button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;width:44px;min-width:44px;height:44px;padding:0;font-size:1.4rem;line-height:1;transition:background .15s}.addbar button:hover{background:var(--accent-hover)}#app>button{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:980px;padding:.8rem 1.6rem;font-size:1.05rem;font-weight:500}#app>button:hover{background:var(--accent-hover)}.sheet-overlay{z-index:50;background:#00000052;justify-content:center;align-items:flex-end;animation:.2s sheet-fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:700px;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;max-height:72vh;animation:.26s cubic-bezier(.32,.72,0,1) sheet-up;overflow-y:auto;box-shadow:0 -8px 50px #0000002e}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet h3{letter-spacing:-.01em;margin:0 0 .9rem;font-size:1.15rem;font-weight:600}.sheet-sub{color:var(--text-secondary);margin:-.4rem 0 1rem;font-size:.95rem}.sheet-datetime{border:1px solid var(--hairline);background:var(--surface);width:100%;color:var(--text);border-radius:12px;margin-bottom:.9rem;padding:.85rem 1rem;font-family:inherit;font-size:1.05rem}.sheet-datetime:focus{border-color:var(--accent);background:#fff;outline:none}.sheet-confirm{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:.85rem;font-size:1.05rem;font-weight:600;transition:background .15s}.sheet-confirm:hover{background:var(--accent-hover)}.sheet-confirm:disabled{opacity:.6;cursor:default}.cat-option{text-align:left;appearance:none;background:var(--surface);width:100%;color:var(--text);cursor:pointer;border:0;border-radius:12px;margin-bottom:.45rem;padding:.85rem 1rem;font-size:1.02rem;transition:background .15s;display:block}.cat-option:hover{background:#ececef}.cat-option.selected{color:var(--accent);font-weight:600}.cat-option.selected:after{content:" ✓"}.dur-chips{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.8rem;display:grid}.dur-chip{appearance:none;border:1px solid var(--hairline);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:12px;padding:.6rem .4rem;font-size:.95rem}.dur-chip:hover{background:#ececef}.dur-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.sheet-clear{appearance:none;color:#ff3b30;cursor:pointer;background:0 0;border:0;width:100%;margin-top:.4rem;padding:.85rem;font-size:1rem}.cat-new{gap:.5rem;margin-top:.6rem;display:flex}.cat-new input{border:1px solid var(--hairline);background:var(--surface);color:var(--text);border-radius:12px;flex:1;padding:.75rem 1rem;font-size:1rem}.cat-new input:focus{border-color:var(--accent);background:#fff;outline:none}.cat-new button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:0 1.2rem;font-size:1rem;font-weight:500}.cat-new button:hover{background:var(--accent-hover)}.google-banner{padding:.6rem calc(1rem + env(safe-area-inset-right)) .6rem calc(1rem + env(safe-area-inset-left));-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hairline);color:var(--text);z-index:10;background:#ffffffd1;align-items:center;gap:.6rem;font-size:.85rem;display:flex;position:fixed;top:0;left:0;right:0}.google-banner span{flex:1}.google-banner button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:980px;padding:.35rem .7rem;font-size:.8rem}.google-banner button:last-child{color:var(--text-secondary);background:0 0;padding:.35rem .5rem;font-size:1rem}