:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;--bg: #e7eaf0;--card: #eef0f8;--border: #e3e6ea;--text: #1f2430;--muted: #8a91a0;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eceafe;--accent-border: #c9c5fb;--guide: #d3d8e0;--row-hover: #f3f5f9;--panel: #f5f6f9;--tile: #ffffff;--danger: #e5484d;--danger-soft: #fdecec;--danger-border: #f6cdce;--accent-soft-hover: #e2defd;--danger-soft-hover: #fbdcdc;--prio-high: #e0533d;--prio-medium: #d99016;--prio-low: #6b7a99}:root[data-theme=dark]{--bg: #0e1016;--card: #181b24;--border: #2c313d;--text: #e6e8ee;--muted: #9aa1b1;--accent: #8b80ff;--accent-hover: #a99ffe;--accent-soft: #262338;--accent-border: #3a3556;--guide: #333845;--row-hover: #222633;--panel: #171a22;--tile: #20242f;--danger: #ff6b6f;--danger-soft: #3a2326;--danger-border: #5a2f33;--accent-soft-hover: #2f2b47;--danger-soft-hover: #47292c;--prio-high: #ff6b6f;--prio-medium: #e0a93a;--prio-low: #8b97b5}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-desktop{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-desktop:has(.detail-panel){grid-template-columns:240px 1fr 340px}.sidebar{border-right:1px solid var(--border);padding:1rem .75rem;background:var(--panel)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sidebar-head h1{margin:0;font-size:1.2rem;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:.15rem}.view-item{display:flex;align-items:center;justify-content:space-between;font:inherit;text-align:left;border:none;background:none;color:var(--text);padding:.45rem .6rem;border-radius:8px;cursor:pointer}.view-item:hover{background:var(--row-hover)}.view-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.view-item .count{font-size:.78rem;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.05rem .45rem;min-width:1.3rem;text-align:center}.content{padding:1.25rem 1.5rem;overflow-y:auto}.detail-panel{border-left:1px solid var(--border);background:var(--panel);overflow-y:auto}.app-mobile{padding:0 0 4rem}.mobile-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--border)}.mobile-bar h1{margin:0;font-size:1.15rem}.feed{padding:.5rem .9rem}.feed-section{margin-bottom:.4rem}.feed-header{width:100%;display:flex;justify-content:space-between;align-items:center;font:inherit;font-weight:600;background:none;border:none;color:var(--text);padding:.55rem .3rem;cursor:pointer;border-bottom:1px solid var(--border)}.feed-divider{border:none;border-top:2px solid var(--guide);margin:1rem 0}.feed-tree-title{font-size:1rem;margin:.5rem 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;background:var(--panel);border-top:1px solid var(--border);padding:.4rem 0}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.12rem;background:none;border:none;cursor:pointer;padding:.25rem .2rem;color:var(--text)}.bottom-nav .nav-icon{font-size:1.1rem;line-height:1}.bottom-nav .nav-label{font-size:.62rem;color:var(--muted)}.bottom-nav button:active .nav-label{color:var(--accent)}.app-header{display:none}.theme-toggle{font-size:1.1rem;line-height:1;background:var(--tile);border:1px solid var(--border);border-radius:10px;padding:.4rem .6rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.theme-toggle:hover{border-color:var(--accent-border);background:var(--accent-soft)}.root-actions{display:flex;gap:.6rem;margin-bottom:1.1rem}.root-actions button{font:inherit;font-weight:600;border-radius:10px;padding:.5rem 1rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .05s ease}.root-actions button:active{transform:translateY(1px)}.root-actions button[aria-label="добавить задачу"]{background:var(--accent);color:#fff;border:1px solid var(--accent)}.root-actions button[aria-label="добавить задачу"]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.root-actions button[aria-label="добавить папку"]{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.root-actions button[aria-label="добавить папку"]:hover{background:var(--accent-soft-hover)}ul.branch{list-style:none;margin:0;padding:0}ul.branch ul.branch{margin-left:.7rem;padding-left:1rem;border-left:2px solid var(--guide)}ul.branch ul.branch>li{position:relative}ul.branch ul.branch>li>.node-row:before{content:"";position:absolute;left:-1rem;top:1.3rem;width:.7rem;height:2px;background:var(--guide)}.node-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;margin:.35rem 0;background:var(--tile);border:1px solid var(--border);border-radius:10px;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.node-row:hover{border-color:var(--accent-border);box-shadow:0 1px 5px #14172812}.node-row.folder{background:var(--accent-soft);border-color:var(--accent-border)}.node-row.folder:hover{background:var(--accent-soft-hover)}.node-row.drop-over{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px}.twisty{border:none;background:none;cursor:pointer;color:var(--accent);font-size:.8rem;width:1.3rem;height:1.3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex:none}.twisty:hover{background:var(--accent-soft)}.twisty-spacer{display:inline-block;width:1.3rem;flex:none}.node-row input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer;flex:none}.title{cursor:grab;-webkit-user-select:none;user-select:none;padding:.05rem 0}.node-row.folder>.title{font-weight:600}.node-row.folder>.title:before{content:"📁";margin-right:.4rem;font-size:.95em}.title.done{text-decoration:line-through;color:var(--muted)}.node-row input[type=text],.add-form input,.add-form input[type=text]{font:inherit;padding:.3rem .55rem;border:1px solid var(--border);border-radius:8px;outline:none;min-width:12rem}.node-row input:focus,.add-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.add-form{padding:.25rem 0 .25rem .4rem;margin:0}.actions{margin-left:.6rem;display:flex;gap:.3rem;flex:none}.actions button{font:inherit;font-size:.9rem;line-height:1;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:8px;padding:.3rem .5rem;min-width:1.9rem;cursor:pointer;transition:background .12s ease,color .12s ease,transform .05s ease}.actions button:hover{background:var(--accent-soft-hover)}.actions button:active{transform:translateY(1px)}.actions button[aria-label^=удалить]{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.actions button[aria-label^=удалить]:hover{background:var(--danger-soft-hover)}.smart-list{display:flex;flex-direction:column}.quick-add{display:flex;gap:.5rem;margin-bottom:.6rem}.quick-add input{font:inherit;flex:1;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;outline:none}.quick-add input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.task-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .3rem;border-bottom:1px solid var(--border)}.task-row input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex:none}.task-title{flex:1;text-align:left;font:inherit;background:none;border:none;color:var(--text);cursor:pointer;padding:.1rem 0}.task-title.done{text-decoration:line-through;color:var(--muted)}.prio{width:.55rem;height:.55rem;border-radius:50%;flex:none}.prio-high{background:var(--prio-high)}.prio-medium{background:var(--prio-medium)}.prio-low{background:var(--prio-low)}.subprogress{font-size:.78rem;color:var(--muted);flex:none}.due-chip{font-size:.76rem;color:var(--muted);background:var(--row-hover);border-radius:6px;padding:.1rem .4rem;flex:none}.due-chip.overdue{color:#fff;background:var(--danger)}.task-detail{padding:1rem;display:flex;flex-direction:column;gap:.9rem}.detail-head{display:flex;align-items:center;gap:.5rem}.detail-title{flex:1;font:inherit;font-size:1.1rem;font-weight:600;border:1px solid var(--border);border-radius:8px;padding:.4rem .55rem;outline:none}.detail-back{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--muted);padding:0 .3rem 0 0}.detail-back:hover{color:var(--accent)}.detail-done{display:flex;align-items:center;gap:.5rem}.detail-section{display:flex;flex-direction:column;gap:.4rem}.detail-section .label{font-size:.78rem;text-transform:uppercase;color:var(--muted);letter-spacing:.03em}.detail-section input[type=date],.detail-section textarea{font:inherit;padding:.4rem .55rem;border:1px solid var(--border);border-radius:8px;outline:none}.detail-section textarea{min-height:4rem;resize:vertical}.quick-dates{display:flex;gap:.4rem;flex-wrap:wrap}.quick-dates button,.prio-chips .chip{font:inherit;font-size:.85rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--tile);color:var(--text);cursor:pointer}.prio-chips{display:flex;gap:.4rem;flex-wrap:wrap}.prio-chips .chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.subtask{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.4rem}.subtask-row{display:flex;align-items:center;gap:.5rem}.subtask-title{flex:1;font:inherit;border:1px solid transparent;border-radius:6px;padding:.25rem .4rem;background:none;color:var(--text);outline:none}.subtask-title:focus{border-color:var(--border)}.subtask-note{font-size:.85rem;margin-left:1.55rem;padding:.1rem .4rem;color:var(--muted)}.detail-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--card);overflow-y:auto}