:root{--app-bg: #f6f8fa;--surface: #ffffff;--surface-muted: #f0f4f8;--text-main: #0f172a;--text-muted: #475569;--primary: #0f766e;--primary-hover: #115e59;--primary-soft: #e6f4f1;--navy: #1e3a5f;--border: #d8e0e8;--danger: #b42318;--danger-bg: #fef3f2;--warning: #b54708;--warning-bg: #fffaeb;--success: #047857;--success-bg: #ecfdf3;--focus: #2563eb;color:var(--text-main);background:var(--app-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{background:var(--app-bg)}body{margin:0;min-width:320px;background:var(--app-bg);color:var(--text-main)}#root{min-height:100vh}button,input,select,textarea{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 70%,white);outline-offset:2px}.app-shell{margin:0 auto;max-width:1280px;padding:16px;display:grid;gap:14px}.topbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:8px 0 0}.topbar h1,.hero-band h2,.content-section h2,.kanban-column h2,.detail-panel h2,.login-panel h1{margin:0}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.current-user{border:1px solid var(--border);background:var(--surface);border-radius:999px;color:var(--navy);font-weight:600;line-height:1.35;padding:9px 12px}.eyebrow{color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.nav-tabs{display:flex;gap:8px;margin:0;overflow-x:auto;padding:2px 0 4px}.nav-tabs a,.ghost-button,.secondary-button,.primary-button,.danger-button,.login-user-button,.task-card-drag-handle{border:1px solid var(--border);border-radius:12px;min-height:44px;padding:10px 14px;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease,transform .12s ease;touch-action:manipulation}.nav-tabs a,.ghost-button,.secondary-button,.primary-button,.danger-button,.login-user-button,.task-card-drag-handle,.badge,.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px}.nav-tabs a{flex:0 0 auto;background:var(--surface);color:var(--text-muted);font-weight:600;box-shadow:0 1px 2px #0f172a0d}.nav-tabs a.active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 40%,white);color:var(--primary-hover)}.nav-tabs a:hover,.ghost-button:hover,.secondary-button:hover,.primary-button:hover,.danger-button:hover,.login-user-button:hover,.task-card-drag-handle:hover{transform:translateY(-1px)}.nav-tabs a:hover,.ghost-button:hover,.secondary-button:hover,.login-user-button:hover{background:color-mix(in srgb,var(--surface) 88%,var(--app-bg))}.primary-button{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700;box-shadow:0 1px 2px #0f766e2e}.primary-button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.secondary-button{background:var(--surface);color:var(--text-main);font-weight:600;box-shadow:0 1px 2px #0f172a0d}.ghost-button{background:transparent;color:var(--text-muted);box-shadow:none}.danger-button{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700;box-shadow:0 1px 2px #b4231829}.danger-button:hover{background:color-mix(in srgb,var(--danger) 90%,black);border-color:color-mix(in srgb,var(--danger) 90%,black)}.nav-tabs a:active,.ghost-button:active,.secondary-button:active,.primary-button:active,.danger-button:active,.login-user-button:active,.task-card-drag-handle:active{box-shadow:0 1px 1px #0f172a14;transform:translateY(1px)}.nav-tabs a:disabled,.ghost-button:disabled,.secondary-button:disabled,.primary-button:disabled,.danger-button:disabled,.login-user-button:disabled,.task-card-drag-handle:disabled{cursor:not-allowed;opacity:.56;pointer-events:none;transform:none;box-shadow:none}.page-grid{display:grid;gap:14px}.hero-band,.content-section,.task-card,.kanban-column,.detail-panel,.login-panel,.project-card,.category-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a0a}.hero-band{display:grid;gap:14px;padding:18px}.hero-band p{color:var(--text-muted);margin:8px 0 0}.hero-actions,.hero-metrics,.form-actions,.inline-actions,.category-summary,.category-row-actions{display:flex;flex-wrap:wrap;gap:8px}.kanban-helper{display:grid;gap:4px}.content-section{padding:16px}.create-task-button{min-width:180px}.task-form-panel{margin-top:14px}.task-form-summary{margin:12px 0 0}.danger-section{border-color:color-mix(in srgb,var(--danger) 20%,var(--border))}.section-header,.task-card-header,.kanban-column-header,.detail-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.section-header h2,.kanban-column-header h2,.detail-header h2{font-size:1.1rem}.muted-text,.empty-text,.mode-note,.task-meta dt,.detail-meta dt,.comment-meta time,.history-list time,.project-card p{color:var(--text-muted)}.badge,.chip{border-radius:999px;font-size:.8rem;font-weight:700;padding:5px 10px;white-space:nowrap}.badge{background:var(--primary-soft);color:var(--primary-hover)}.badge.danger,.chip.danger{background:var(--danger-bg);color:var(--danger)}.badge.warning,.chip.warning{background:var(--warning-bg);color:var(--warning)}.badge.success{background:var(--success-bg);color:var(--success)}.badge.muted,.chip.muted{background:var(--surface-muted);color:var(--text-muted)}.task-form,.project-form,.filter-grid,.category-create-form,.task-filter-panel{display:grid;gap:12px}.task-filter-panel--compact{padding:14px 16px}.task-filter-panel--expanded{padding:16px}.task-filter-panel-body{display:grid;gap:12px}.task-filter-panel-header{align-items:center}.task-filter-panel-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.task-filter-search{grid-column:1 / -1}.task-filter-chip-row{display:flex;flex-wrap:wrap;gap:8px}.filter-chip-button{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;box-shadow:0 1px 2px #0f172a0a;color:var(--text-main);display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:8px 12px;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.filter-chip-button:hover{background:color-mix(in srgb,var(--surface-muted) 70%,white)}.filter-chip-button.is-active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,white);color:var(--primary-hover)}.task-filter-select-grid{display:grid;gap:10px}.task-filter-select-grid label{font-weight:700}.empty-state-message,.lane-empty-message{margin:0;padding-top:2px}label,.field-group{display:grid;gap:6px;font-weight:700}label>span,.field-group>span{color:var(--text-main);font-size:.9rem}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-main);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 70%,white)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--border) 60%,var(--text-muted))}input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 18%,white);outline:none}textarea{min-height:104px;resize:vertical}.helper-text{color:var(--text-muted);font-size:.84rem;font-weight:500;line-height:1.5}.voice-privacy-note{display:grid;gap:2px}.field-label-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.field-label-row>span{color:var(--text-main);font-size:.9rem}.voice-input{display:grid;gap:4px;justify-items:end}.voice-input-button{align-self:start;border-radius:999px;font-size:.84rem;min-height:40px;min-width:96px;padding:8px 12px;white-space:nowrap}.voice-input-button.is-listening{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,white);color:var(--primary-hover)}.voice-input-status{display:grid;gap:2px;justify-items:end;text-align:right}.voice-input-message{max-width:20rem}.voice-input-error{color:var(--danger)}.checkbox-row,.category-list{display:flex;flex-wrap:wrap;gap:8px}.checkbox-pill,.category-chip{align-items:center;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:6px;padding:6px 10px}.checkbox-pill input{min-height:auto;width:auto}.form-error{margin:0;padding:10px 12px;border-radius:12px;background:var(--danger-bg);color:var(--danger)}.task-list,.compact-list,.project-list,.category-admin-list{display:grid;gap:12px}.task-card{display:grid;gap:12px;padding:14px}.task-card.is-delayed{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:linear-gradient(0deg,color-mix(in srgb,var(--danger-bg) 24%,white),#fff)}.task-card.is-dragging{box-shadow:0 16px 30px #0f172a29;cursor:grabbing;opacity:.92;z-index:1}.task-card-title{display:grid;gap:8px;min-width:0;flex:1}.task-card-title h3{font-size:1rem;line-height:1.4;margin:0}.task-card-chips{display:flex;flex-wrap:wrap;gap:6px}.task-meta,.detail-meta{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.task-meta div,.detail-meta div{min-width:0}.task-meta dt,.detail-meta dt{font-size:.75rem;font-weight:700}.task-meta dd,.detail-meta dd{margin:2px 0 0;overflow-wrap:anywhere;font-weight:600}.task-card-actions{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto auto}.task-card-drag-handle{align-self:flex-start;border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-muted);cursor:grab;min-height:40px;min-width:40px;padding:0 12px;font-weight:700;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0f172a0d}.task-card-drag-handle:hover{background:var(--surface-muted)}.metrics-grid{display:grid;gap:14px}.assignee-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;gap:12px;padding:12px}.stat-card strong{color:var(--navy);font-size:1.45rem}.digest-preview{background:#0f172a;border-radius:12px;color:#f8fafc;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap}.kanban-board{display:grid;gap:12px}.kanban-column{padding:14px}.kanban-column.is-drag-over{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary-soft) 35%,white)}.kanban-add-column{border:1px dashed color-mix(in srgb,var(--border) 80%,var(--text-muted));background:color-mix(in srgb,var(--surface-muted) 60%,white)}.kanban-add-button{min-height:100%;width:100%}.detail-panel{bottom:0;display:grid;gap:16px;left:0;max-height:88vh;overflow:auto;padding:16px;position:fixed;right:0;z-index:20;box-shadow:0 -16px 40px #0f172a29}.description-text{background:var(--surface-muted);border-radius:12px;margin:0;padding:12px}.panel-section{border-top:1px solid var(--border);padding-top:12px}.comment-form,.comment-list,.history-list{display:grid;gap:10px}.comment-input-field{display:grid;gap:6px}.comment-item{background:var(--surface-muted);border-radius:12px;padding:12px}.comment-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.history-list{list-style:none;margin:0;padding:0}.history-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.login-page{display:grid;min-height:100vh;padding:16px;place-items:center}.login-panel{width:100%;max-width:480px;padding:22px}.login-list{display:grid;gap:10px;margin-top:16px}.login-user-button{background:var(--surface);display:grid;gap:2px;text-align:left;box-shadow:0 1px 2px #0f172a0d}.login-user-button span{color:var(--text-main);font-weight:700}.login-user-button small{color:var(--text-muted)}.project-card{align-items:flex-start;display:flex;justify-content:space-between;gap:12px;padding:14px}.project-card.is-archived{background:var(--surface-muted)}.project-card-main{display:grid;gap:10px;min-width:0;flex:1}.project-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;justify-content:flex-end}.project-card h3,.project-card p{margin:0}.category-summary{justify-content:flex-end}.category-create-form{align-items:end}.category-admin-list{margin-top:8px}.category-row{display:grid;gap:12px;padding:14px}.category-row.is-archived{background:var(--surface-muted)}.category-row-main{display:grid;gap:10px;min-width:0}.category-row-main h3{font-size:1rem;margin:0}.category-row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.category-row-actions{justify-content:flex-start}.category-row-input{display:grid;gap:6px}.lane-row{display:grid;gap:12px;padding:14px}.lane-row.is-archived{background:var(--surface-muted)}.lane-row-main{display:grid;gap:10px;min-width:0}.lane-row-main h3{font-size:1rem;margin:0}.lane-row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lane-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.lane-done-toggle{align-items:center;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:6px;padding:6px 10px;white-space:nowrap}.lane-done-toggle input{min-height:auto;width:auto}@media (min-width: 760px){.app-shell{padding:24px}.hero-band{grid-template-columns:minmax(0,1fr) auto;align-items:end}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kanban-board{align-items:start;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto}.filter-grid,.project-form{grid-template-columns:repeat(4,minmax(0,1fr))}.task-filter-select-grid--dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.task-filter-select-grid--task-list{grid-template-columns:repeat(5,minmax(0,1fr))}.project-form label:last-of-type{grid-column:span 2}.project-form button{align-self:end}.category-create-form{grid-template-columns:minmax(0,1fr) auto}.task-form{grid-template-columns:repeat(2,minmax(0,1fr))}.task-form label:last-of-type,.task-form .field-group,.task-form .form-actions{grid-column:1 / -1}.category-row,.lane-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.category-row-actions,.lane-row-actions{justify-content:flex-end}.detail-panel{bottom:24px;left:auto;max-width:520px;right:24px;top:24px}.assignee-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 620px){.topbar,.hero-band,.section-header{display:grid}.topbar-actions,.hero-actions,.form-actions,.create-task-button{width:100%}.topbar-actions .ghost-button,.hero-actions a,.form-actions button,.create-task-button{justify-content:center;text-align:center}.task-card-actions,.task-meta,.detail-meta,.assignee-grid{grid-template-columns:1fr}.project-card{display:grid}.project-card-actions{justify-content:flex-start}.category-row{grid-template-columns:1fr}.category-row-actions{justify-content:flex-start}}