:root{--bg: #f6f5f1;--surface: #ffffff;--surface-2: #f0efe9;--border: #e3e1d9;--text: #1f2421;--muted: #6b716c;--accent: #2f6f5e;--accent-soft: #dcebe5;--accent-text: #ffffff;--danger: #c0392b;--warn: #b45309;--p1: #7c8b84;--p2: #d08a17;--p3: #d13c2f;--shadow: 0 1px 2px rgb(0 0 0 / .04), 0 4px 16px rgb(0 0 0 / .04);--radius: 14px;--nav-w: 220px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #16171b;--surface: #1f2126;--surface-2: #272a30;--border: #33363d;--text: #e8e9e6;--muted: #9a9f9b;--accent: #5fb49a;--accent-soft: #1f3a32;--accent-text: #0e1a16;--danger: #ef6a5b;--warn: #f0a44b;--p1: #8d9b95;--p2: #e3a33a;--p3: #ef6a5b;--shadow: none;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.6rem;font-weight:650;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}h2{font-size:1rem;font-weight:620}a{color:inherit}code{background:var(--surface-2);padding:.1em .35em;border-radius:5px;font-size:.9em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.45rem .85rem;min-height:36px}button:hover{background:var(--surface-2)}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary:hover{filter:brightness(1.07)}button.danger{color:var(--danger)}.icon-btn{border:none;background:transparent;padding:.3rem .5rem;min-height:32px;border-radius:8px;color:var(--muted)}.icon-btn.on{background:var(--accent-soft)}.link-btn{border:none;background:none;color:var(--accent);padding:.25rem 0;min-height:0;text-decoration:none;font-size:.9rem}.link-btn:hover{background:none;text-decoration:underline}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem;min-height:40px}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.error{color:var(--danger);margin:.5rem 0}.muted{color:var(--muted)}.empty{color:var(--muted);padding:.5rem 0;margin:0}.empty.big{padding:3rem 1rem;text-align:center}.spacer{flex:1}.shell{min-height:100vh}.nav{position:fixed;inset:0 auto 0 0;width:var(--nav-w);padding:1.1rem .8rem;display:flex;flex-direction:column;gap:.2rem;border-right:1px solid var(--border);background:var(--bg);z-index:10}.brand{display:flex;align-items:center;gap:.6rem;font-weight:650;padding:0 .6rem 1rem}.nav-link{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:10px;text-decoration:none;color:var(--muted)}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-icon{width:1.2em;text-align:center;font-size:1.1rem}.content{margin-left:var(--nav-w);min-width:0}.page{max-width:820px;margin:0 auto;padding:1.6rem 1.5rem 3rem}.page-wide{max-width:1240px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}.eyebrow{margin:0 0 .2rem;color:var(--accent);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.toolbar{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}.card+.card{margin-top:1rem}.card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}.card>h2{margin-bottom:.5rem}.group{font-size:.78rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.9rem 0 .3rem}section:first-child>.group,.card>section:first-child>.group{margin-top:.2rem}.overdue-h{color:var(--danger)}.quick-add{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 .9rem;margin-bottom:1rem}.quick-add span{color:var(--accent);font-size:1.2rem}.quick-add input{border:none;padding-left:0;min-height:48px}.quick-add input:focus{outline:none}.quick-add:focus-within{border-color:var(--accent)}.today-grid{display:grid;gap:1rem}.today-grid .card+.card{margin-top:0}.upcoming-day+.upcoming-day{margin-top:.3rem}.pinned-notes{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pinned-notes a{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem;border-radius:10px;background:var(--surface-2);text-decoration:none;height:100%}.pinned-notes span{color:var(--muted);font-size:.88rem;white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.task-list,.event-list{list-style:none;margin:0;padding:0}.task-row{display:flex;align-items:flex-start;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:none}.task-row[draggable=true]{cursor:grab}.check-btn{flex:none;width:22px;height:22px;min-height:0;padding:0;margin:.45rem 0 0 .1rem;border-radius:50%;border:2px solid var(--p1);background:transparent;font-size:.75rem;line-height:1;color:var(--accent-text);position:relative}.check-btn:after{content:"";position:absolute;inset:-10px}.check-btn.p2{border-color:var(--p2)}.check-btn.p3{border-color:var(--p3)}.check-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.task-main{flex:1;min-width:0;text-align:left;border:none;background:none;padding:.35rem 0;display:flex;flex-direction:column;gap:.15rem}.task-main:hover{background:none}.task-title{overflow-wrap:anywhere}.task-row.done .task-title{color:var(--muted);text-decoration:line-through}.task-meta{display:flex;flex-wrap:wrap;gap:.35rem}.task-meta:empty{display:none}.tag{font-size:.78rem;color:var(--muted);display:inline-flex;align-items:center;gap:.3rem}.tag.overdue{color:var(--danger);font-weight:600}.tag.doing{color:var(--warn);font-weight:600}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.dot.big{width:14px;height:14px}.show-done{margin-top:.6rem}.filters{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.3rem;margin-bottom:.8rem;scrollbar-width:none}.chip{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;border-radius:999px;padding:.3rem .8rem;min-height:34px;font-size:.9rem}.chip small{color:var(--muted)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip.on small{color:inherit;opacity:.7}.chip.ghost{border-style:dashed;color:var(--muted)}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:10px;padding:2px;background:var(--surface)}.segmented button{border:none;min-height:30px;padding:.2rem .75rem;border-radius:8px;background:none}.segmented button.on{background:var(--surface-2);font-weight:600}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.column{background:var(--surface-2);border:2px dashed transparent;border-radius:var(--radius);padding:.7rem;min-height:160px}.column.over{border-color:var(--accent)}.column .task-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.2rem .6rem;margin-bottom:.45rem}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.weekday{padding:.5rem;font-size:.75rem;font-weight:650;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.day{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;min-height:108px;padding:.35rem;border:none;border-radius:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);text-align:left;overflow:hidden}.day:nth-child(7n){border-right:none}.day.weekend{background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.day.other .day-num{color:var(--muted);opacity:.55}.day.selected{box-shadow:inset 0 0 0 2px var(--accent)}.day-num{font-size:.85rem;font-weight:600;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}.day.today .day-num{background:var(--accent);color:var(--accent-text)}.chips{display:flex;flex-direction:column;gap:2px;min-width:0}.chip-ev,.chip-task,.more{font-size:.74rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:5px;padding:1px 5px}.chip-ev{border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}.chip-ev.solid{background:var(--c);color:#fff;border-left:none}.chip-ev b{font-weight:600}.chip-task{color:var(--muted)}.chip-task.done{text-decoration:line-through}.more{color:var(--muted)}.dots{display:none}.day-panel{position:sticky;top:1rem}.day-actions{display:flex;gap:.4rem;margin-bottom:.6rem}.day-actions button{flex:1}.event-item{display:flex;gap:.7rem;width:100%;text-align:left;border:none;background:none;padding:.45rem .2rem;border-radius:8px}.event-item:hover{background:var(--surface-2)}.event-time{flex:none;width:4.2rem;font-size:.85rem;font-weight:600;display:flex;flex-direction:column;border-right:3px solid var(--c);padding-right:.5rem}.event-time small{color:var(--muted);font-weight:400}.event-body{display:flex;flex-direction:column;min-width:0}.event-title{overflow-wrap:anywhere}.event-sub{font-size:.82rem;color:var(--muted)}.notes-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1.2rem;align-items:start}.notes-list .page-head,.search{margin-bottom:.7rem}.notes-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.note-card{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none}.note-card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.note-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-preview{color:var(--muted);font-size:.88rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-card small{color:var(--muted);font-size:.75rem}.note-editor-wrap{position:sticky;top:1rem}.note-editor{display:flex;flex-direction:column;min-height:calc(100vh - 5rem)}.note-toolbar{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.note-toolbar select{width:auto;min-width:0;min-height:32px;padding:.2rem .5rem;font-size:.88rem}.back-link{display:none;white-space:nowrap;text-decoration:none;color:var(--accent)}.save-state{font-size:.8rem;color:var(--muted)}.save-state.error{color:var(--danger)}.note-title{border:none;font-size:1.4rem;font-weight:650;padding:.4rem 0}.note-body{flex:1;border:none;padding:.4rem 0;resize:none;min-height:50vh;line-height:1.6}.note-title:focus,.note-body:focus{outline:none}.sheet-backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:50;padding:1rem}.sheet{width:min(520px,100%);max-height:calc(100vh - 2rem);overflow:auto;background:var(--surface);border-radius:18px;box-shadow:0 20px 60px #00000040}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem 0}.sheet-body{padding:.8rem 1.1rem 1.1rem}.form{display:flex;flex-direction:column;gap:.7rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--muted);flex:1;min-width:0}.form label.check{flex-direction:row;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text)}.form label.check input{width:18px;min-height:18px;accent-color:var(--accent)}.title-input{font-size:1.1rem;font-weight:600}.row{display:flex;gap:.6rem;align-items:flex-end}.align-end{margin-bottom:4px}.priority{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.priority legend{font-size:.82rem;color:var(--muted);margin-bottom:.25rem}.priority .chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.colors{display:flex;gap:.5rem}.swatch{width:30px;height:30px;min-height:0;padding:0;border-radius:50%;border:3px solid transparent}.swatch.on{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.3rem}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}@media(max-width:1100px){.calendar-layout{grid-template-columns:1fr}.day-panel{position:static}}@media(max-width:760px){.nav{inset:auto 0 0;width:auto;flex-direction:row;justify-content:space-around;padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:none}.nav-link{flex-direction:column;gap:.1rem;padding:.35rem .2rem;font-size:.68rem;flex:1;min-width:0}.nav-link.active{background:none;color:var(--accent)}.nav-icon{font-size:1.25rem}.content{margin-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.page{padding:1rem 1rem 2rem}h1{font-size:1.35rem}.board{grid-template-columns:1fr}.day{min-height:54px;align-items:center;padding:.25rem .1rem}.chips{display:none}.dots{display:flex;gap:3px;justify-content:center}.dots i{width:5px;height:5px;border-radius:50%}.dots .task-dot{background:var(--muted)}.weekday{text-align:center;padding:.4rem 0}.notes-layout{grid-template-columns:minmax(0,1fr)}.notes-layout.has-note .notes-list{display:none}.notes-layout:not(.has-note) .note-editor-wrap{display:none}.back-link{display:inline}.note-toolbar{flex-wrap:wrap}.note-toolbar select{order:1;flex:1 1 100%}.note-editor{min-height:calc(100vh - 7rem)}.sheet-backdrop{place-items:end stretch;padding:0}.sheet{width:100%;border-radius:18px 18px 0 0;max-height:92vh;padding-bottom:env(safe-area-inset-bottom)}.row{flex-wrap:wrap}input,select,textarea{font-size:16px}}