:root{--bg:#f7f8f9;--surface:#fff;--surface-sunken:#f1f2f4;--surface-hover:#ebecf0;--border:#dcdfe4;--text:#172b4d;--text-muted:#626f86;--primary:#0c66e4;--primary-hover:#05c;--primary-soft:#e9f2ff;--danger:#c9372c;--danger-soft:#ffeceb;--success:#1f845a;--status-todo-bg:#dcdfe4;--status-todo-fg:#44546f;--status-test-bg:#cce0ff;--status-test-fg:#0747a6;--status-done-bg:#baf3db;--status-done-fg:#216e4e;--claude:#c96442;--claude-soft:#fbeee8;--cat-blue-bg:#e9f2ff;--cat-blue-fg:#05c;--cat-green-bg:#dcfff1;--cat-green-fg:#216e4e;--cat-purple-bg:#f3f0ff;--cat-purple-fg:#5e4db2;--cat-orange-bg:#fff3eb;--cat-orange-fg:#a54800;--cat-red-bg:#ffeceb;--cat-red-fg:#ae2e24;--cat-teal-bg:#e7f9ff;--cat-teal-fg:#206a83;--cat-gray-bg:#f1f2f4;--cat-gray-fg:#44546f;--type-task:#1d7afc;--type-story:#22a06b;--type-bug:#e2483d;--radius:8px;--shadow:0 1px 2px #091e421f, 0 0 1px #091e4233;--shadow-lg:0 8px 24px #091e4233;--topbar-h:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#1d2125;--surface:#22272b;--surface-sunken:#161a1d;--surface-hover:#2c333a;--border:#38414a;--text:#dee4ea;--text-muted:#9fadbc;--primary:#579dff;--primary-hover:#85b8ff;--primary-soft:#1c2b41;--danger:#f87168;--danger-soft:#42221f;--success:#4bce97;--status-todo-bg:#38414a;--status-todo-fg:#b6c2cf;--status-test-bg:#09326c;--status-test-fg:#85b8ff;--status-done-bg:#164b35;--status-done-fg:#7ee2b8;--claude:#e08a6a;--claude-soft:#3d2a22;--cat-blue-bg:#1c2b41;--cat-blue-fg:#85b8ff;--cat-green-bg:#1c3329;--cat-green-fg:#7ee2b8;--cat-purple-bg:#2b273f;--cat-purple-fg:#b8acf6;--cat-orange-bg:#3a2c1f;--cat-orange-fg:#fec195;--cat-red-bg:#42221f;--cat-red-fg:#fd9891;--cat-teal-bg:#1e3137;--cat-teal-fg:#9dd9ee;--cat-gray-bg:#2c333a;--cat-gray-fg:#b6c2cf;--shadow:0 0 0 1px #38414a;--shadow-lg:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.05rem}h3{font-size:.95rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:100%;padding:8px 10px;font-size:16px}@media (width>=720px){input,select,textarea{font-size:14px}}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:#0000}textarea{resize:vertical}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.muted{color:var(--text-muted);font-weight:400}.icon{flex:none;width:16px;height:16px}.button{background:var(--surface-sunken);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-hover)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-hover)}@media (prefers-color-scheme:dark){.button.primary{color:#1d2125}}.button.danger{background:var(--danger-soft);color:var(--danger)}.button.claude{background:var(--claude);color:#fff}.button.claude:hover:not(:disabled){background:var(--claude);filter:brightness(1.08)}.button.small{min-height:30px;padding:4px 10px;font-size:.875rem}.button.is-busy{opacity:.6;pointer-events:none}.icon-button{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button:hover,.icon-button.active{background:var(--surface-hover);color:var(--text)}.select-overlay select,.status-select select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.topbar{z-index:10;height:var(--topbar-h);padding:0 12px;padding-top:env(safe-area-inset-top);background:var(--surface);box-shadow:var(--shadow);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.05rem;font-weight:650;display:flex}.brand:hover{text-decoration:none}.topbar-actions{gap:4px;display:flex}.content{padding:16px 12px 48px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.page{max-width:1100px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.empty{text-align:center;color:var(--text-muted);padding:48px 16px}.form-error{color:var(--danger)}.pill{white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.pill-active{background:var(--primary-soft);color:var(--primary)}.category{text-overflow:ellipsis;flex:none;max-width:40%;font-weight:600;overflow:hidden}.category-blue{background:var(--cat-blue-bg);color:var(--cat-blue-fg)}.category-green{background:var(--cat-green-bg);color:var(--cat-green-fg)}.category-purple{background:var(--cat-purple-bg);color:var(--cat-purple-fg)}.category-orange{background:var(--cat-orange-bg);color:var(--cat-orange-fg)}.category-red{background:var(--cat-red-bg);color:var(--cat-red-fg)}.category-teal{background:var(--cat-teal-bg);color:var(--cat-teal-fg)}.category-gray{background:var(--cat-gray-bg);color:var(--cat-gray-fg)}.board-card .category{align-self:flex-start;max-width:100%}@media (width<=719px){.ticket-row .category{background:currentColor;border-radius:50%;width:10px;height:10px;padding:0;font-size:0}}.pill-claude{background:var(--claude-soft);color:var(--claude);flex:none}@media (width>=720px){.content{padding:24px 24px 64px}}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;padding:32px 24px;display:flex}.login-card .button{width:100%}.form{flex-direction:column;gap:14px;display:flex}.form label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.875rem;font-weight:600;display:flex}.form label>input,.form label>select,.form label>textarea{color:var(--text);font-weight:400}.hint{font-size:.8rem;font-weight:400}.form-actions{justify-content:flex-end;gap:8px;display:flex}.inline-form{gap:8px;margin:12px 0;display:flex}.modal-backdrop{z-index:50;background:#091e4273;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{width:100%;max-height:90dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-lg);border-radius:12px 12px 0 0;overflow:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}@media (width>=720px){.modal-backdrop{align-items:center}.modal{border-radius:12px;max-width:480px;padding:20px 24px}}.menu{position:relative}.menu-list{z-index:20;background:var(--surface);min-width:160px;box-shadow:var(--shadow-lg);border-radius:6px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0}.menu-list button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;display:block}.menu-list button:hover{background:var(--surface-hover)}.menu-list button.danger{color:var(--danger)}.toasts{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--text);color:var(--surface);box-shadow:var(--shadow-lg);border-radius:6px;padding:10px 14px}.toast-error{background:var(--danger);color:#fff}.project-grid{gap:12px;display:grid}@media (width>=720px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.project-card{color:var(--text);align-items:flex-start;gap:12px;padding:16px;display:flex}.project-card:hover{background:var(--surface-hover);text-decoration:none}.project-card-body{flex:1;min-width:0}.project-avatar{background:var(--primary);color:#fff;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.project-card p{margin:2px 0 0;font-size:.875rem}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-header{margin-bottom:16px}.breadcrumb{color:var(--text-muted);margin:0 0 4px;font-size:.875rem}.breadcrumb a{color:var(--text-muted)}.tabs{border-bottom:2px solid var(--border);scrollbar-width:none;gap:4px;margin-top:12px;display:flex;overflow:auto hidden}.tabs a{color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 12px;font-weight:600}.tabs a:hover{color:var(--text);text-decoration:none}.tabs a.active{border-bottom-color:var(--primary);color:var(--primary)}.backlog{flex-direction:column;gap:16px;display:flex}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.category-filter{width:auto;max-width:200px}@media (width<=719px){.toolbar .search{flex-basis:100%;max-width:none}.category-filter{flex:1;max-width:none}}.search{flex:1;min-width:0;max-width:320px}.list-section{padding:8px 0 4px}.list-section.is-active{box-shadow:var(--shadow), inset 3px 0 0 var(--primary)}.section-header{justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:4px 8px 4px 14px;display:flex}.section-title{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.section-actions{align-items:center;gap:4px;display:flex}.sprint-goal{color:var(--text-muted);white-space:pre-wrap;margin:0 14px 8px;font-size:.875rem}.ticket-list{margin:0;padding:0;list-style:none}.ticket-row{border-top:1px solid var(--border);align-items:center;gap:8px;min-height:48px;padding:4px 8px 4px 14px;display:flex}.ticket-row:hover{background:var(--surface-hover)}.ticket-row-link{min-width:0;color:var(--text);flex:1;align-self:stretch;align-items:center;gap:8px;display:flex}.ticket-row-link:hover{text-decoration:none}.ticket-key{color:var(--text-muted);white-space:nowrap;flex:none;font-size:.8rem;font-weight:600}.ticket-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.ticket-row.is-done .ticket-title{color:var(--text-muted);text-decoration:line-through}.ticket-meta{gap:8px;display:none}.counter{color:var(--text-muted);align-items:center;gap:2px;font-size:.8rem;display:inline-flex}.counter .icon{width:14px;height:14px}.list-empty{border-top:1px solid var(--border);color:var(--text-muted);margin:0;padding:12px 14px;font-size:.875rem}.quick-add-toggle{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:6px;padding:10px 14px;display:flex}.quick-add-toggle:hover{background:var(--surface-hover);color:var(--text)}.quick-add{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;gap:8px;padding:8px;display:grid}.quick-add select{width:auto}.quick-add input{grid-area:1/1/auto/-1}.quick-add .button{grid-column:2;justify-self:end}.closed-sprints summary{cursor:pointer;padding:8px 14px;font-weight:600}.closed-sprint h3{color:var(--text-muted);padding:12px 14px 8px}@media (width>=720px){.ticket-meta{display:flex}.ticket-title{text-overflow:ellipsis;white-space:nowrap;display:block}.quick-add{grid-template-columns:auto 1fr auto auto}.quick-add input{grid-area:auto}.quick-add .button{grid-column:auto}}.status{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-flex;position:relative}.status svg{width:12px;height:12px}.status-select{cursor:pointer;min-height:28px}.status-todo{background:var(--status-todo-bg);color:var(--status-todo-fg)}.status-ready_for_testing{background:var(--status-test-bg);color:var(--status-test-fg)}.status-done{background:var(--status-done-bg);color:var(--status-done-fg)}.type-icon{color:#fff;border-radius:3px;flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.type-icon svg{width:12px;height:12px}.type-task{background:var(--type-task)}.type-story{background:var(--type-story)}.type-bug{background:var(--type-bug)}.board-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.board-summary p{white-space:pre-wrap;margin:4px 0 0}.progress{background:var(--surface-sunken);border-radius:11px;align-items:center;width:180px;height:22px;display:flex;position:relative;overflow:hidden}.progress-bar{background:var(--status-done-bg);position:absolute;inset:0 auto 0 0}.progress span{text-align:center;width:100%;font-size:.8rem;font-weight:600;position:relative}.board{scrollbar-width:thin;scroll-snap-type:x mandatory;grid-auto-columns:85%;grid-auto-flow:column;gap:12px;margin:0 -12px;padding:0 12px 8px;scroll-padding:0 12px;display:grid;overflow-x:auto}.board-column{border-radius:var(--radius);background:var(--surface-sunken);scroll-snap-align:start;flex-direction:column;gap:8px;min-height:200px;padding:10px 8px;display:flex}.board-column.is-drag-over{outline:2px dashed var(--primary);outline-offset:-2px}.board-column h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:0 4px;font-size:.8rem}.board-cards{flex-direction:column;gap:8px;display:flex}.board-card{cursor:grab;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.board-card-title{color:var(--text);overflow-wrap:anywhere}.board-card-footer{align-items:center;gap:6px;display:flex}.board-card-footer .status-select{margin-left:auto}@media (width>=720px){.board{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;margin:0;padding:0;overflow:visible}}.ticket-topline{align-items:center;gap:4px;margin-left:-8px;display:flex}.ticket-topline .breadcrumb{margin:0}.title-input{resize:none;field-sizing:content;background:0 0;border:1px solid #0000;width:calc(100% + 16px);margin:4px 0 16px -8px;padding:4px 8px;font-size:1.4rem;font-weight:650;line-height:1.3;display:block}.title-input:hover{background:var(--surface-hover)}.ticket-layout{flex-direction:column-reverse;gap:16px;display:flex}.ticket-main{flex-direction:column;gap:24px;min-width:0;display:flex}.ticket-section h2{margin-bottom:8px}.ticket-section .section-header{min-height:0;margin-bottom:8px;padding:0}.ticket-section .section-header h2{margin:0}.ticket-section.is-drag-over{outline:2px dashed var(--primary);outline-offset:4px;border-radius:4px}.ticket-fields{flex-direction:column;align-self:stretch;gap:12px;padding:14px;display:flex}.field{grid-template-columns:100px 1fr;align-items:center;gap:8px;font-size:.875rem;display:grid}.field-label{color:var(--text-muted);font-weight:600}.field-value{min-width:0}.inline-select{align-items:center;gap:6px;display:flex}.ticket-fields select{padding:4px 8px}.claude-handover{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.claude-handover .button{width:100%}.claude-handover .hint{color:var(--text-muted);margin:0}.ticket-fields .button.danger{align-self:flex-start;margin-top:4px}@media (width>=900px){.ticket-layout{flex-direction:row;align-items:flex-start}.ticket-main{flex:1}.ticket-fields{top:calc(var(--topbar-h) + 16px);flex:none;width:300px;position:sticky}}.placeholder{border:1px dashed var(--border);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border-radius:6px;padding:12px}.editor{min-height:160px;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.markdown{overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown img{border-radius:4px;max-width:100%}.markdown pre{background:var(--surface-sunken);border-radius:6px;padding:10px 12px;overflow-x:auto}.markdown :not(pre)>code{background:var(--surface-sunken);border-radius:3px;padding:1px 4px}.markdown table{border-collapse:collapse;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);padding:4px 8px}.markdown blockquote{border-left:3px solid var(--border);color:var(--text-muted);margin-left:0;padding-left:12px}.attachments{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.attachments{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.attachment{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:10px;padding:6px;display:flex}.attachment-preview{background:var(--surface-sunken);border-radius:4px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.attachment-preview img{object-fit:cover;width:100%;height:100%}.file-ext{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.attachment-info{flex-direction:column;flex:1;min-width:0;font-size:.875rem;display:flex}.attachment-info a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-info .muted{font-size:.8rem}.comments{flex-direction:column;gap:16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.comment{gap:10px;display:flex}.avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.comment-body{flex:1;min-width:0}.comment-meta{align-items:center;gap:8px;font-size:.875rem;display:flex}.comment-meta .menu{margin-left:auto}.comment-meta .icon-button{width:28px;height:28px}.comment-form textarea{margin-bottom:8px}.settings-stack{flex-direction:column;gap:16px;max-width:760px;display:flex}.settings-stack>.card{padding:16px}.settings-stack .card>p{margin:6px 0 0}.settings-stack h3{margin-top:16px}.danger-zone{justify-content:space-between;align-items:center;gap:12px;display:flex}.token-created{background:var(--primary-soft);border-radius:6px;margin:12px 0;padding:12px}.token-created p{margin:0 0 8px}.copyable{background:var(--surface-sunken);cursor:copy;white-space:pre-wrap;word-break:break-all;border-radius:6px;padding:10px 12px;display:block;overflow-x:auto}.token-list{margin:12px 0 0;padding:0;list-style:none}.token-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.token-list li>div{flex-direction:column;min-width:0;display:flex}.token-list .muted{font-size:.8rem}.agent-setup{padding:16px}.agent-setup summary{cursor:pointer}.agent-setup summary h2{display:inline}.agent-setup ol{flex-direction:column;gap:12px;margin:16px 0 0;padding-left:20px;display:flex}.agent-setup ul{margin:6px 0 0;padding-left:18px}.agent-setup pre{white-space:pre;word-break:normal;max-height:320px;margin-top:8px;overflow:auto}.category-list{margin:12px 0 0;padding:0;list-style:none}.category-list li{border-top:1px solid var(--border);grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.category-list li>.category{display:none}.category-list select{width:auto}.category-count{text-align:right;min-width:2ch;font-size:.8rem}.inline-form select{width:auto}@media (width>=720px){.category-list li{grid-template-columns:minmax(100px,160px) 1fr auto auto auto}.category-list li>.category{justify-self:start;max-width:100%;display:inline-block}}