: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-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}[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){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}.source{color:var(--text-secondary);flex-basis:100%;order:9;margin-top:-.35rem;padding-left:2.45rem;font-size:.78rem}[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:" ✓"}.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}