:root{--surface:#fff;--bg:#fcfaf8;--sidebar:#fafafa;--border:#ededed;--border-strong:#ddd;--text:#202020;--muted:#666;--faint:#8f8f8f;--accent:#dc4c3e;--accent-hover:#c53727;--accent-soft:#fdf0ee;--hover:#f5f5f5;--shadow:0 8px 30px #14141414;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#1f1f1f;--bg:#181818;--sidebar:#1b1b1b;--border:#2e2e2e;--border-strong:#3a3a3a;--text:#eee;--muted:#a0a0a0;--faint:#7a7a7a;--accent:#e05b4d;--accent-hover:#ef6a5c;--accent-soft:#33201d;--hover:#2a2a2a;--shadow:0 8px 30px #0006}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.splash{background:var(--bg);place-items:center;min-height:100dvh;display:grid}.splash__mark{background:var(--accent);border-radius:9px;width:34px;height:34px;animation:1.1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.login{background:var(--bg);grid-template-columns:minmax(360px,460px) 1fr;min-height:100dvh;display:grid}.login__panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:36px;padding:56px 48px;display:flex}.login__brand{align-items:center;gap:14px;display:flex}.login__mark{display:inline-flex}.login__brand h1{letter-spacing:-.02em;font-size:24px;font-weight:650}.login__brand p{color:var(--muted);margin-top:2px;font-size:13px}.login__form{flex-direction:column;gap:18px;max-width:340px;display:flex}.login__accounts{border:0;margin:0;padding:0}.login__accounts legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:12px}.account-picker{grid-template-columns:1fr 1fr;gap:8px;display:grid}.account-chip{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;align-items:center;gap:9px;height:42px;padding:0 12px;font-weight:550;display:flex}.account-chip:hover{background:var(--hover)}.account-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.account-chip__initial{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:grid}.account-chip.is-selected .account-chip__initial{background:var(--accent)}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:12px}.field input{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;height:42px;padding:0 12px;font-size:14px}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #dc4c3e24}.login__error{color:var(--accent-hover);background:var(--accent-soft);border-radius:8px;padding:9px 11px;font-size:13px}.login__submit{background:var(--accent);color:#fff;border-radius:8px;height:42px;font-weight:600}.login__submit:hover:not(:disabled){background:var(--accent-hover)}.login__submit:disabled{opacity:.45;cursor:default}.login__note{color:var(--faint);font-size:12px}.login__aside{background:linear-gradient(var(--border) 1px, transparent 1px) 0 0 / 100% 32px, var(--bg);background-blend-mode:multiply;align-items:flex-end;padding:56px;display:flex}.login__aside ul{max-width:360px;color:var(--muted);flex-direction:column;gap:10px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.login__aside li{padding-left:16px;position:relative}.login__aside li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.app{background:var(--surface);grid-template-columns:266px minmax(0,1fr);height:100dvh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:20;flex-direction:column;gap:18px;padding:14px 10px 10px;display:flex;overflow-y:auto}.sidebar__brand{align-items:center;gap:9px;padding:0 8px;font-size:15px;font-weight:650;display:flex}.brand-mark{display:inline-flex}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.nav-item,.project{width:100%;height:36px;color:var(--text);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:0 9px;display:flex}.nav-item:hover,.project:hover{background:var(--hover)}.nav-item.is-active,.project.is-active{background:var(--accent-soft);color:var(--accent-hover);font-weight:550}.nav-item svg,.project svg{color:var(--muted);flex:none}.nav-item.is-active svg,.project.is-active svg{color:currentColor}.count{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.sidebar__section{flex-direction:column;gap:4px;display:flex}.sidebar__section-head{height:30px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 9px;font-size:12px;display:flex}.projects{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.project__dot{border-radius:3px;flex:none;width:9px;height:9px}.project__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-form{padding:2px 9px}.project-form input{border:1px solid var(--border-strong);background:var(--surface);border-radius:7px;width:100%;height:32px;padding:0 8px}.sidebar__foot{border-top:1px solid var(--border);align-items:center;gap:9px;margin-top:auto;padding:10px 8px 2px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:650;display:grid}.sidebar__user{flex-direction:column;font-size:13px;font-weight:550;line-height:1.3;display:flex}.sidebar__user span{color:var(--faint);font-size:11px;font-weight:400}.sidebar__foot .icon-button{margin-left:auto}.main{background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{height:60px;padding:0 24px;padding-top:env(safe-area-inset-top);flex:none;align-items:center;gap:10px;display:flex}.topbar .topbar__menu{display:none}.topbar__titles{align-items:baseline;gap:8px;display:flex}.sync-state{color:var(--faint);margin-left:auto;font-size:12px}.topbar h1{letter-spacing:-.01em;font-size:20px;font-weight:650}.content{width:100%;max-width:840px;padding:4px 24px calc(90px + env(safe-area-inset-bottom));margin:0 auto;overflow-y:auto}.quick-add{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:9px;min-height:46px;padding:0 12px;display:flex;position:relative}.quick-add.is-focused{border-color:var(--accent);box-shadow:0 0 0 3px #dc4c3e1f}.quick-add__plus{color:var(--accent);font-size:21px;font-weight:400;line-height:1}.quick-add input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:44px}.quick-add input::placeholder{color:var(--faint)}.quick-add__preview{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:calc(100% + 4px);left:12px;right:12px}.chip{background:var(--hover);color:var(--muted);border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:12px;display:inline-flex}.chip--project{background:var(--accent-soft);color:var(--accent-hover)}.chip--priority{color:var(--accent-hover)}.tasks{margin:0;padding:0;list-style:none}.task{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 4px;display:flex}.task:hover .task__actions,.task:focus-within .task__actions{opacity:1}.task__check{flex:none;place-items:center;width:40px;height:40px;margin:-9px 0 -9px -10px;display:grid}.task__circle{border:1.6px solid #b9b9b9;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.task__check:hover .task__circle{border-color:var(--accent);background:var(--accent-soft)}.task.is-done .task__circle{background:var(--muted);border-color:var(--muted)}.task.is-done .task__circle:after{content:"";border-bottom:1.6px solid #fff;border-left:1.6px solid #fff;width:8px;height:4px;transform:rotate(-45deg)translateY(-1px)}.task__body{flex:1;min-width:0}.task__title{text-align:left;word-break:break-word;width:100%;line-height:1.45;display:block}.task.is-done .task__title{color:var(--faint);text-decoration:line-through}.task__edit{border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;width:100%;padding:2px 6px}.task__meta{color:var(--faint);flex-wrap:wrap;gap:8px;margin-top:3px;font-size:12px;display:flex}.task__due.is-overdue{color:var(--accent-hover)}.task__priority{align-items:center;display:inline-flex}.task__project,.task__label{color:var(--muted)}.task__actions{gap:2px;display:flex}.task__flag{opacity:1}.task__delete{opacity:0;transition:opacity .12s}.task:hover .task__delete,.task:focus-within .task__delete{opacity:1}.icon-button{width:28px;height:28px;color:var(--faint);border-radius:6px;place-items:center;display:grid}.icon-button:hover{background:var(--hover);color:var(--text)}.empty{text-align:center;padding:56px 8px}.empty__title{font-size:14px;font-weight:550}.empty__hint{color:var(--muted);margin-top:4px;font-size:13px}.groups{flex-direction:column;gap:22px;margin-top:22px;display:flex}.group h2{color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:6px;font-size:13px;font-weight:600}.search-box{border:1px solid var(--border-strong);border-radius:var(--radius);height:44px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:none;flex:1}.scrim{display:none}@media (width<=820px){.login{grid-template-columns:1fr}.login__panel{border-right:0;justify-content:center;min-height:100dvh;padding:56px 24px 40px}.login__aside{display:none}.app{grid-template-columns:1fr}.sidebar{width:280px;box-shadow:var(--shadow);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar.is-open{transform:translate(0)}.scrim:not([hidden]){z-index:10;background:#00000059;display:block;position:fixed;inset:0}.topbar{padding-left:12px;padding-right:16px}.topbar .topbar__menu{display:grid}.content{padding-left:16px;padding-right:16px}.task__actions,.task__delete{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bottom-nav,.fab{display:none}.topbar p{color:var(--faint);margin-top:1px;font-size:12px}.nav-item__count{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.nav-item--project .dot{border-radius:3px;flex:none;width:9px;height:9px}.nav-item--project span:not(.dot){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.group{margin-top:20px}.group__title{color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:6px;font-size:13px;font-weight:600}.group__title.is-overdue{color:var(--accent-hover)}.quick-add-wrap{padding-top:4px}.search-view{padding:0 24px calc(90px + env(safe-area-inset-bottom));overflow-y:auto}.search-view__input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;height:46px;margin:6px 0 10px;padding:0 14px}.search-view__input:focus{border-color:var(--accent)}.search-view__input:focus-visible{outline:none}.toast{background:var(--accent-soft);color:var(--accent-hover);text-align:left;border-radius:8px;justify-content:space-between;gap:12px;margin:0 16px 8px;padding:10px 12px;font-size:13px;display:flex}.toast span{white-space:nowrap;font-weight:600}.browse{padding:0 24px calc(100px + env(safe-area-inset-bottom));width:100%;max-width:840px;margin:0 auto;overflow-y:auto}.browse__section{margin-top:18px}.browse__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.browse__head h2{color:var(--muted);font-size:13px;font-weight:600}.browse__list{margin:4px 0 0;padding:0;list-style:none}.browse__row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:10px;width:100%;height:46px;padding:0 4px;font-size:14px;display:flex}.browse__row:hover{background:var(--hover)}.browse__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.browse__row svg{color:var(--faint)}.browse__tags{flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.browse__empty{color:var(--faint);font-size:13px}.browse__add{gap:8px;padding:8px 0;display:flex}.browse__add input{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;outline:none;flex:1;height:40px;padding:0 10px}.browse__section--account{margin-top:28px}.browse__account{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 0;display:flex}.browse__account div{flex-direction:column;flex:1;font-size:13px;display:flex}.browse__account span{color:var(--faint);font-size:12px}.sheet-layer{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#00000057;border:0;position:absolute;inset:0}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:relative;box-shadow:0 -8px 40px #0000002e}.sheet--add{max-height:72dvh}.sheet__head{align-items:center;gap:8px;padding:18px 12px 4px;display:flex;position:relative}.sheet__grip{background:var(--border-strong);border-radius:2px;width:36px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.sheet__head h2{flex:1;margin-left:4px;font-size:14px;font-weight:600}.sheet__body{padding:6px 16px 16px;overflow-y:auto}.sheet__title{background:0 0;border:0;outline:none;width:100%;padding:8px 0;font-size:20px;font-weight:600}.sheet__title:focus-visible{outline:none}.sheet__hint{color:var(--faint);margin-top:4px;font-size:12px}.sheet__chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.sheet__chips .chip{border:1px solid var(--border-strong);height:32px;color:var(--muted);background:0 0;border-radius:16px;padding:0 12px;font-size:13px}.sheet__chips .chip:hover{border-color:var(--accent);color:var(--accent-hover)}.sheet__foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border);justify-content:flex-end;gap:8px;display:flex}.sheet__foot--split{justify-content:space-between}.button{border-radius:8px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.button--primary{background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--primary:disabled{opacity:.5}.button--ghost{color:var(--muted)}.button--ghost:hover{background:var(--hover)}.detail__row{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:4px;display:flex}.detail__row .task__check{margin-left:-8px}.detail__title{background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:19px;font-weight:600}.detail__field{color:var(--faint);flex-direction:column;gap:4px;margin-top:14px;font-size:12px;display:flex}.detail__field input,.detail__field select,.detail__field textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:14px}.detail__field textarea{resize:vertical}.detail__field input:focus,.detail__field select:focus,.detail__field textarea:focus{border-color:var(--accent)}.detail__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=820px){.sidebar{display:none}.main{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.topbar{height:auto;min-height:54px;padding:calc(10px + env(safe-area-inset-top)) 16px 6px;align-items:center}.topbar h1{font-size:22px;font-weight:650}.topbar .topbar__menu,.sync-state{display:none}.content,.search-view,.browse{padding:0 16px calc(150px + env(safe-area-inset-bottom))}.quick-add-wrap{display:none}.task{gap:8px;padding:11px 0}.task__check{margin:-8px 0 -8px -8px}.task__delete{opacity:0}.fab{right:18px;bottom:calc(78px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;z-index:40;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;box-shadow:0 6px 18px #dc4c3e59}.fab:active{transform:scale(.96)}.bottom-nav{z-index:35;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{height:60px;color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.bottom-nav__item.is-active{color:var(--accent)}.sheet-layer{align-items:flex-end}.toast{margin:0 16px 8px}}@media (width>=821px){.sheet-layer{align-items:center}.sheet{border-radius:12px;max-height:82vh;margin-top:-4vh}.sheet__grip{display:none}}