:root{--bg: #ffffff;--sidebar: #fafafb;--text: #1f2329;--muted: #9aa0ab;--border: #ebecf0;--accent: #4772fa;--accent-soft: #eef2ff;--hover: #f3f4f6;--red: #e15b56;--yellow: #f1a932;--blue: #4772fa;--green: #36b37e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark]{--bg: #1b1e24;--sidebar: #15171c;--text: #e6e8eb;--muted: #8b919c;--border: #2b2f37;--accent: #5b82ff;--accent-soft: #232b45;--hover: #232730;--red: #f0736e;--yellow: #f1b24a;--blue: #5b82ff;--green: #45c08a}[data-theme=dark] .auth-wrap{background:linear-gradient(180deg,#15171c,#1b1e24)}[data-theme=dark] .error,[data-theme=dark] .danger-btn{background:#f0736e1f;border-color:#f0736e73}[data-theme=dark] .brand-logo{background:#fff;border-radius:.35rem;padding:2px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;color:var(--text)}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:248px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:.9rem .6rem;overflow-y:auto}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;padding:.4rem .6rem .9rem}.brand-logo{height:1.6rem;width:auto;display:block}.brand-name{color:var(--text)}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:.6rem;width:100%;border:none;background:none;padding:.5rem .6rem;border-radius:.5rem;font-size:.9rem;color:var(--text);text-align:left}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-icon{width:1.1rem;text-align:center;font-size:.85rem}.nav-icon.hash{color:var(--muted);font-weight:700}.nav-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-pill{font-size:.75rem;color:var(--muted);min-width:1.2rem;text-align:right}.nav-item.active .count-pill{color:var(--accent)}.nav-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:1rem .6rem .4rem}.nav-label.toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;cursor:pointer;font-family:inherit}.nav-label.toggle:hover{color:var(--text)}.nav-label .chev{font-size:.6rem}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.theme-toggle{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem}.theme-toggle:hover{color:var(--text);border-color:var(--accent)}.nav-empty{font-size:.8rem;color:var(--muted);padding:.3rem .6rem}.tag-row{display:flex;align-items:center;border-radius:.5rem}.tag-row:hover{background:var(--hover)}.tag-row.active{background:var(--accent-soft)}.tag-filter{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;border:none;background:none;padding:.5rem .6rem;font-size:.9rem;color:var(--text);text-align:left}.tag-row.active .tag-filter,.tag-row.active .tag-filter .count-pill{color:var(--accent);font-weight:600}.tag-del{margin-right:.3rem;font-size:1rem;line-height:1}.tag-row:hover .tag-del{opacity:1}.tag-del:hover{color:var(--red)!important}.tag-add{display:flex;gap:.4rem;padding:.5rem .6rem .2rem}.tag-add input{flex:1;min-width:0;border:1px solid var(--border);border-radius:.5rem;padding:.4rem .55rem;font-size:.82rem;background:var(--bg)}.tag-add button{border:none;background:var(--accent);color:#fff;border-radius:.5rem;width:2rem;font-size:1rem;font-weight:600}.tag-add button:disabled{opacity:.4;cursor:not-allowed}.nav-item.manage{color:var(--muted);margin-top:.15rem}.nav-item.manage.active{color:var(--accent);background:var(--accent-soft)}.tags-page .add-bar{margin-top:.5rem}.tag-manage-list{list-style:none;margin:0;padding:0}.tag-manage-row{display:flex;align-items:center;gap:.6rem;padding:.7rem .4rem;border-bottom:1px solid var(--border)}.tag-manage-row:hover{background:var(--hover);border-radius:.4rem}.tag-manage-row:hover .icon-btn{opacity:1}.tag-manage-name{flex:1;font-size:.92rem;display:flex;align-items:center;gap:.15rem}.tag-manage-name .hash{color:var(--muted);font-weight:700}.tag-manage-count{font-size:.78rem;color:var(--muted)}.tag-rename{display:flex;align-items:center;gap:.5rem;width:100%}.tag-rename .hash{color:var(--muted);font-weight:700}.tag-rename input{flex:1;border:1px solid var(--border);border-radius:.5rem;padding:.45rem .6rem;font-size:.9rem;background:var(--bg)}.tag-rename input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.tag-rename .primary{border:none;background:var(--accent);color:#fff;border-radius:.5rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.tag-picker{position:relative}.tag-picker-btn{border:1px solid var(--border);background:var(--bg);border-radius:.5rem;padding:.4rem .6rem;font-size:.82rem;color:var(--muted);white-space:nowrap}.tag-picker-btn:hover{border-color:var(--accent);color:var(--text)}.tag-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:12rem;max-height:14rem;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:.6rem;box-shadow:0 8px 28px #1018281f;padding:.3rem}.tag-menu-empty{font-size:.8rem;color:var(--muted);padding:.5rem}.tag-opt{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.4rem;font-size:.85rem;cursor:pointer;color:var(--text)}.tag-opt:hover{background:var(--hover)}.tag-opt input{accent-color:var(--accent)}.sidebar-foot{margin-top:auto;padding:.8rem .6rem .2rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.live{font-size:.72rem;color:var(--muted)}.live.on{color:var(--green)}.who{font-size:.8rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link{background:none;border:none;color:var(--muted);font-size:.82rem;padding:0;text-align:left;width:fit-content}.link:hover{color:var(--accent)}.link:disabled{opacity:.4;cursor:not-allowed}.main{flex:1;overflow-y:auto;padding:1.5rem 2rem;max-width:820px}.main-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.main-head h1{margin:0;font-size:1.4rem}.main-head .count{color:var(--muted);font-size:.95rem;font-weight:400;margin-left:.25rem}.tools{display:flex;gap:.5rem}.tools .search,.tools select{background:var(--bg);border:1px solid var(--border);border-radius:.55rem;padding:.45rem .7rem;font-size:.88rem}.tools .search:focus,.tools select:focus,.add-bar input:focus,.add-prio:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.add-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:.7rem;padding:.5rem .7rem;margin-bottom:1.2rem;box-shadow:0 1px 2px #1018280a}.add-bar .plus{color:var(--accent);font-size:1.2rem;font-weight:600;line-height:1}.add-bar input{border:none;background:none;font-size:.92rem;padding:.25rem}.add-bar input:focus{outline:none}.add-title{flex:1}.add-tags{width:9rem;border-left:1px solid var(--border)!important}.add-prio{border:1px solid var(--border);border-radius:.5rem;padding:.35rem .4rem;font-size:.82rem;background:var(--bg)}.add-prio.high{color:var(--red)}.add-prio.medium{color:var(--yellow)}.add-prio.low{color:var(--blue)}.ai-btn{border:1px solid var(--border);background:var(--bg);border-radius:.5rem;padding:.35rem .55rem;font-size:.95rem;line-height:1}.ai-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.ai-btn:disabled{opacity:.4;cursor:not-allowed}.add-bar button[type=submit]{border:none;background:var(--accent);color:#fff;border-radius:.5rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.add-bar button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.tasks{list-style:none;margin:0;padding:0}.task{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .4rem;border-bottom:1px solid var(--border)}.task:hover{background:var(--hover);border-radius:.4rem}.task:hover .icon-btn{opacity:1}.check{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.1rem;border-radius:50%;border:1.5px solid var(--muted);background:transparent;position:relative}.check.high{border-color:var(--red)}.check.medium{border-color:var(--yellow)}.check.low{border-color:var(--blue)}.check.checked{background:var(--accent);border-color:var(--accent)}.check.checked:after{content:"✓";color:#fff;font-size:.72rem;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.task-body{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.task-title{font-size:.92rem}.task.done .task-title{color:var(--muted);text-decoration:line-through}.task-desc{font-size:.8rem;color:var(--muted)}.task-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.chip{font-size:.72rem;color:var(--accent);background:var(--accent-soft);border-radius:1rem;padding:.08rem .5rem}.row-prio{border:1px solid transparent;background:none;font-size:.8rem;color:var(--muted);padding:.15rem .3rem;border-radius:.4rem;cursor:pointer;width:6.75rem;flex-shrink:0;text-align:left}.task-actions{display:flex;align-items:center;justify-content:flex-end;gap:.15rem;width:3.1rem;flex-shrink:0}.row-prio:hover{background:var(--hover);border-color:var(--border)}.row-prio.high{color:var(--red)}.row-prio.medium{color:var(--yellow)}.row-prio.low{color:var(--blue)}.task-title{cursor:text}.icon-btn{border:none;background:none;color:var(--muted);font-size:.85rem;opacity:0;transition:opacity .12s;padding:.1rem .4rem;border-radius:.4rem}.icon-btn:hover{background:var(--hover);color:var(--accent)}.icon-btn.del:hover{color:var(--red)}.task.editing{background:var(--accent-soft);border-radius:.5rem}.task-edit{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;align-items:center}.task-edit input{border:1px solid var(--border);border-radius:.5rem;padding:.45rem .6rem;font-size:.88rem;background:var(--bg)}.task-edit .edit-title{flex:1 1 12rem}.task-edit .edit-desc{flex:1 1 10rem}.task-edit .edit-tags{flex:0 1 10rem}.task-edit input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.edit-actions{display:flex;align-items:center;gap:.5rem}.edit-actions .primary{border:none;background:var(--accent);color:#fff;border-radius:.5rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.edit-actions .primary:disabled{opacity:.5;cursor:not-allowed}.empty{color:var(--muted);text-align:center;padding:2.5rem 0}.error{background:#fdecea;color:var(--red);border:1px solid #f5c2c0;padding:.55rem .8rem;border-radius:.5rem;font-size:.85rem;margin-bottom:.8rem}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;font-size:.82rem;color:var(--muted)}.share-btn{margin-left:.6rem;border:1px solid var(--border);background:var(--bg);color:var(--accent);border-radius:.5rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;vertical-align:middle}.share-btn:hover{background:var(--accent-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem}.modal{width:100%;max-width:26rem;background:var(--bg);border-radius:.9rem;box-shadow:0 20px 60px #1018284d;padding:1.2rem}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.modal-head h2{margin:0;font-size:1.1rem}.invite{display:flex;gap:.5rem;margin-bottom:.8rem}.invite input{flex:1;border:1px solid var(--border);border-radius:.6rem;padding:.55rem .7rem;font-size:.88rem;background:var(--bg)}.invite select{border:1px solid var(--border);border-radius:.6rem;padding:.55rem .5rem;font-size:.85rem;background:var(--bg);color:var(--text)}.invite input:focus,.invite select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.invite button{border:none;background:var(--accent);color:#fff;border-radius:.6rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600}.invite button:disabled{opacity:.5;cursor:not-allowed}.member-list{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.member-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem .2rem;border-bottom:1px solid var(--border)}.member-email{flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis}.role-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:.12rem .45rem;border-radius:.4rem;color:var(--muted);background:var(--hover)}.role-badge.owner{color:var(--accent);background:var(--accent-soft)}.danger-btn{border:1px solid #f5c2c0;background:#fdecea;color:var(--red);border-radius:.6rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;width:100%}.danger-btn:hover{background:#fbdad7}.role-select{border:1px solid var(--border);border-radius:.4rem;padding:.2rem .35rem;font-size:.75rem;background:var(--bg);color:var(--muted)}.notice{background:#36b37e1f;color:var(--green);border:1px solid rgba(54,179,126,.4);padding:.5rem .7rem;border-radius:.5rem;font-size:.82rem;margin-bottom:.6rem}.readonly-note{color:var(--muted);font-size:.85rem;background:var(--hover);border:1px solid var(--border);border-radius:.6rem;padding:.6rem .8rem;margin-bottom:1.2rem}.check:disabled{cursor:default;opacity:.7}.task-body.clickable{cursor:pointer}.task-detail{max-width:30rem}.task-detail .field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.78rem;color:var(--muted)}.detail-done{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text)}.detail-done input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.detail-title{border:1px solid var(--border);border-radius:.6rem;padding:.6rem .7rem;font-size:1rem;font-weight:600;background:var(--bg);color:var(--text)}.detail-desc{border:1px solid var(--border);border-radius:.6rem;padding:.6rem .7rem;font-size:.9rem;font-family:inherit;background:var(--bg);color:var(--text);resize:vertical}.detail-title:focus,.detail-desc:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.detail-row{display:flex;gap:1rem}.detail-row .field{flex:1}.detail-actions{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.detail-actions .primary{border:none;background:var(--accent);color:#fff;border-radius:.6rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600}.detail-actions .primary:disabled{opacity:.5;cursor:not-allowed}.danger-btn.slim{width:auto;margin-left:auto;padding:.45rem .9rem}.notif{position:fixed;top:1rem;right:1.25rem;z-index:55}.notif-bell{position:relative;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--border);background:var(--hover);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #10182826}.notif-bell:hover{border-color:var(--accent);color:var(--accent)}.notif-bell svg{display:block}.notif-badge{position:absolute;top:-.2rem;right:-.2rem;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:.6rem;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center}.notif-panel{position:absolute;top:3rem;right:0;width:20rem;max-width:calc(100vw - 2rem);background:var(--bg);border:1px solid var(--border);border-radius:.8rem;box-shadow:0 16px 48px #10182833;overflow:hidden}.notif-head{padding:.7rem .9rem;font-weight:600;border-bottom:1px solid var(--border)}.notif-empty{padding:1rem .9rem;color:var(--muted);font-size:.85rem}.notif-list{list-style:none;margin:0;padding:0;max-height:22rem;overflow-y:auto}.notif-list li{padding:.7rem .9rem;border-bottom:1px solid var(--border)}.notif-text{font-size:.84rem;line-height:1.35;margin-bottom:.5rem}.notif-actions{display:flex;align-items:center;gap:.6rem}.notif-actions .primary{border:none;background:var(--accent);color:#fff;border-radius:.5rem;padding:.35rem .8rem;font-size:.8rem;font-weight:600}.chat-fab{position:fixed;bottom:1.25rem;right:1.25rem;width:3.4rem;height:3.4rem;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.4rem;box-shadow:0 8px 24px #4772fa66;z-index:50}.chat-fab:hover{background:var(--accent-hover, #3a5fe0)}.chat-panel{position:fixed;bottom:5rem;right:1.25rem;width:22rem;max-width:calc(100vw - 2rem);height:30rem;max-height:calc(100vh - 7rem);background:var(--bg);border:1px solid var(--border);border-radius:.9rem;box-shadow:0 16px 48px #10182838;display:flex;flex-direction:column;overflow:hidden;z-index:50}.chat-head{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;font-weight:600;border-bottom:1px solid var(--border)}.chat-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--green)}.chat-msgs{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.5rem}.chat-msg{max-width:85%;padding:.5rem .7rem;border-radius:.7rem;font-size:.85rem;line-height:1.35;white-space:pre-wrap;word-wrap:break-word}.chat-msg.assistant{align-self:flex-start;background:var(--hover);color:var(--text);border-bottom-left-radius:.2rem}.chat-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:.2rem}.chat-msg.typing{color:var(--muted);letter-spacing:.1em}.chat-input{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid var(--border)}.chat-input input{flex:1;border:1px solid var(--border);border-radius:.6rem;padding:.5rem .7rem;font-size:.85rem;background:var(--bg)}.chat-input input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.chat-input button{border:none;background:var(--accent);color:#fff;border-radius:.6rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f5f7ff,#eef2ff);padding:1rem}.card.auth{width:100%;max-width:24rem;background:var(--bg);border:1px solid var(--border);border-radius:1rem;padding:2rem;box-shadow:0 10px 40px #1f232914}.auth-brand{display:flex;align-items:center;gap:.6rem}.auth-brand img{height:2.1rem;width:auto}.card.auth h1{margin:0;font-size:1.4rem}.card.auth .subtitle{color:var(--muted);font-size:.9rem}.card.auth form{display:flex;flex-direction:column;gap:.9rem;margin:1.5rem 0 1rem}.card.auth label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--muted)}.card.auth input{background:var(--bg);border:1px solid var(--border);border-radius:.6rem;padding:.65rem .8rem;font-size:.95rem}.card.auth input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.card.auth button[type=submit]{border:none;background:var(--accent);color:#fff;border-radius:.6rem;padding:.7rem 1rem;font-size:.95rem;font-weight:600}.card.auth button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.card.auth .link{margin-top:.3rem}@media (max-width: 720px){.shell{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--border)}.sidebar .nav{flex-direction:row;flex-wrap:wrap}.sidebar-foot{margin:0 0 0 auto;border-top:none;flex-direction:row;align-items:center;gap:.6rem}.nav-label{width:100%;padding:.3rem .6rem}.main{max-width:100%;padding:1rem}}