:root{--bg: #0a0d14;--surface: #131722;--surface-2: #1a1f2c;--surface-hover: #232a38;--border: #2c3340;--border-subtle: #1f2532;--text: #e8eaed;--text-muted: #9aa0a6;--text-faint: #5f6772;--accent: #5b9eff;--accent-hover: #7ab0ff;--accent-bg: rgba(91, 158, 255, .12);--accent-bg-strong: rgba(91, 158, 255, .18);--danger: #ef6f6f;--danger-bg: rgba(239, 111, 111, .12);--focus: var(--accent);--focus-bg: var(--accent-bg);--focus-border: rgba(91, 158, 255, .4);--p1: #ef6f6f;--p2: #f0b554;--p3: #5b9eff;--p4: #6e7787;--p5: #a78bfa;--status-planned: #b9a3fb;--status-open: #7eb1ff;--status-progress: #f0b554;--status-blocked: #ef6f6f;--status-done: #9aa0a6;--radius: 6px;--radius-lg: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 14px rgba(0, 0, 0, .3);--shadow-panel: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 16px 40px rgba(0, 0, 0, .35);--transition: .15s ease;--transition-slow: .22s ease;--pane-columns: minmax(0, 1fr) clamp(380px, 38vw, 830px);--pane-gap: 2rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto 0;height:70vh;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(91,158,255,.07),transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}input,select,textarea{font-family:inherit;font-size:15px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem;width:100%;transition:border-color var(--transition),background var(--transition)}@media(pointer:coarse){input,select,textarea{font-size:16px}}input:hover,select:hover,textarea:hover{border-color:var(--text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-bg)}textarea{resize:vertical;font-family:inherit;line-height:1.5}::placeholder{color:var(--text-faint)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{width:1em;height:1em;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon--lg{width:1.15em;height:1.15em}.icon--xl{width:2.5rem;height:2.5rem;stroke-width:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .95rem;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text);white-space:nowrap;line-height:1.3;font-weight:500;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:active:not(:disabled){transform:translateY(1px)}.link-btn{background:transparent;border:none;color:var(--accent);padding:0;cursor:pointer;font:inherit}.link-btn:hover{text-decoration:underline}.btn--primary{background:var(--accent);color:#06080d;font-weight:600;box-shadow:0 1px #ffffff26 inset,var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 1px #ffffff2e inset,var(--shadow-md)}.btn--secondary{border-color:var(--border);color:var(--text);background:var(--surface)}.btn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-faint)}.btn--danger{border-color:#ef6f6f73;color:var(--danger);background:transparent}.btn--danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;color:var(--text-muted);border-radius:var(--radius);transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.app{padding:0 2rem 3rem}.app-top{position:sticky;top:0;z-index:20;background:var(--bg);padding:1.25rem 0 1rem}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.app-brand{display:inline-flex;align-items:center;gap:.65rem}.app-brand-mark{width:2rem;height:2rem;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0%,#8b6fef 100%);display:inline-flex;align-items:center;justify-content:center;color:#06080d;box-shadow:0 2px 8px #5b9eff59,0 1px #ffffff2e inset}.app-brand-mark .icon{width:1.1rem;height:1.1rem;stroke-width:2.5}.app-title{font-size:1.6rem;font-weight:700;letter-spacing:-.025em;line-height:1}.app-header-right{display:inline-flex;align-items:center;gap:.85rem;flex-wrap:wrap}.page-tabs{display:inline-flex;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px}.page-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-muted);padding:.35rem .95rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;transition:background var(--transition),color var(--transition)}.page-tab:hover:not(.page-tab--active){color:var(--text)}.page-tab--active{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-sm)}.app-user{font-size:.85rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.55rem}.app-user-divider{width:1px;height:1rem;background:var(--border-subtle)}.app-state{color:var(--text-muted);margin:1rem 0}.app-error{color:var(--danger);margin:1rem 0}.signin{display:flex;justify-content:center;padding:3rem 0 4rem}.signin-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:380px;padding:2.25rem 2rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);text-align:center}.signin-mark{width:3rem;height:3rem;border-radius:12px;background:linear-gradient(135deg,var(--accent) 0%,#8b6fef 100%);display:inline-flex;align-items:center;justify-content:center;color:#06080d;box-shadow:0 2px 12px #5b9eff59,0 1px #ffffff2e inset}.signin-mark .icon{width:1.7rem;height:1.7rem;stroke-width:2.5}.signin-title{font-size:1.4rem;font-weight:700;letter-spacing:-.025em;margin:0}.signin-lead{margin:0;color:var(--text-muted);line-height:1.5}.signin-note{margin:0;font-size:.82rem;line-height:1.5}.signin-btn{margin-top:.4rem;text-decoration:none}.app-offline{margin:0 0 1rem;padding:.5rem .75rem;border:1px solid var(--border);border-left:3px solid var(--p2);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);font-size:.85rem}.muted{color:var(--text-muted)}.app-body{display:grid;grid-template-columns:var(--pane-columns);gap:var(--pane-gap);align-items:start}.app-main{min-width:0}.app-side{position:sticky;top:calc(var(--app-top-height, 8rem) + 1rem);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;max-height:calc(100vh - var(--app-top-height, 8rem) - 2.25rem);overflow-y:auto;box-shadow:var(--shadow-panel);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.app-side::-webkit-scrollbar{width:10px}.app-side::-webkit-scrollbar-track{background:transparent}.app-side::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--surface);border-radius:5px}.app-side::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.app-side-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;text-align:center;color:var(--text-muted);gap:.85rem;padding:1.5rem .5rem}.app-side-empty .icon--xl{color:var(--text-faint);opacity:.7}.app-side-empty p{margin:0;font-size:.9rem;max-width:22ch}.app-side-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.app-side-title{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.app-side>*:not(.app-side-empty){animation:panel-fade-in .18s ease-out}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.toolbar{display:grid;grid-template-columns:var(--pane-columns);gap:var(--pane-gap);align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border-subtle)}.toolbar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.toolbar-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem}.toolbar-label select{width:auto;padding:.35rem .55rem;font-size:.85rem}.toolbar-spacer{margin-left:auto}.search{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:.55rem;color:var(--text-faint);pointer-events:none}.search-input{width:100%;padding:.4rem 1.9rem .4rem 2.05rem;font-size:.85rem}.search-input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:.2rem}.quick-add{margin-bottom:1.1rem}.quick-add-row{display:flex;gap:.5rem}.quick-add-input{flex:1;min-width:0}.quick-add-btn{flex-shrink:0}.toggle-group{display:inline-flex;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:3px;gap:2px}.toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .75rem;background:transparent;color:var(--text-muted);border:none;border-radius:4px;font-size:.85rem;transition:background var(--transition),color var(--transition)}.toggle-btn:hover:not(.toggle-btn--active){color:var(--text)}.toggle-btn--active{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-sm)}.toggle-btn--icon-only{width:2rem;height:1.85rem;padding:0}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input{width:auto;padding:0;margin:0;cursor:pointer;accent-color:var(--accent)}.group{margin-bottom:1.85rem}.group-header{display:flex;align-items:center;gap:.55rem;width:100%;background:transparent;border:none;padding:.45rem 0;text-align:left;color:var(--text);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);margin-bottom:.4rem;transition:color var(--transition),border-color var(--transition)}.group-header:hover{color:var(--accent);border-bottom-color:var(--border)}.group-chevron{display:inline-flex;color:var(--text-faint);transition:transform var(--transition)}.group-chevron .icon{width:.95em;height:.95em}.group-chevron--closed{transform:rotate(-90deg)}.group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor;opacity:.85}.group-count{color:var(--text-faint);font-weight:500;margin-left:auto;letter-spacing:0;font-variant-numeric:tabular-nums}.task-list{list-style:none;margin:0;padding:0}.task-list-item+.task-list-item{border-top:1px solid var(--border-subtle)}.task-row{position:relative;display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem .65rem .7rem .85rem;border-radius:var(--radius);color:var(--text);transition:background var(--transition),transform var(--transition)}.task-row-main{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:.85rem;align-items:center;flex:1;min-width:0;padding:0;background:transparent;border:none;color:inherit;text-align:left}.task-row:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;border-radius:1px;background:var(--row-stripe, transparent);opacity:0;transition:opacity var(--transition)}.task-row:hover{background:var(--surface-hover);transform:translate(2px)}.task-row:hover:before,.task-row--selected:before{opacity:.8}.task-row--selected,.task-row--selected:hover{background:var(--accent-bg);transform:none}.task-row--done{opacity:.5}.task-row--done .task-title{text-decoration:line-through}.task-row[data-priority=P1]{--row-stripe: var(--p1)}.task-row[data-priority=P2]{--row-stripe: var(--p2)}.task-row[data-priority=P3]{--row-stripe: var(--p3)}.task-row[data-priority=P4]{--row-stripe: var(--p4)}.task-row[data-priority=P5]{--row-stripe: var(--p5)}.task-title{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem;min-width:0}.task-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.task-project{display:inline-block;padding:.08rem .45rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-muted);font-size:.72rem;flex-shrink:0;letter-spacing:.01em}.task-age{color:var(--text-faint);font-size:.78rem;font-variant-numeric:tabular-nums;min-width:3em;text-align:right}.task-check,.task-card-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--text-faint);transition:color var(--transition),background var(--transition)}.task-check:hover,.task-card-check:hover{color:var(--accent);background:var(--accent-bg)}.task-row--done .task-check,.task-card--done .task-card-check{color:var(--status-done)}.task-card-actions{position:absolute;top:.7rem;right:.7rem;z-index:1;display:flex;align-items:center;gap:.1rem}.task-focus{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--text-faint);transition:color var(--transition),background var(--transition),opacity var(--transition)}.task-focus:hover{color:var(--focus);background:var(--focus-bg)}.task-row[data-focused] .task-focus,.task-card[data-focused] .task-focus{color:var(--focus)}@media(hover:hover){.task-row .task-focus,.task-card .task-focus{opacity:0}.task-row:hover .task-focus,.task-card:hover .task-focus,.task-row .task-focus:focus-visible,.task-card .task-focus:focus-visible,.task-row[data-focused] .task-focus,.task-card[data-focused] .task-focus{opacity:1}}.group--focus .group-header{color:var(--focus);border-bottom-color:var(--accent-bg-strong)}.group--focus .group-header:hover{color:var(--accent-hover);border-bottom-color:var(--focus-border)}.focus-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;align-self:flex-start;padding:.35rem .75rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);font-size:.82rem;font-weight:500;min-height:2rem;transition:background var(--transition),border-color var(--transition),color var(--transition)}.focus-toggle:hover{background:var(--surface-hover);color:var(--text)}.focus-toggle[data-on]{background:var(--focus-bg);border-color:var(--focus-border);color:var(--focus)}.task-due{display:inline-block;flex-shrink:0;padding:.08rem .45rem;border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface-2);color:var(--text-muted);font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}.task-due[data-due=overdue]{border-color:#ef6f6f73;background:var(--danger-bg);color:var(--danger);font-weight:600}.task-due[data-due=today]{border-color:#f0b55473;background:#f0b5541f;color:var(--p2);font-weight:600}.task-due[data-due=soon]{color:var(--text)}.task-stale{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--p2);box-shadow:0 0 0 3px #f0b5541f}.priority{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .45rem;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-align:center;min-width:30px;border:1px solid transparent}.priority--p1{background:#ef6f6f24;color:var(--p1);border-color:#ef6f6f40}.priority--p2{background:#f0b55424;color:var(--p2);border-color:#f0b55440}.priority--p3{background:#5b9eff24;color:var(--p3);border-color:#5b9eff40}.priority--p4{background:#6e77872e;color:var(--p4);border-color:#6e77874d}.priority--p5{background:#a78bfa24;color:var(--p5);border-color:#a78bfa40}.status{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status--planned{background:#a78bfa1a;color:var(--status-planned);border-color:#a78bfa38}.status--open{background:#5b9eff1a;color:var(--status-open);border-color:#5b9eff38}.status--in_progress{background:#f0b5541a;color:var(--status-progress);border-color:#f0b55438}.status--blocked{background:#ef6f6f1a;color:var(--status-blocked);border-color:#ef6f6f40}.status--done{background:#9aa0a61a;color:var(--status-done);border-color:#9aa0a638}.task-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.task-card{position:relative;display:flex;flex-direction:column;gap:.55rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.05rem 1rem 1.15rem;text-align:left;color:var(--text);box-shadow:var(--shadow-sm);overflow:hidden;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition-slow),transform var(--transition-slow)}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-stripe, transparent);opacity:.85}.task-card:hover{background:var(--surface-2);border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-card--selected,.task-card--selected:hover{background:var(--surface-2);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-bg-strong),var(--shadow-md);transform:none}.task-card--done{opacity:.55}.task-card--done .task-card-title{text-decoration:line-through}.task-card[data-priority=P1]{--card-stripe: var(--p1)}.task-card[data-priority=P2]{--card-stripe: var(--p2)}.task-card[data-priority=P3]{--card-stripe: var(--p3)}.task-card[data-priority=P4]{--card-stripe: var(--p4)}.task-card[data-priority=P5]{--card-stripe: var(--p5)}.task-card-main{display:flex;flex-direction:column;gap:.55rem;flex:1;min-width:0;padding:0;background:transparent;border:none;color:inherit;text-align:left}.task-card-header{display:flex;align-items:center;gap:.5rem;padding-right:3.3rem}.task-card-header .task-age{margin-left:auto}.task-card-title{font-weight:500;color:var(--text);line-height:1.35;font-size:.95rem}.task-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;color:var(--text-muted);font-size:.8rem}.task-card-project{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.form{display:flex;flex-direction:column;gap:.95rem}.field{display:flex;flex-direction:column;gap:.3rem}.field-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.form-row-split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.form-row-pair{display:flex;flex-wrap:wrap;gap:.7rem}.form-row-pair>.field:first-child{flex:0 1 auto}.form-row-pair>.field:last-child{flex:1 1 12rem}.form-row-pair .pill-row{flex:1;align-content:center}.form-row-split .focus-toggle{flex:1;align-self:stretch;min-width:8rem}.form-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.form-actions-spacer{margin-left:auto}.form-error{color:var(--danger);font-size:.875rem;margin:0;padding:.5rem .7rem;background:var(--danger-bg);border-radius:var(--radius);border:1px solid rgba(239,111,111,.25)}.confirm-delete{margin-top:.85rem;padding:.9rem 1rem;background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem;animation:panel-fade-in .18s ease-out}.confirm-delete-text{margin:0;color:var(--danger);font-size:.9rem;font-weight:500}.confirm-delete-hint{margin:0;color:var(--text-muted);font-size:.85rem}.confirm-delete-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.log{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.log-heading{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;margin:0 0 .85rem}.log-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.log-form .btn{align-self:flex-start}.log-list{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:1rem}.log-list:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:var(--border)}.log-item{position:relative;padding-left:1.25rem}.log-item:before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 0 0 3px var(--surface)}.log-time{color:var(--text-faint);font-size:.73rem;font-variant-numeric:tabular-nums;margin-bottom:.2rem;letter-spacing:.01em}.log-text{white-space:pre-wrap;font-size:.92rem;line-height:1.5}.task-meta{color:var(--text-faint);font-size:.75rem;margin:1.5rem 0 0;padding-top:1rem;border-top:1px dashed var(--border-subtle);font-variant-numeric:tabular-nums}.summary-controls{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;padding:.85rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.summary-count{margin-left:auto;font-size:.85rem;font-variant-numeric:tabular-nums}.summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.summary-item{position:relative;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.1rem 1.25rem 1.1rem 1.4rem;box-shadow:var(--shadow-sm);overflow:hidden}.summary-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-stripe, transparent);opacity:.85}.summary-item[data-priority=P1]{--card-stripe: var(--p1)}.summary-item[data-priority=P2]{--card-stripe: var(--p2)}.summary-item[data-priority=P3]{--card-stripe: var(--p3)}.summary-item[data-priority=P4]{--card-stripe: var(--p4)}.summary-item[data-priority=P5]{--card-stripe: var(--p5)}.summary-item-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem;flex-wrap:wrap}.summary-item-title{font-weight:600;flex:1;min-width:0;font-size:1rem}.summary-item-date{color:var(--text-faint);font-size:.8rem;font-variant-numeric:tabular-nums}.summary-item-project{font-size:.8rem;margin-bottom:.5rem}.summary-item-details{white-space:pre-wrap;margin-bottom:.75rem;font-size:.92rem;line-height:1.55}.summary-item-comments{list-style:none;padding:.75rem 0 0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.6rem;border-top:1px solid var(--border-subtle)}.summary-item-comments li{border-left:2px solid var(--border);padding-left:.7rem}.summary-item-comment-time{color:var(--text-faint);font-size:.73rem;font-variant-numeric:tabular-nums;margin-bottom:.15rem}.summary-item-comment-text{white-space:pre-wrap;font-size:.9rem;line-height:1.5}.combo-trigger{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;font-size:15px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem;transition:border-color var(--transition),background var(--transition)}@media(pointer:coarse){.combo-trigger{font-size:16px}}.combo-trigger:hover{border-color:var(--text-faint)}.combo-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-bg)}.combo-trigger[data-placeholder] .combo-trigger-value{color:var(--text-faint)}.combo-trigger-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-trigger-icon,.combo-trigger-chevron{flex-shrink:0;color:var(--text-faint)}.combo-trigger-chevron{transition:transform var(--transition)}.combo-trigger[aria-expanded=true] .combo-trigger-chevron{transform:rotate(180deg)}.combo-popover{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:var(--radix-popover-trigger-width, 100%);min-width:200px;max-height:320px;box-shadow:var(--shadow-md);z-index:60;animation:panel-fade-in .12s ease-out}.combo-search{flex-shrink:0;padding:.4rem;border-bottom:1px solid var(--border-subtle)}.combo-search input{font-size:.9rem;padding:.4rem .55rem;background:var(--surface)}@media(pointer:coarse){.combo-search input{font-size:16px}}.combo-list{list-style:none;margin:0;padding:.25rem;display:flex;flex-direction:column;gap:1px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.combo-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:.45rem .6rem;border-radius:4px;font-size:.9rem}.combo-item--none{color:var(--text-muted)}.combo-item[data-highlighted]{background:var(--surface-hover)}.combo-item[aria-selected=true]{color:var(--accent)}.combo-item-check{flex-shrink:0;opacity:0}.combo-item-check[data-on]{opacity:1}.combo-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-empty{padding:.6rem;color:var(--text-faint);font-size:.85rem;text-align:center}.calendar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.6rem;box-shadow:var(--shadow-md);z-index:60;animation:panel-fade-in .12s ease-out;width:17.5rem}.calendar-head{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.calendar-month{flex:1;text-align:center;font-size:.9rem;font-weight:600;color:var(--text)}.calendar-nav{display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted)}.calendar-nav:hover{background:var(--surface-hover);color:var(--text)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekdays{margin-bottom:2px}.calendar-weekdays span{text-align:center;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding-bottom:.25rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text);font-size:.85rem;font-variant-numeric:tabular-nums;transition:background var(--transition),color var(--transition)}.calendar-day[data-outside]{color:var(--text-faint)}.calendar-day:hover{background:var(--surface-hover)}.calendar-day[data-today]{border-color:var(--border);color:var(--accent);font-weight:600}.calendar-day[data-selected]{background:var(--accent);border-color:var(--accent);color:#0a0d14;font-weight:600}.calendar-day[data-selected]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.calendar-actions{display:flex;gap:.5rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-subtle)}.calendar-actions .btn{flex:1;justify-content:center;padding:.35rem .5rem;font-size:.8rem}.tooltip{background:#06080d;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.3rem .55rem;font-size:.78rem;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-md);z-index:70;animation:panel-fade-in .1s ease-out;max-width:240px}.tooltip-arrow{fill:#06080d}.menu-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem;min-width:180px;box-shadow:var(--shadow-md);z-index:60;animation:panel-fade-in .12s ease-out}.menu-label{padding:.4rem .55rem .2rem;color:var(--text-faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:600}.menu-user{padding:.2rem .55rem .5rem;color:var(--text);font-size:.85rem;word-break:break-all}.menu-separator{height:1px;background:var(--border-subtle);margin:.3rem 0}.menu-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:4px;color:var(--text);font-size:.88rem;text-decoration:none;outline:none;cursor:pointer}.menu-item[data-highlighted]{background:var(--surface-hover)}.menu-item--danger{color:var(--danger)}.menu-item--danger[data-highlighted]{background:var(--danger-bg)}.avatar-btn{width:2.1rem;height:2.1rem;border-radius:50%;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--border);color:var(--text);font-size:.78rem;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.avatar-btn:hover,.avatar-btn[data-state=open]{background:var(--surface-hover);border-color:var(--text-faint)}.pill-row{display:flex;flex-wrap:wrap;gap:.3rem}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .7rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);min-height:2rem}.pill:hover:not([data-state=on]){background:var(--surface-hover);color:var(--text)}.pill[data-state=on]{background:var(--surface);color:var(--text);border-color:var(--text-faint)}.pill[data-state=on]:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--pill-dot, var(--accent))}.pill[data-priority=P1]{--pill-dot: var(--p1)}.pill[data-priority=P2]{--pill-dot: var(--p2)}.pill[data-priority=P3]{--pill-dot: var(--p3)}.pill[data-priority=P4]{--pill-dot: var(--p4)}.pill[data-priority=P5]{--pill-dot: var(--p5)}.pill[data-status=planned]{--pill-dot: var(--status-planned)}.pill[data-status=open]{--pill-dot: var(--status-open)}.pill[data-status=in_progress]{--pill-dot: var(--status-progress)}.pill[data-status=blocked]{--pill-dot: var(--status-blocked)}.pill[data-status=done]{--pill-dot: var(--status-done)}.pill[data-state=on][data-priority=P1]{color:var(--p1);border-color:#ef6f6f66}.pill[data-state=on][data-priority=P2]{color:var(--p2);border-color:#f0b55466}.pill[data-state=on][data-priority=P3]{color:var(--p3);border-color:#5b9eff66}.pill[data-state=on][data-priority=P4]{color:var(--p4);border-color:#6e778766}.pill[data-state=on][data-priority=P5]{color:var(--p5);border-color:#a78bfa66}.pill[data-state=on][data-status=planned]{color:var(--status-planned);border-color:#a78bfa66}.pill[data-state=on][data-status=open]{color:var(--status-open);border-color:#5b9eff66}.pill[data-state=on][data-status=in_progress]{color:var(--status-progress);border-color:#f0b55466}.pill[data-state=on][data-status=blocked]{color:var(--status-blocked);border-color:#ef6f6f73}.pill[data-state=on][data-status=done]{color:var(--status-done);border-color:#9aa0a666}.pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:719px){.app{padding:0 1rem 2.5rem}.app-top{padding:.85rem 0 .75rem}.app-body{grid-template-columns:1fr;gap:1rem}.app-side{position:static;max-height:none;overflow:visible;box-shadow:none}.app:not(.app--editing) .app-side{display:none}.app--editing .app-main,.app--editing .toolbar{display:none}.toolbar{grid-template-columns:1fr;gap:.6rem}.toolbar-spacer{margin-left:0}.app-title{font-size:1.35rem}}