:root{--accent:#dc4c3e;--accent-hover:#c3392c;--accent-soft:#ffefe5;--accent-text:#c3402c;--bg:#fff;--sidebar:#fcfaf8;--text:#202020;--text-muted:#666;--text-faint:#999;--border:#e6e6e6;--border-soft:#f0f0f0;--hover:#f5f3f0;--hover-strong:#eeeae5;--focus:#f2efed;--popover:#fff;--shadow:0 0 0 1px #0000000f, 0 6px 20px #0000001f;--modal-backdrop:#0006;--tone-today:#058527;--tone-tomorrow:#ad6200;--tone-week:#692ec2;--tone-overdue:#d1453b;--hl-date:#05852726;--hl-priority:#eb89092e;--hl-project:#246fe026;--hl-label:#af38eb26;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#de4c4a;--accent-hover:#e8615e;--accent-soft:#3b2a26;--accent-text:#ff8a73;--bg:#1e1e1e;--sidebar:#282828;--text:#e8e8e8;--text-muted:#a0a0a0;--text-faint:#777;--border:#3a3a3a;--border-soft:#2e2e2e;--hover:#2e2e2e;--hover-strong:#363636;--focus:#2b2b2b;--popover:#282828;--shadow:0 0 0 1px #ffffff14, 0 8px 24px #00000080;--modal-backdrop:#0009;--tone-today:#25b84c;--tone-tomorrow:#ff9a14;--tone-week:#a970ff;--tone-overdue:#ff7066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--accent:#de4c4a;--accent-hover:#e8615e;--accent-soft:#3b2a26;--accent-text:#ff8a73;--bg:#1e1e1e;--sidebar:#282828;--text:#e8e8e8;--text-muted:#a0a0a0;--text-faint:#777;--border:#3a3a3a;--border-soft:#2e2e2e;--hover:#2e2e2e;--hover-strong:#363636;--focus:#2b2b2b;--popover:#282828;--shadow:0 0 0 1px #ffffff14, 0 8px 24px #00000080;--modal-backdrop:#0009;--tone-today:#25b84c;--tone-tomorrow:#ff9a14;--tone-week:#a970ff;--tone-overdue:#ff7066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}kbd{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);text-align:center;border-radius:4px;min-width:18px;padding:3px 5px;font-family:inherit;font-size:11px;line-height:1;display:inline-block}hr{border:0;border-top:1px solid var(--border-soft);margin:4px 0}code{background:var(--hover);border-radius:3px;padding:0 4px;font-size:12px}.muted{color:var(--text-muted)}.small{font-size:12px}.grow{flex:1;min-width:0}.row{align-items:center;gap:6px;display:flex}.gap{gap:8px}.left{text-align:left}.pad{padding:4px 8px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-btn{width:32px;height:32px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--hover-strong);color:var(--text)}.icon-btn.sm{width:28px;height:28px}.icon-btn.xs{width:20px;height:20px;font-size:8px}.btn{border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.btn.sm{height:28px;padding:0 8px;font-weight:400}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.secondary{background:var(--hover)}.btn.secondary:hover{background:var(--hover-strong)}.btn.danger{background:var(--accent);color:#fff}.btn.ghost{color:var(--text-muted)}.btn.ghost:hover{background:var(--hover);color:var(--text)}.link-btn{color:var(--accent-text);font-size:13px;font-weight:600}.link-btn:hover{text-decoration:underline}.link-btn.plain{color:inherit;font-weight:400}.app{height:100%;display:flex}.sidebar{background:var(--sidebar);z-index:20;flex-direction:column;flex-shrink:0;gap:1px;width:280px;height:100%;margin-left:-280px;padding:10px 10px 16px;transition:margin-left .2s;display:flex;overflow-y:auto}.sidebar.open{margin-left:0}.sidebar-backdrop{display:none}.sidebar-top{align-items:center;gap:2px;margin-bottom:6px;display:flex}.brand{flex:1;align-items:center;gap:8px;padding-left:6px;font-size:15px;font-weight:700;display:flex}.nav-item{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px;display:flex;position:relative}.nav-item:hover{background:var(--hover-strong)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.nav-item.over{background:var(--accent-soft);outline:2px dashed var(--accent)}.nav-item.add{color:var(--accent-text);font-weight:600}.nav-icon{justify-content:center;width:24px;display:flex}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-count{color:var(--text-faint);font-size:12px}.nav-item.active .nav-count{color:var(--accent-text)}.nav-kbd{opacity:0;transition:opacity .1s}.nav-item:hover .nav-kbd{opacity:1}.nav-group{margin-top:14px}.nav-group-head{height:32px;color:var(--text-muted);align-items:center;padding-left:8px;font-size:13px;font-weight:700;display:flex}.nav-group-head .icon-btn{opacity:0}.nav-group:hover .nav-group-head .icon-btn{opacity:1}.nav-reorder{display:none;position:absolute;top:8px;right:30px}.nav-row:hover .nav-reorder{display:flex}.sidebar-foot{margin-top:auto;padding-top:12px}.main{flex:1;min-width:0;height:100%;position:relative;overflow-y:auto}.topbar{background:var(--bg);z-index:5;align-items:center;height:48px;padding:0 12px;display:flex;position:sticky;top:0}.main-content{max-width:860px;margin:0 auto;padding:0 56px 120px}.fab{background:var(--accent);color:#fff;z-index:15;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:none;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 14px #00000040}@media (width<=750px){.sidebar{box-shadow:var(--shadow);position:fixed;top:0;bottom:0;left:0}.sidebar-backdrop.open{background:var(--modal-backdrop);z-index:19;display:block;position:fixed;inset:0}.main-content{padding:0 16px 120px}.fab{display:flex}.task-actions{display:none!important}.task-project span{display:none}}.view-header{background:var(--bg);z-index:4;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 12px;display:flex;position:sticky;top:48px}.view-header h1{align-items:center;gap:10px;min-width:0;margin:0;font-size:26px;font-weight:700;display:flex}.view-header-actions{align-items:center;gap:4px;display:flex}.title-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.task-count{align-items:center;gap:4px;margin:-4px 0 12px;display:flex}.section{margin-bottom:20px}.section-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:4px;margin-bottom:2px;padding:6px 0;display:flex}.section-head h2{cursor:default;flex:1;margin:0;font-size:14px;font-weight:700}.section-head .count{color:var(--text-faint);margin-left:4px;font-size:12px;font-weight:400}.section-head.sticky{background:var(--bg);z-index:3;position:sticky;top:104px}.section-more{opacity:0}.section-head:hover .section-more{opacity:1}.section-input{border:1px solid var(--border);background:var(--bg);border-radius:5px;flex:1;padding:4px 8px;font-weight:700}.day-section.over,.drop-zone.over{background:var(--accent-soft);border-radius:6px}.drop-zone{min-height:4px}.add-section{width:100%;height:28px;color:var(--accent-text);opacity:0;justify-content:center;align-items:center;margin:4px 0 12px;font-size:13px;font-weight:600;display:flex;position:relative}.add-section:before{content:"";border-top:1px solid var(--accent);position:absolute;top:50%;left:0;right:0}.add-section span{background:var(--bg);padding:0 10px;position:relative}.add-section:hover,.add-section:focus-visible{opacity:1}.section-form{flex-direction:column;gap:8px;margin:8px 0 16px;display:flex}.section-form input{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:6px 10px;font-weight:600}.empty{text-align:center;color:var(--text-muted);padding:48px 16px}.empty h3{color:var(--text);margin:12px 0 4px;font-size:15px}.empty p{margin:0;font-size:13px}.week-strip{border-bottom:1px solid var(--border-soft);grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px;padding-bottom:10px;display:grid}.week-day{border-radius:6px;flex-direction:column;align-items:center;padding:6px 0;display:flex;position:relative}.week-day:hover{background:var(--hover)}.week-day .wd{color:var(--text-muted);font-size:12px}.week-day .dn{font-weight:600}.week-day.today .dn{color:var(--accent-text)}.week-day .dot{background:var(--text-faint);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.more-days{margin:8px auto;display:flex}.link-list{flex-direction:column;display:flex}.link-row{border-bottom:1px solid var(--border-soft);text-align:left;align-items:center;gap:10px;height:40px;padding:0 8px;display:flex}.link-row:hover{background:var(--hover)}.link-row>.row{text-align:left;gap:10px;height:100%}.link-row .count{color:var(--text-faint);font-size:12px}.row-actions{opacity:0;display:flex}.link-row:hover .row-actions{opacity:1}.task-list{flex-direction:column;display:flex}.task{border-bottom:1px solid var(--border-soft);cursor:pointer;border-radius:0;align-items:flex-start;gap:6px;min-height:44px;padding-top:8px;padding-bottom:8px;display:flex;position:relative}.task:hover .task-actions,.task.focused .task-actions{opacity:1}.task.focused{background:var(--focus);box-shadow:inset 0 0 0 1px var(--border);border-radius:6px}.task.completed .task-content{color:var(--text-muted);text-decoration:line-through}.task.drop-before:before,.task.drop-after:after,.task.drop-child:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;left:0;right:0}.task.drop-before:before{top:-1px}.task.drop-after:after{bottom:-1px}.task.drop-child:after{bottom:-1px;left:60px}.drag-handle{color:var(--text-faint);opacity:0;cursor:grab;display:flex;position:absolute;top:10px;left:-48px}.task:hover .drag-handle{opacity:1}.collapse-btn{width:20px;height:24px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;margin-left:-26px;margin-right:6px;display:flex}.collapse-btn:hover{background:var(--hover-strong)}.collapse-spacer{display:none}.checkbox{--pc:var(--text-muted);border:1px solid var(--pc);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:background .15s;display:flex}.checkbox.p1,.checkbox.p2,.checkbox.p3{background:color-mix(in srgb, var(--pc) 12%, transparent);border-width:2px}.checkbox:hover{color:var(--pc)}.checkbox.done,.checkbox.pop{background:var(--pc);color:#fff;border-color:var(--pc)}.checkbox.p4.done,.checkbox.p4.pop{background:var(--text-faint);border-color:var(--text-faint)}.checkbox.pop{animation:.22s pop}@keyframes pop{50%{transform:scale(1.25)}}.task-main{flex:1;min-width:0;padding-left:4px}.task-content{word-break:break-word}.task-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.task-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;font-size:12px;display:flex}.meta{align-items:center;gap:3px;display:inline-flex}.tone-overdue{color:var(--tone-overdue)}.tone-today{color:var(--tone-today)}.tone-tomorrow{color:var(--tone-tomorrow)}.tone-week{color:var(--tone-week)}.tone-later{color:var(--text-muted)}.task-project{color:var(--text-muted);white-space:nowrap;align-self:flex-end;align-items:center;gap:4px;max-width:200px;font-size:12px;display:flex;overflow:hidden}.task-actions{opacity:0;background:inherit;background:linear-gradient(to right, transparent, var(--bg) 8px);gap:0;padding-left:8px;display:flex;position:absolute;top:4px;right:0}.task.focused .task-actions{background:linear-gradient(to right, transparent, var(--focus) 8px)}body.dragging .task-actions{display:none}.add-task{height:38px;color:var(--text-muted);text-align:left;align-items:center;gap:8px;width:100%;display:flex}.add-task .add-icon{color:#0000;border-radius:50%;width:18px;height:18px;display:flex;position:relative}.add-task .add-icon svg circle{fill:#0000;transition:fill .12s}.add-task .add-icon svg path{stroke:var(--accent)}.add-task:hover{color:var(--accent-text)}.add-task:hover .add-icon svg circle{fill:var(--accent)}.add-task:hover .add-icon svg path{stroke:#fff}.editor{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin:8px 0}.editor:focus-within{border-color:var(--text-faint)}.editor.quick{border:0;margin:0}.editor-body{padding:10px 10px 6px}.hl-wrap{font-size:15px;font-weight:600;position:relative}.hl-back,.hl-input{font:inherit;letter-spacing:normal;white-space:pre;border:0;margin:0;padding:2px 0;line-height:22px}.hl-back{color:#0000;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hl-input{width:100%;caret-color:var(--text);color:var(--text);background:0 0;outline:none;position:relative}.hl-input::placeholder{color:var(--text-faint);font-weight:600}.hl{color:#0000;border-radius:3px;padding:0}.hl-date{background:var(--hl-date)}.hl-priority{background:var(--hl-priority)}.hl-project{background:var(--hl-project)}.hl-label{background:var(--hl-label)}.editor-desc{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:22px;padding:2px 0;font-size:13px;overflow:hidden}.editor-desc::placeholder{color:var(--text-faint)}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{border:1px solid var(--border);height:28px;color:var(--text-muted);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;max-width:260px;padding:0 8px;font-size:13px;display:inline-flex;overflow:hidden}.chip:hover{background:var(--hover)}.chip-x{opacity:.6;margin-left:2px;display:flex}.chip-x:hover{opacity:1}.editor-foot{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.project-btn{border-radius:6px;align-items:center;gap:6px;max-width:60%;height:28px;padding:0 8px;font-size:13px;font-weight:600;display:flex}.project-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-btn:hover{background:var(--hover)}.task-edit-wrap .editor{margin:4px 0}.popover{z-index:100;background:var(--popover);box-shadow:var(--shadow);border-radius:10px;max-height:80vh;padding:4px;position:fixed;overflow-y:auto}.menu-list{outline:none;flex-direction:column;display:flex}.menu-list.scroll{max-height:280px;overflow-y:auto}.menu-item{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:34px;padding:4px 10px;font-size:13px;display:flex}.menu-item.active,.menu-item:hover{background:var(--hover)}.menu-item.indent{padding-left:30px}.menu-item.danger{color:var(--tone-overdue)}.menu-item kbd{font-size:10px}.menu-icon{color:var(--text-muted);display:flex}.menu-item.danger .menu-icon{color:inherit}.menu-empty{color:var(--text-muted);padding:10px;font-size:13px}.menu-label{color:var(--text-muted);padding:6px 10px 2px;font-size:12px;font-weight:700}.menu-icons{gap:2px;padding:2px 6px 6px;display:flex}.menu-icons button{border-radius:6px;justify-content:center;align-items:center;width:34px;height:30px;display:flex}.menu-icons button:hover,.menu-icons button.sel{background:var(--hover-strong)}.check{color:var(--accent-text);font-weight:700}.sec-glyph{text-align:center;width:18px;font-size:10px}.dp-input{border-bottom:1px solid var(--border-soft);margin-bottom:4px;padding:6px}.dp-input input{background:0 0;border:0;outline:none;width:100%;padding:4px;font-size:13px}.dp-preview{color:var(--tone-today);align-items:center;gap:4px;padding:4px;font-size:12px;font-weight:600;display:flex}.dp-preview.muted{color:var(--text-faint);font-weight:400}.dp-cal{border-top:1px solid var(--border-soft);margin-top:4px;padding:8px 6px 4px}.dp-cal-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px;display:flex}.dp-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-wd{color:var(--text-faint);padding:2px 0;font-size:11px}.dp-day{border-radius:50%;height:30px;font-size:12px}.dp-day:hover{background:var(--hover-strong)}.dp-day.past{color:var(--text-faint)}.dp-day.today{color:var(--accent-text);font-weight:700}.dp-day.sel{background:var(--accent);color:#fff}.dp-footer{border-top:1px solid var(--border-soft);flex-direction:column;gap:6px;padding:6px;display:flex}.dp-row{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.dp-row input,.dp-row select{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex:1;padding:4px 6px}.modal-backdrop{background:var(--modal-backdrop);z-index:50;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.modal{background:var(--popover);box-shadow:var(--shadow);border-radius:12px;width:100%;max-width:550px;max-height:80vh;overflow:auto}.modal.quick{max-width:600px}.modal-head{justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-foot{border-top:1px solid var(--border-soft);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.form-modal{max-width:460px}.form-body{flex-direction:column;gap:8px;padding:8px 16px 12px;display:flex}.form-body label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.form-body input:not([type]){border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:7px 10px;font-weight:400}.form-body .check-row{flex-direction:row;align-items:center;gap:8px;font-weight:400}.colors{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;border-radius:50%}.swatch.sel{box-shadow:0 0 0 2px var(--popover), 0 0 0 4px var(--text)}.seg{background:var(--hover);border-radius:8px;gap:3px;padding:3px;display:flex}.seg button{border-radius:6px;flex:1;height:30px;font-size:13px}.seg button.sel{background:var(--popover);font-weight:600;box-shadow:0 1px 3px #00000026}.palette{max-width:620px}.palette-input{border-bottom:1px solid var(--border-soft);color:var(--text-muted);align-items:center;gap:10px;padding:12px 16px;display:flex}.palette-input input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.palette-list{max-height:55vh;padding:6px;overflow-y:auto}.palette-group{color:var(--text-faint);padding:8px 10px 4px;font-size:11px;font-weight:700}.help{max-width:720px}.help-body{columns:2;column-gap:32px;padding:4px 16px 20px}.help-body section{break-inside:avoid;margin-bottom:16px}.help-body h3{margin:8px 0 6px;font-size:13px}.help-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:13px;display:flex}.keys{flex-shrink:0;align-items:center;gap:3px;display:flex}@media (width<=640px){.help-body{columns:1}}.detail{flex-direction:column;max-width:860px;height:80vh;display:flex}.detail-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 8px 20px;display:flex}.crumbs{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex;overflow:hidden}.detail-body{flex:1;min-height:0;display:flex}.detail-main{flex:1;padding:16px 20px;overflow-y:auto}.detail-side{background:var(--sidebar);border-bottom-right-radius:12px;width:260px;padding:12px;overflow-y:auto}.detail-title-row{align-items:flex-start;gap:10px;display:flex}.detail-title-row .checkbox{margin-top:5px}.detail-title{cursor:text;word-break:break-word;flex:1;margin:0;font-size:20px}.detail-title.done{color:var(--text-muted);text-decoration:line-through}.detail-title-input{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex:1;padding:2px 6px;font-size:20px;font-weight:700}.detail-desc{resize:none;background:0 0;border:0;outline:none;width:calc(100% - 28px);min-height:40px;margin:8px 0 0 28px;font-size:14px;line-height:1.5}.detail-desc::placeholder{color:var(--text-faint)}.subtasks{margin-top:16px}.subtasks-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:700;display:flex}.subtasks .task{min-height:40px}.subtasks .drag-handle{display:none}.created{margin-top:20px}.detail-field{border-bottom:1px solid var(--border);padding:8px 4px}.detail-field-label{color:var(--text-muted);margin-bottom:4px;padding-left:6px;font-size:12px;font-weight:600}.detail-field-btn{text-align:left;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:30px;padding:2px 6px;font-size:13px;display:flex}.detail-field-btn:hover{background:var(--hover-strong)}.label-chips{flex-wrap:wrap;gap:4px;display:flex}.label-chip{--lc:gray;background:color-mix(in srgb, var(--lc) 18%, transparent);color:var(--text);border-radius:10px;padding:1px 8px;font-size:12px}@media (width<=750px){.modal-backdrop{align-items:flex-end;padding:0}.modal{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:92vh}.detail{height:92vh}.detail-body{flex-direction:column;overflow-y:auto}.detail-main{overflow:visible}.detail-side{border-radius:0;width:auto}}.toast{z-index:200;color:#fff;background:#333;border-radius:8px;align-items:center;gap:14px;padding:10px 12px 10px 16px;font-size:13px;animation:.18s toast-in;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 6px 20px #00000040}.toast-undo{color:#ff9c8a;font-weight:700}.toast-x{opacity:.7}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.rot-up{display:flex;transform:rotate(-90deg)}.main-content:has(.view.wide){max-width:none;padding-left:32px;padding-right:32px}.badge{background:var(--hover-strong);color:var(--text-muted);border-radius:10px;padding:2px 8px;font-size:11px}.center{justify-content:center;display:flex}.error{color:var(--tone-overdue);margin:0;font-size:13px}.select-sm,.search-input{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:5px 8px;font-size:13px}.search-input{flex:1;min-width:0}.manage-bar{margin-bottom:12px}.small-seg{flex-shrink:0}.small-seg button{white-space:nowrap;padding:0 10px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.members{border-radius:16px;align-items:center;padding:2px 4px;display:flex}.members .avatar{box-shadow:0 0 0 2px var(--bg);margin-left:-6px}.members .avatar:first-child{margin-left:0}.members:hover{background:var(--hover)}.meta.assignee{--ac:gray;color:var(--text);background:color-mix(in srgb, var(--ac) 16%, transparent);border-radius:12px;gap:5px;margin-left:auto;padding:1px 9px 1px 2px;font-size:12px;font-weight:600}.member-list{flex-direction:column;gap:2px;margin-top:6px;display:flex}.member-row{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.share .modal-head h2{align-items:center;gap:8px;display:flex}.form-body input[type=email],.form-body input[type=password],.form-body select{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:7px 10px;font-weight:400}.account-box{border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.task.selected,.card.selected{background:var(--accent-soft)}.select-box{border:1.5px solid var(--text-faint);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.select-box.on{background:var(--accent);border-color:var(--accent)}.bulk-bar{z-index:40;background:var(--popover);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 10px 8px 16px;animation:.15s toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.bulk-bar strong{white-space:nowrap;font-size:13px}.bulk-actions{gap:2px;display:flex;overflow-x:auto}.bulk-btn{white-space:nowrap;color:var(--text-muted);border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:12px;display:flex}.bulk-btn:hover{background:var(--hover-strong);color:var(--text)}@media (width<=750px){.bulk-btn span{display:none}.bulk-bar{bottom:90px}}.view-opts{flex-direction:column;gap:10px;padding:8px;display:flex}.view-opts .seg button{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:54px;font-size:12px;display:flex}.vo-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.vo-row select{border:1px solid var(--border);background:var(--bg);border-radius:6px;min-width:130px;padding:4px 6px}.board{align-items:flex-start;gap:16px;min-height:60vh;padding-bottom:16px;display:flex;overflow-x:auto}.board-col{border-radius:10px;flex:0 0 280px;width:280px;padding:4px}.board-col.over{background:var(--accent-soft)}.board-col-head{cursor:default;align-items:center;gap:6px;padding:6px 6px 10px;display:flex}.board-col-head[draggable=true]{cursor:grab}.board-col-head h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:14px;overflow:hidden}.board-col-head .count{color:var(--text-faint);font-size:12px}.board-cards{flex-direction:column;gap:8px;min-height:40px;display:flex}.board-add-col{height:40px;color:var(--text-muted);border-radius:8px;flex:0 0 240px;align-items:center;gap:6px;padding:0 12px;display:flex}.board-add-col:hover{background:var(--hover);color:var(--accent-text)}.card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px;position:relative;box-shadow:0 1px 2px #0000000a}.card:hover{border-color:var(--text-faint)}.card.focused{box-shadow:0 0 0 2px var(--text-faint)}.card.completed .task-content{color:var(--text-muted);text-decoration:line-through}.card.drop-before:before,.card.drop-after:after{content:"";background:var(--accent);height:2px;position:absolute;left:0;right:0}.card.drop-before:before{top:-5px}.card.drop-after:after{bottom:-5px}.card-top{align-items:flex-start;gap:8px;display:flex}.card-top .task-content{word-break:break-word;flex:1;min-width:0}.card-more{opacity:0}.card:hover .card-more{opacity:1}.card .task-desc{margin:4px 0 0 26px}.card .task-meta{margin-left:26px}.card-project{color:var(--text-muted);align-items:center;gap:3px;margin:6px 0 0 26px;font-size:11px;display:flex}.add-task.compact{border-radius:6px;height:32px;padding:0 6px}.add-task.compact:hover{background:var(--hover)}.board-col .editor{margin:0}.board-col.section-form{background:var(--hover);padding:10px}.calendar{flex-direction:column;gap:8px;display:flex}.cal-head{align-items:center;gap:12px;display:flex}.cal-head strong{font-size:16px}.cal-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-wd{text-align:center;color:var(--text-muted);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 0;font-size:12px}.cal-wd.sun{color:var(--tone-overdue)}.cal-wd.sat{color:#246fe0}.cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;min-width:0;min-height:118px;padding:4px;display:flex}.cal-cell.outside{background:var(--sidebar)}.cal-cell.outside .cal-date{color:var(--text-faint)}.cal-cell.over{background:var(--accent-soft)}.cal-date{justify-content:space-between;align-items:center;padding:0 2px;font-size:12px;font-weight:600;display:flex}.cal-cell.today .cal-date span{background:var(--accent);color:#fff;border-radius:10px;padding:0 7px}.cal-add{opacity:0}.cal-cell:hover .cal-add{opacity:1}.cal-items{flex-direction:column;gap:2px;min-width:0;display:flex}.cal-item{cursor:pointer;background:var(--hover);border-radius:4px;align-items:center;gap:4px;min-width:0;padding:2px 4px;font-size:12px;display:flex}.cal-item:hover{background:var(--hover-strong)}.cal-item.p1{box-shadow:inset 2px 0 #d1453b}.cal-item.p2{box-shadow:inset 2px 0 #eb8909}.cal-item.p3{box-shadow:inset 2px 0 #246fe0}.cal-item.completed span{color:var(--text-muted);text-decoration:line-through}.cal-item.ghost{border:1px dashed var(--border);color:var(--text-muted);background:0 0}.cal-item .checkbox{width:13px;height:13px;margin:0}.cal-item .checkbox svg{width:9px;height:9px}.cal-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.cal-more{padding-left:4px}@media (width<=750px){.main-content:has(.view.wide){padding-left:12px;padding-right:12px}.cal-cell{min-height:72px}.cal-item .cal-time{display:none}}.recur-editor{background:var(--hover);border-radius:8px;flex-direction:column;gap:8px;padding:8px;font-size:13px;display:flex}.re-row{align-items:center;gap:6px;display:flex}.re-row>span{color:var(--text-muted);flex-shrink:0;width:48px}.re-row input,.re-row select,.re-full{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:3px 6px}.re-row input[type=number]{width:56px}.re-row input[type=date]{flex:1}.re-weekdays{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.re-weekdays button{background:var(--bg);border:1px solid var(--border);border-radius:6px;height:28px;font-size:12px}.re-weekdays button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.re-check{align-items:center;gap:6px;display:flex}.recur-summary{align-items:center;gap:4px;display:flex}.recur-line{width:100%;padding-left:22px}.comments{margin-top:20px}.comment{border-bottom:1px solid var(--border-soft);gap:10px;padding:10px 0;display:flex}.comment-head{align-items:center;gap:8px;font-size:13px;display:flex}.comment-actions{opacity:0;margin-left:auto;display:flex}.comment:hover .comment-actions{opacity:1}.comment-body{word-break:break-word;margin-top:2px;font-size:14px}.comment-edit textarea,.comment-box textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:44px;font-size:14px}.comment-edit{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:6px 8px;display:flex}.comment-box{border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:8px 10px 6px}.comment-box:focus-within{border-color:var(--text-faint)}.comment-box.over{border-color:var(--accent);background:var(--accent-soft)}.comment-foot{align-items:center;gap:8px;display:flex}.pending-files{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.file-chip{background:var(--hover);border-radius:12px;align-items:center;gap:4px;padding:3px 6px 3px 8px;font-size:12px;display:inline-flex}.file-chip button{opacity:.6;display:flex}.attachments{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.att-image img{border:1px solid var(--border);object-fit:cover;border-radius:8px;max-width:220px;max-height:160px;display:block}.att-file{border:1px solid var(--border);min-width:220px;max-width:320px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.att-file:hover{background:var(--hover);text-decoration:none}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.tpl-card{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.tpl-card h3{margin:0;font-size:15px}.tpl-card p{margin:0}.tpl-head{justify-content:space-between;align-items:center;display:flex}.tpl-kind{color:var(--accent-text);background:var(--accent-soft);border-radius:8px;padding:1px 7px;font-size:11px;font-weight:700}.tpl-preview{color:var(--text-muted);flex:1;margin:0;padding-left:18px;font-size:13px}.tpl-actions{align-items:center;gap:4px;margin-top:4px;display:flex}.tpl-modal{max-width:760px}.tpl-modal .modal-head h2{align-items:center;gap:8px;display:flex}.tpl-modal-body{border-top:1px solid var(--border-soft);min-height:360px;display:flex}.tpl-list{border-right:1px solid var(--border-soft);width:240px;max-height:60vh;padding:6px;overflow-y:auto}.tpl-list .tpl-kind{text-align:center;min-width:20px}.tpl-detail{flex-direction:column;flex:1;gap:8px;min-width:0;max-height:60vh;padding:12px 18px 16px;display:flex;overflow-y:auto}.tpl-detail h3,.tpl-detail p{margin:0}.tpl-tree{background:var(--hover);border-radius:8px;margin:0;padding:8px 10px;font-size:13px;list-style:none}.tpl-tree ul{margin:2px 0 6px;padding:0;list-style:none}.tpl-tree li{padding:2px 0}.tpl-dot{border:1px solid var(--text-faint);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.tpl-section{margin-top:6px}.field{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex;position:relative}.field input{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:7px 10px;font-weight:400}.field .project-btn{border:1px solid var(--border);align-self:flex-start;max-width:100%}.inline-picker{border:1px solid var(--border);background:var(--popover);border-radius:8px;padding:4px}.tpl-apply{justify-content:flex-end;margin-top:auto}@media (width<=750px){.tpl-modal-body{flex-direction:column}.tpl-list{border-right:0;border-bottom:1px solid var(--border-soft);width:auto;max-height:30vh}}.activity-row{border-bottom:1px solid var(--border-soft);gap:10px;padding:10px 0;font-size:13px;display:flex}.activity-content{margin-top:2px}.activity-comment{background:var(--hover);border-radius:6px;margin-top:4px;padding:6px 10px}.brand{text-align:left;border-radius:6px;min-width:0;padding:4px 6px}.brand:hover{background:var(--hover-strong)}.nav-row{position:relative}.nav-collapse{z-index:1;color:var(--text-muted);display:flex;position:absolute;top:11px}.nav-row .nav-collapse{margin-left:8px}.nav-shared{color:var(--text-faint);display:flex}.nav-row.pdrop-before{box-shadow:inset 0 2px 0 var(--accent)}.nav-row.pdrop-after{box-shadow:inset 0 -2px 0 var(--accent)}.nav-row.pdrop-child>.nav-item{background:var(--accent-soft);outline:1px dashed var(--accent)}.sync-status,.sync-login{color:var(--text-muted);align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.sync-status.offline{color:var(--tone-tomorrow)}.sync-login{color:var(--accent-text);border-radius:6px;width:100%;font-weight:600}.sync-login:hover{background:var(--accent-soft)}.hl-assignee{background:#14aaf52e}.danger-text{color:var(--tone-overdue);align-self:flex-start}.account-box.col{flex-direction:column;align-items:stretch;gap:8px;font-size:13px}.invite-banner{background:var(--accent-soft);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.notice-banner{background:var(--hover);border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.notice-row{text-align:left;border-bottom:1px solid var(--border-soft);border-radius:6px;align-items:flex-start;gap:12px;width:100%;padding:10px 6px;display:flex}.notice-row:hover{background:var(--hover)}.notice-row.unread{background:color-mix(in srgb, var(--accent-soft) 60%, transparent)}.notice-row .grow{flex-direction:column;gap:2px;display:flex}.notice-title{font-size:13px;font-weight:600}.notice-body{color:var(--text-muted);word-break:break-word;font-size:13px}.notice-icon{background:var(--hover-strong);width:30px;height:30px;color:var(--text);font-size:14px}.unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.nav-item .nav-count{font-variant-numeric:tabular-nums}.add-team{color:var(--text-muted);margin-top:6px}.nav-group-head .row{gap:6px;min-width:0}.nav-group-head .nav-count{margin-left:4px;font-weight:400}.filter-query{white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.link-row .grow .grow{flex-direction:column;min-width:0;display:flex}.filter-note{margin:-4px 0 12px}.filter-note code,.query-help code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.filter-result{background:color-mix(in srgb, var(--tone-today) 12%, transparent);color:var(--tone-today);border-radius:6px;padding:6px 10px;font-size:13px}.filter-result.bad{background:color-mix(in srgb, var(--tone-overdue) 12%, transparent);color:var(--tone-overdue)}.query-help{background:var(--hover);border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex}.qh-row{justify-content:space-between;gap:12px;display:flex}.qh-row code{background:0 0;padding:0}.filter-modal{max-width:520px}.link-row[draggable=true]{cursor:grab}.link-row.rdrop-before{box-shadow:inset 0 2px 0 var(--accent)}.link-row.rdrop-after{box-shadow:inset 0 -2px 0 var(--accent)}.archived-toggle{margin-top:8px}.section-head .badge{margin-left:8px;font-weight:400}.mention{color:var(--accent-text);background:var(--accent-soft);border-radius:4px;padding:0 3px;font-weight:600}.comment-box{position:relative}.mention-list{border:1px solid var(--border);background:var(--popover);box-shadow:var(--shadow);border-radius:8px;margin:2px 0 6px;padding:4px}.reminder-picker{padding:2px}.reminder-picker .menu-item.static{cursor:default}.reminder-picker .menu-item.static:hover{background:0 0}.reminder-presets{flex-wrap:wrap;gap:6px;padding:4px 10px 8px;display:flex}.reminder-presets button{border:1px solid var(--border);border-radius:14px;padding:3px 10px;font-size:12px}.reminder-presets button:hover:not(:disabled){background:var(--hover)}.reminder-picker input[type=datetime-local]{border:1px solid var(--border);background:var(--bg);border-radius:6px;min-width:0;padding:4px 6px}.label-chip svg{vertical-align:-2px}a.btn{color:inherit;text-decoration:none}.member-row .btn{flex-shrink:0}.admin-tabs{max-width:460px;margin-bottom:16px}.badge.accent{background:var(--accent-soft);color:var(--accent-text)}.admin-table{border:1px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden}.admin-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) 132px 132px 84px 64px 36px;align-items:center;gap:8px;padding:8px 10px;display:grid}.admin-row:last-child{border-bottom:0}.admin-row.head{background:var(--sidebar);color:var(--text-muted);font-size:12px;font-weight:700}.admin-row.disabled .admin-user{opacity:.55}.admin-row .num{text-align:right;font-variant-numeric:tabular-nums}.admin-user{align-items:center;gap:10px;min-width:0;display:flex}.admin-user .grow{flex-direction:column;min-width:0;display:flex}.admin-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.admin-add{background:var(--hover);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px;display:flex}.admin-add input:not([type=checkbox]){border:1px solid var(--border);background:var(--bg);border-radius:6px;flex:170px;min-width:0;padding:6px 9px;font-size:13px}.admin-add .check-row{align-items:center;gap:6px;font-size:13px;display:flex}.admin-modes{flex-direction:column;gap:8px;display:flex}.admin-mode{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.admin-mode.sel{border-color:var(--accent);background:var(--accent-soft)}.admin-mode span{flex-direction:column;gap:2px;display:flex}.code-input{max-width:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.admin-tile{border:1px solid var(--border);border-radius:10px;padding:14px}.admin-tile-value{font-variant-numeric:tabular-nums;margin:2px 0;font-size:26px;font-weight:700}@media (width<=750px){.admin-row{grid-template-columns:minmax(0,1fr) 36px}.admin-row.head{display:none}.admin-row>[data-label]{text-align:left;grid-column:1;padding-left:42px}.admin-row>[data-label]:before{content:attr(data-label) ": ";color:var(--text-muted)}.admin-row>.icon-btn{grid-area:1/2}}.profile-editor{flex-direction:column;gap:8px;display:flex}.profile-pass{flex-direction:column;gap:6px;display:flex}@media (width<=750px){input,textarea,select,.hl-wrap{font-size:16px!important}.hl-back,.hl-input{font-size:16px}}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}button,a,.task,.card,.nav-item{touch-action:manipulation}.sync-status{text-align:left;border-radius:6px;width:100%}.sync-status:hover{background:var(--hover-strong)}@media (hover:none){.sidebar,.task,.card,.view-header,.bulk-bar,button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.task:active,.card:active,.nav-item:active,.link-row:active,.menu-item:active{background:var(--hover-strong)}.task-actions,.drag-handle{display:none!important}}.sidebar{padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left))}.main-content{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.fab{bottom:calc(24px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right))}.toast{bottom:calc(24px + env(safe-area-inset-bottom));left:calc(24px + env(safe-area-inset-left))}.bulk-bar{bottom:calc(24px + env(safe-area-inset-bottom))}@media (width<=750px){.bulk-bar{bottom:calc(90px + env(safe-area-inset-bottom))}.toast{right:90px}.modal{padding-bottom:env(safe-area-inset-bottom)}}.popover-backdrop,.sheet-grip,.sheet-title{display:none}.quick-actions{grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.quick-actions button{border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;font-size:12px;display:flex}.quick-actions button:hover{background:var(--hover)}.qa-icon{justify-content:center;align-items:center;height:24px;display:flex}.qa-icon svg{width:22px;height:22px}@media (width<=750px){.popover-backdrop{z-index:99;background:var(--modal-backdrop);animation:.15s fade-in;display:block;position:fixed;inset:0}.popover{max-height:82vh;padding:6px 8px calc(10px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.2s sheet-up;bottom:0;right:0;width:100%!important;top:auto!important;left:0!important}.sheet-grip{background:var(--border);border-radius:2px;width:40px;height:4px;margin:4px auto 8px;display:block}.sheet-title{white-space:nowrap;text-overflow:ellipsis;padding:2px 10px 8px;font-weight:700;display:block;overflow:hidden}.menu-item{min-height:46px;font-size:15px}.menu-item kbd{display:none}.menu-icons button{width:48px;height:44px}.quick-actions button{background:var(--hover);padding:12px 2px;font-size:13px}.dp-day{height:40px}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}