.task-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);cursor:grab;transition:all var(--transition-fast)}.task-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.task-card:active{cursor:grabbing}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.task-card-actions{display:flex;align-items:center;gap:var(--space-xs)}.task-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);line-height:1.4;flex:1}.task-priority{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);background:#ffffff0d;border-radius:var(--radius-sm)}.task-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md);word-wrap:break-word;overflow-wrap:break-word}.task-description strong{color:var(--color-text);font-weight:600}.task-description em{font-style:italic}.task-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.task-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-tertiary)}.task-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.task-tag{font-size:var(--text-xs);padding:2px var(--space-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-weight:500}.task-criteria-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.criteria-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) 0;background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.criteria-toggle:hover{color:var(--color-primary-light)}.criteria-list{list-style:none;padding:0;margin:var(--space-sm) 0 0 0}.criterion-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.criterion-checkbox{font-family:var(--font-mono);color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.task-dependencies{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.dependencies-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:600}.dependency-id{font-size:var(--text-xs);font-family:var(--font-mono);padding:2px var(--space-sm);background:var(--color-bg-tertiary);color:var(--color-warning);border-radius:var(--radius-sm)}.category-badge{font-size:var(--text-xs);font-weight:600;padding:2px var(--space-sm);background:#3b82f633;color:var(--color-primary-light);border-radius:var(--radius-sm);text-transform:capitalize}.task-project{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:var(--space-sm)}@media (max-width: 768px){.task-card{padding:var(--space-sm) var(--space-md)}.task-title{font-size:var(--text-sm)}.task-description{font-size:var(--text-xs);margin-bottom:var(--space-sm)}.task-meta{gap:var(--space-sm)}.task-criteria-section{margin-top:var(--space-sm);padding-top:var(--space-sm)}.criteria-toggle{font-size:var(--text-xs)}.criterion-item{font-size:var(--text-xs);padding:var(--space-xs) 0}}@media (max-width: 480px){.task-card{padding:var(--space-sm)}.task-priority{padding:2px var(--space-xs);font-size:var(--text-xs)}}.task-info-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.task-info-btn:hover{background:#3b82f626;border-color:var(--color-primary);color:var(--color-primary-light)}@media (max-width: 768px){.task-info-btn{width:36px;height:36px;min-width:36px;min-height:36px}}.task-automation{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.automation-trigger-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#8b5cf626,#3b82f626);color:#a78bfa;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.automation-trigger-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf640,#3b82f640);border-color:#8b5cf680;transform:translateY(-1px)}.automation-trigger-btn:disabled{opacity:.7;cursor:not-allowed}.automation-trigger-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.automation-trigger-btn.triggered{background:linear-gradient(135deg,#10b98126,#10b98140);border-color:#10b98166;color:#34d399}.automation-trigger-btn.error{background:linear-gradient(135deg,#ef444426,#ef444440);border-color:#ef444466;color:#f87171}.task-card-editing{cursor:default}.task-edit-form{display:flex;flex-direction:column;gap:var(--space-sm)}.task-edit-title{width:100%;padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base);font-weight:600;font-family:inherit}.task-edit-title:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.task-edit-description{width:100%;padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:inherit;resize:vertical;min-height:60px}.task-edit-description:focus{outline:none;border-color:var(--color-primary)}.task-edit-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.task-edit-priority{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.task-edit-actions{display:flex;gap:var(--space-xs)}.task-edit-cancel,.task-edit-save{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.task-edit-cancel{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.task-edit-cancel:hover{background:#ef444433;color:var(--color-danger)}.task-edit-save{background:var(--color-primary);color:#fff}.task-edit-save:hover{background:var(--color-primary-dark)}.mobile-status-dropdown{position:relative}.status-dropdown-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.status-dropdown-trigger:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.status-dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px;padding:var(--space-xs);margin-top:var(--space-xs)}.status-option{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;text-align:left;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.status-option:hover{background:var(--color-bg-secondary);color:var(--color-text)}.status-option.active{background:var(--color-primary);color:#fff;font-weight:600}@media (max-width: 768px){.task-card{touch-action:manipulation;-webkit-user-select:none;user-select:none}.task-card[draggable=false]{cursor:pointer}.task-card:hover{transform:none}.task-card-header{align-items:center}.status-dropdown-menu{right:auto;left:50%;transform:translate(-50%)}}@media (max-width: 480px){.status-dropdown-menu{min-width:120px}.status-option{padding:var(--space-sm);font-size:var(--text-xs)}}.kanban-board{height:100%;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-md)}.tag-filter-bar{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.tag-filter-header{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.tag-filter-header svg{color:var(--color-primary)}.tag-filter-options{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag-filter-chip{padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tag-filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-clear-btn{display:flex;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.tag-clear-btn:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.kanban-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);flex:1;min-height:0}@media (max-width: 1200px){.kanban-columns{grid-template-columns:1fr 1fr;height:auto}.kanban-column{min-height:300px}.kanban-column:last-child{grid-column:1 / -1}}@media (max-width: 900px){.kanban-columns{grid-template-columns:1fr}.kanban-column:last-child{grid-column:auto}}@media (max-width: 768px){.kanban-board{gap:var(--space-sm)}.tag-filter-bar{padding:var(--space-sm)}.tag-filter-options{gap:4px}.tag-filter-chip{padding:4px var(--space-sm);font-size:var(--text-xs)}.kanban-columns{gap:var(--space-md)}.column-header{padding:var(--space-md)}.column-title{font-size:var(--text-base)}.column-tasks{padding:var(--space-sm);gap:var(--space-sm)}}@media (max-width: 480px){.kanban-column{min-height:250px;border-radius:var(--radius-md)}.column-header{padding:var(--space-sm) var(--space-md)}}.kanban-column{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px solid transparent;min-height:400px;transition:all var(--transition-base)}.kanban-column.drag-over{border-color:var(--color-primary);background:#3b82f60d}.column-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.column-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.column-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.column-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.column-tasks{flex:1;padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.column-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-tertiary);font-size:var(--text-sm);text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-title-section{display:flex;align-items:center;gap:var(--space-md);flex:1}.modal-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.modal-title-input{flex:1;font-size:var(--text-2xl);font-weight:700;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-family:inherit}.modal-title-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);display:flex;align-items:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.goal-breadcrumb{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.breadcrumb-item{color:var(--color-text-secondary)}.breadcrumb-item.current{color:var(--color-text);font-weight:600}.breadcrumb-separator{color:var(--color-text-tertiary)}.goal-details{display:flex;flex-direction:column;gap:var(--space-md)}.goal-description{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary)}.goal-description-input{width:100%;font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-family:inherit;resize:vertical}.goal-description-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.goal-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.goal-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}.goal-meta-item svg{color:var(--color-primary)}.goal-meta-item label{font-weight:600;margin-right:var(--space-xs)}.goal-date-input,.goal-status-select,.goal-color-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);font-size:var(--text-sm)}.goal-date-input:focus,.goal-status-select:focus{outline:none;border-color:var(--color-primary)}.goal-color-input{width:40px;height:28px;padding:2px;cursor:pointer}.goal-progress-section{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.progress-header{display:flex;align-items:center;justify-content:space-between}.progress-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.progress-percentage{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.progress-bar-large{height:12px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.progress-fill-large{height:100%;background:var(--color-primary);border-radius:var(--radius-xl);transition:width var(--transition-base)}.sub-goals-section{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.sub-goals-list{display:flex;flex-direction:column;gap:var(--space-sm)}.sub-goal-card{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sub-goal-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.sub-goal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.sub-goal-header.clickable{padding:var(--space-xs);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-xs)) var(--space-xs) calc(-1 * var(--space-xs));border-radius:var(--radius-sm);transition:background var(--transition-fast)}.sub-goal-header.clickable:hover{background:var(--color-bg-secondary)}.sub-goal-header-right{display:flex;align-items:center;gap:var(--space-sm)}.sub-goal-title{margin:0;font-size:var(--text-base);font-weight:600;color:var(--color-text)}.sub-goal-progress-text{font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.sub-goal-chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.sub-goal-card.expanded .sub-goal-chevron{transform:rotate(180deg)}.sub-goal-description{margin:0 0 var(--space-sm) 0;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.sub-goal-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.sub-goal-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.sub-goal-progress-bar{height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.sub-goal-progress-fill{height:100%;border-radius:var(--radius-xl);transition:width var(--transition-base)}.sub-goal-tasks{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm);animation:slideDown var(--transition-fast)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sub-goal-tasks .goal-task-item{background:var(--color-bg-secondary);border-color:var(--color-border)}.sub-goal-tasks .goal-task-item:hover{background:var(--color-bg-tertiary)}.goal-tasks-section{display:flex;flex-direction:column;gap:var(--space-md);flex:1;min-height:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.section-title{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.section-title svg{color:var(--color-primary)}.btn-add-task{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-add-task:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.add-task-form,.edit-task-form{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.add-task-input,.edit-task-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit}.add-task-input:focus,.edit-task-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.add-task-actions,.edit-task-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.btn-task-save,.btn-task-cancel{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-task-save{background:var(--color-primary);color:#fff}.btn-task-save:hover{background:var(--color-primary-dark)}.btn-task-cancel{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-task-cancel:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.tag-filter-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.tag-filter-icon{color:var(--color-text-tertiary);flex-shrink:0}.tag-filter-chips{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex:1}.tag-filter-chip{padding:4px 12px;font-size:var(--text-xs);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tag-filter-chip:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-text)}.tag-filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.tag-filter-clear{padding:4px 12px;font-size:var(--text-xs);font-weight:600;border:none;border-radius:var(--radius-xl);background:var(--color-danger);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tag-filter-clear:hover{background:#dc2626;transform:scale(1.05)}.goal-tasks-list{display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;max-height:400px;padding-right:var(--space-xs)}.task-group{display:flex;flex-direction:column;gap:var(--space-xs)}.task-group-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.task-group-header.standalone{border-left-color:var(--color-text-tertiary)}.task-group-header svg{color:currentColor;opacity:.7}.task-group-title{flex:1}.task-group-count{display:flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:700;color:var(--color-text-tertiary)}.goal-task-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.goal-task-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.goal-task-item:hover .task-actions{opacity:1}.goal-task-item.completed{opacity:.6}.task-checkbox{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:var(--color-text-tertiary);transition:all var(--transition-fast)}.task-checkbox:hover{color:var(--color-primary)}.check-icon{transition:all var(--transition-fast)}.task-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.task-title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.task-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text);flex:1}.task-title.completed{text-decoration:line-through;color:var(--color-text-secondary)}.priority-badge{padding:2px 8px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.priority-badge.high{background:#ef444433;color:var(--color-danger)}.status-badge{padding:2px 8px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.status-badge.in-progress{background:#3b82f633;color:var(--color-primary)}.task-meta-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.task-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.task-meta-item svg{opacity:.7}.task-meta-item.category{text-transform:capitalize}.task-actions{display:flex;align-items:center;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.btn-task-action{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-task-action:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn-task-action.delete:hover{background:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}.empty-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-text-secondary)}.empty-icon{color:var(--color-text-tertiary);opacity:.3;margin-bottom:var(--space-md)}.empty-tasks p{margin:var(--space-xs) 0}.empty-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary)}@media (max-width: 768px){.modal-overlay{padding:var(--space-sm);align-items:flex-start;padding-top:var(--space-md)}.modal-content{max-height:95vh;border-radius:var(--radius-lg);height:auto}.modal-header{padding:var(--space-sm) var(--space-md)}.modal-body{padding:var(--space-md);gap:var(--space-md);flex:1;min-height:0}.modal-footer{padding:var(--space-sm) var(--space-md)}.modal-title{font-size:var(--text-lg)}.modal-title-input{font-size:var(--text-lg);padding:var(--space-xs) var(--space-sm)}.modal-icon{width:36px;height:36px}.modal-icon svg{width:18px;height:18px}.goal-details{gap:var(--space-sm)}.goal-description{font-size:var(--text-sm);line-height:1.5}.goal-meta{flex-direction:column;gap:var(--space-xs)}.goal-meta-item{font-size:var(--text-sm)}.goal-progress-section{padding:var(--space-sm)}.progress-label{font-size:var(--text-sm)}.progress-percentage{font-size:var(--text-base)}.goal-description-input{padding:var(--space-sm)}.sub-goals-section{margin-bottom:var(--space-md)}.sub-goal-card{padding:var(--space-sm)}.sub-goal-header.clickable{padding:var(--space-sm);margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) var(--space-sm) calc(-1 * var(--space-sm));min-height:44px}.sub-goal-title{font-size:var(--text-sm);flex:1;min-width:0}.sub-goal-progress-text{font-size:var(--text-xs)}.sub-goal-description{font-size:var(--text-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sub-goal-meta{flex-wrap:wrap;gap:var(--space-sm)}.sub-goal-tasks{margin-top:var(--space-sm);padding-top:var(--space-sm);gap:var(--space-xs)}.sub-goal-tasks .goal-task-item{padding:var(--space-xs) var(--space-sm)}.goal-tasks-section{flex:1;min-height:200px}.section-title{font-size:var(--text-base)}.goal-tasks-list{max-height:none;overflow-y:visible}.goal-task-item{padding:var(--space-sm);gap:var(--space-sm)}.task-title{font-size:var(--text-sm)}.task-meta-row{gap:var(--space-sm)}.task-meta-item{font-size:var(--text-xs)}.task-actions{opacity:1}.section-header{flex-wrap:wrap;gap:var(--space-sm)}.btn-add-task{width:100%;justify-content:center;margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md)}.sub-goal-header-right{gap:var(--space-xs)}.tag-filter-bar{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.tag-filter-chip{padding:4px 10px;font-size:var(--text-xs)}}@media (max-width: 480px){.modal-overlay{padding:0;align-items:stretch}.modal-content{max-height:100vh;height:100vh;border-radius:0;max-width:100%;width:100%}.modal-header{padding:var(--space-sm)}.modal-title-section{gap:var(--space-sm)}.modal-title{font-size:var(--text-base)}.modal-icon{width:32px;height:32px}.modal-body{gap:var(--space-sm);padding:var(--space-sm);overflow-y:auto}.goal-details{gap:var(--space-xs)}.goal-description{font-size:var(--text-sm)}.goal-progress-section{padding:var(--space-xs)}.progress-bar-large{height:8px}.sub-goal-card{padding:var(--space-xs)}.sub-goal-title,.section-title{font-size:var(--text-sm)}.goal-task-item{padding:var(--space-xs) var(--space-sm)}.task-title{font-size:var(--text-sm)}.modal-footer{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.btn-primary,.btn-secondary{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.tag-filter-bar{padding:var(--space-xs)}.tag-filter-chip{padding:3px 8px;font-size:var(--text-xs)}.add-task-form,.edit-task-form{padding:var(--space-sm)}}.goals-panel{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;overflow:hidden}.goals-panel-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.goals-panel-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs)}.goals-panel-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.goals-list{flex:1;padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.goal-item{background:var(--color-bg);border:1px solid var(--color-border);border-left:4px solid var(--goal-color, var(--color-primary));border-radius:var(--radius-md);padding:14px 14px 18px;cursor:grab;transition:all var(--transition-fast);flex-shrink:0}.goal-item:active{cursor:grabbing}.goal-item.dragging{opacity:.5;transform:scale(.98)}.goal-item.drag-over{border-color:var(--color-primary);background:#3b82f61a;box-shadow:0 0 0 2px #3b82f64d}.goal-item:hover{border-color:var(--goal-color, var(--color-primary));border-left-color:var(--goal-color, var(--color-primary));background:var(--color-bg-tertiary)}.goal-item.selected{border-color:var(--goal-color, var(--color-primary));background:#3b82f614;box-shadow:0 0 0 1px var(--goal-color, var(--color-primary))}.goal-item.completed{opacity:.6}.goal-item.completed .goal-item-title{text-decoration:line-through;color:var(--color-text-tertiary)}.goal-item-indicator{display:none}.goal-item-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin-bottom:6px}.goal-item-meta{display:flex;align-items:center;gap:12px;font-size:var(--text-xs);line-height:1.5}.goal-item-status{font-weight:600}.goal-item-tasks{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-tertiary)}.goal-item-progress{color:var(--color-text-secondary);font-weight:500}.show-completed-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);margin:0 var(--space-md);background:transparent;border:none;color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast)}.show-completed-toggle:hover{color:var(--color-text-secondary)}.floating-tasks-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);margin:0 var(--space-md) var(--space-md);background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.floating-tasks-button:hover{border-color:var(--color-primary);background:#3b82f60d;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.floating-tasks-button.selected{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:var(--color-primary);border-style:solid;box-shadow:var(--shadow-md)}.floating-tasks-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-tertiary);flex-shrink:0}.floating-tasks-button:hover .floating-tasks-icon,.floating-tasks-button.selected .floating-tasks-icon{background:var(--color-primary);color:#fff}.floating-tasks-content{flex:1;display:flex;flex-direction:column;gap:2px}.floating-tasks-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.floating-tasks-count{font-size:var(--text-xs);color:var(--color-text-secondary)}.goals-panel-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);text-align:center}.footer-note{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}@media (max-width: 1024px){.goals-panel{height:auto;min-height:300px}.goals-list{max-height:400px}}@media (max-width: 768px){.goals-panel-header{padding:var(--space-md)}.goals-panel-title{font-size:var(--text-lg)}.goals-list{padding:var(--space-sm);gap:var(--space-sm);max-height:350px}.floating-tasks-button{margin:0 var(--space-sm) var(--space-sm);padding:var(--space-sm)}.floating-tasks-icon{width:32px;height:32px}.floating-tasks-label{font-size:var(--text-sm)}.goals-panel-footer{padding:var(--space-sm) var(--space-md)}}@media (max-width: 480px){.goals-panel{border-radius:var(--radius-md)}.goals-panel-header{padding:var(--space-sm)}.goals-panel-title{font-size:var(--text-base)}.goals-panel-subtitle{font-size:var(--text-xs)}.goals-list{max-height:none;padding:var(--space-xs);gap:var(--space-xs)}.floating-tasks-button{margin:0 var(--space-xs) var(--space-xs);padding:var(--space-xs) var(--space-sm);min-height:44px}.floating-tasks-icon{width:28px;height:28px}.floating-tasks-label,.floating-tasks-count{font-size:var(--text-xs)}.goals-panel-footer{padding:var(--space-xs) var(--space-sm)}.footer-note{font-size:var(--text-xs)}}.search-container{position:relative;width:100%;max-width:500px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:var(--color-text-tertiary);margin-right:var(--space-sm);flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;font-size:var(--text-sm);color:var(--color-text);min-width:0}.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;margin-left:var(--space-xs)}.search-clear:hover{background:var(--color-bg-secondary);color:var(--color-text)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));max-height:500px;overflow-y:auto;z-index:1000;animation:slideDown var(--transition-fast)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:600}.search-section{padding:var(--space-xs) 0}.search-section:not(:last-child){border-bottom:1px solid var(--color-border)}.search-section-title{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px}.search-result-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.search-result-item:hover{background:var(--color-bg-secondary)}.search-result-actions{display:flex;align-items:center;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.search-result-item:hover .search-result-actions{opacity:1}.search-action-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-fast)}.search-action-btn:hover{background:var(--color-bg)}.search-action-btn.done-btn:hover{background:#22c55e1a;color:var(--color-success)}.search-action-btn.delete-btn:hover{background:#ef44441a;color:var(--color-danger)}.search-result-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:var(--color-primary)}.search-result-icon.task-icon{background:#3b82f626;color:var(--color-primary)}.search-result-icon.task-icon.done{background:#22c55e26;color:var(--color-success)}.search-result-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.search-result-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap}.search-result-meta .priority-badge,.search-result-meta .status-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.search-result-meta .priority-badge.high{background:#ef444426;color:var(--color-danger)}.search-result-meta .priority-badge.medium{background:#f59e0b26;color:#f59e0b}.search-result-meta .priority-badge.low{background:#3b82f626;color:var(--color-primary)}.search-result-meta .status-badge{background:var(--color-bg-secondary);color:var(--color-text-secondary)}@media (max-width: 768px){.search-container{max-width:100%}.search-input-wrapper{padding:var(--space-xs) var(--space-sm)}.search-input{font-size:var(--text-sm)}.search-results{max-height:70vh}.search-result-item{padding:var(--space-xs) var(--space-md)}.search-result-icon{width:28px;height:28px}.search-result-title{font-size:var(--text-sm)}.search-result-actions{opacity:1}}@media (max-width: 480px){.search-results{position:fixed;top:120px;left:var(--space-sm);right:var(--space-sm);max-height:calc(100vh - 140px)}.search-result-meta{gap:4px}}.task-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:taskDetailFadeIn var(--transition-fast)}@keyframes taskDetailFadeIn{0%{opacity:0}to{opacity:1}}.task-detail-modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;animation:taskDetailSlideUp var(--transition-base)}@keyframes taskDetailSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border);gap:var(--space-md)}.task-detail-header-left{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-width:0}.task-detail-title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--color-text);line-height:1.3;word-wrap:break-word}.task-detail-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);display:flex;align-items:center;flex-shrink:0;transition:all var(--transition-fast)}.task-detail-close:hover{background:var(--color-bg);color:var(--color-text)}.task-detail-status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;width:fit-content}.task-detail-status-badge.todo{background:#94a3b833;color:var(--color-text-tertiary)}.task-detail-status-badge.in-progress{background:#3b82f633;color:var(--color-primary-light)}.task-detail-status-badge.in-review{background:#f59e0b33;color:var(--color-warning)}.task-detail-status-badge.done{background:#10b98133;color:var(--color-success)}.task-detail-body{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.task-detail-status-bar{display:flex;flex-direction:column;gap:var(--space-sm)}.task-detail-status-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.task-detail-status-pills{display:flex;gap:var(--space-xs);flex-wrap:wrap}.task-detail-status-pill{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.task-detail-status-pill:hover{border-color:var(--color-primary);color:var(--color-text);background:var(--color-bg)}.task-detail-status-pill.active{border-color:transparent;color:#fff}.task-detail-status-pill.active.todo{background:var(--color-text-tertiary)}.task-detail-status-pill.active.in-progress{background:var(--color-primary)}.task-detail-status-pill.active.in-review{background:var(--color-warning)}.task-detail-status-pill.active.done{background:var(--color-success)}.task-detail-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.task-detail-priority{display:flex;align-items:center;gap:var(--space-sm)}.task-detail-priority-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.task-detail-priority-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:capitalize}.task-detail-priority-badge.high{background:#ef444426;color:var(--color-danger)}.task-detail-priority-badge.medium{background:#f59e0b26;color:var(--color-warning)}.task-detail-priority-badge.low{background:#10b98126;color:var(--color-success)}.task-detail-section{display:flex;flex-direction:column;gap:var(--space-sm)}.task-detail-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin:0}.task-detail-section-title svg{color:var(--color-primary);flex-shrink:0}.task-detail-description{font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);word-wrap:break-word}.task-detail-description strong{color:var(--color-text);font-weight:600}.task-detail-description em{font-style:italic}.task-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.task-detail-tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;background:#3b82f61a;color:var(--color-primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-xl)}.task-detail-technical{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.task-detail-source-request{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;background:#3b82f61a;color:var(--color-primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);cursor:pointer;width:fit-content;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.task-detail-source-request:hover{background:#3b82f633;border-color:#3b82f666}.task-detail-source-request svg{flex-shrink:0}.task-detail-build-info{display:flex;flex-direction:column;gap:var(--space-sm)}.task-detail-pr-link,.task-detail-deploy-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);text-decoration:none;width:fit-content;transition:background var(--transition-fast),border-color var(--transition-fast)}.task-detail-pr-link{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.task-detail-pr-link:hover{background:#8b5cf633;border-color:#8b5cf666}.task-detail-deploy-link{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2)}.task-detail-deploy-link:hover{background:#34d39933;border-color:#34d39966}.task-detail-meta-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.task-detail-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}.task-detail-meta-item svg{color:var(--color-primary);flex-shrink:0}.task-detail-meta-item .meta-label{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-detail-meta-item .meta-value{color:var(--color-text);font-weight:500}.task-detail-category-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;background:#94a3b826;color:var(--color-text-secondary);border-radius:var(--radius-sm);text-transform:capitalize}.task-detail-criteria-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.task-detail-criterion{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.task-detail-criterion svg{color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}@media (max-width: 768px){.task-detail-overlay{padding:var(--space-sm);align-items:flex-start;padding-top:var(--space-md)}.task-detail-modal{max-height:95vh;border-radius:var(--radius-lg)}.task-detail-header{padding:var(--space-sm) var(--space-md)}.task-detail-title{font-size:var(--text-lg)}.task-detail-body{padding:var(--space-md);gap:var(--space-md)}.task-detail-description{font-size:var(--text-sm);padding:var(--space-sm)}.task-detail-technical{font-size:var(--text-xs);padding:var(--space-sm)}.task-detail-meta-grid{padding:var(--space-sm);gap:var(--space-sm)}.task-detail-meta-item{font-size:var(--text-xs)}.task-detail-status-pills{flex-wrap:wrap}.task-detail-status-pill{min-height:44px}.task-detail-close{min-height:44px;min-width:44px;justify-content:center}}@media (max-width: 480px){.task-detail-overlay{padding:0;align-items:stretch}.task-detail-modal{max-height:100vh;height:100vh;border-radius:0;max-width:100%;width:100%}.task-detail-header{padding:var(--space-sm)}.task-detail-title{font-size:var(--text-base)}.task-detail-body{padding:var(--space-sm);gap:var(--space-sm)}.task-detail-description{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm)}.task-detail-technical{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.task-detail-meta-grid{padding:var(--space-xs) var(--space-sm);flex-direction:column;gap:var(--space-xs)}.task-detail-criterion{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.task-detail-section-title{font-size:var(--text-xs)}}@media (hover: none) and (pointer: coarse){.task-detail-close:hover{background:none;color:var(--color-text-secondary)}.task-detail-status-pill:hover{border-color:var(--color-border);color:var(--color-text-secondary);background:transparent}.task-detail-status-pill.active:hover{border-color:transparent;color:#fff}}.checklist-editor{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.checklist-items{display:flex;flex-direction:column;gap:var(--space-xs)}.checklist-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.checklist-item:hover{background:var(--color-bg-tertiary)}.checklist-item.checked{opacity:.6}.checklist-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.checklist-checkbox:disabled{cursor:not-allowed}.checklist-text{flex:1;font-size:var(--text-sm);color:var(--color-text);-webkit-user-select:none;user-select:none}.checklist-item.checked .checklist-text{text-decoration:line-through;color:var(--color-text-secondary)}.checklist-delete{display:none;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.checklist-item:hover .checklist-delete{display:flex}.checklist-delete:hover{background:var(--color-bg-secondary);color:var(--color-danger)}.checklist-add{display:flex;gap:var(--space-xs);align-items:center;margin-top:var(--space-xs)}.checklist-input{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}.checklist-input:focus{outline:none;border-color:var(--color-primary)}.checklist-input::placeholder{color:var(--color-text-tertiary)}.checklist-add-button{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.checklist-add-button:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.checklist-add-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.checklist-editor,.checklist-item{padding:var(--space-xs)}.checklist-text{font-size:var(--text-sm)}.checklist-delete{display:flex}.checklist-input{font-size:var(--text-sm)}}.recurring-task-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-fast);max-width:100%;position:relative}.recurring-task-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.recurring-task-card.complete{opacity:.7;background:var(--color-bg-secondary)}.recurring-task-header{display:flex;gap:var(--space-md);align-items:flex-start}.recurring-checkbox{background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0;margin-top:2px}.recurring-checkbox:hover:not(:disabled){color:var(--color-primary);transform:scale(1.1)}.recurring-checkbox:disabled{cursor:not-allowed}.check-icon.checked{color:var(--color-success)}.recurring-task-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.recurring-task-title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.recurring-task-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0;word-wrap:break-word;overflow-wrap:break-word}.recurring-task-title.complete{text-decoration:line-through;color:var(--color-text-secondary)}.streak-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#ff6b6b,#ff9800);color:#fff;border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.recurring-task-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.recurrence-badge-container{position:relative}.recurrence-badge{padding:3px 8px;background:#3b82f61a;color:var(--color-primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;border:none;cursor:default}.recurrence-badge.clickable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.recurrence-badge.clickable:hover{background:#3b82f633}.recurrence-badge .edit-icon{opacity:0;transition:opacity var(--transition-fast)}.recurrence-badge.clickable:hover .edit-icon{opacity:1}.recurring-editor-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0000004d;z-index:1000;min-width:300px;max-width:90vw;padding:var(--space-lg);animation:popIn var(--transition-fast)}.recurring-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.recurring-editor-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.editor-close-btn{background:none;border:none;font-size:var(--text-2xl);color:var(--color-text-tertiary);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.editor-close-btn:hover{color:var(--color-text)}.recurring-editor-field{margin-bottom:var(--space-md)}.recurring-editor-field label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.3px}.pattern-buttons{display:flex;gap:var(--space-xs)}.pattern-btn{flex:1;padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pattern-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.pattern-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.frequency-selector{display:flex;gap:var(--space-xs);flex-wrap:wrap}.freq-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.freq-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.freq-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.days-selector{display:flex;gap:var(--space-xs);flex-wrap:wrap}.day-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.day-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.day-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.recurring-editor-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.recurring-editor-actions .cancel-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.recurring-editor-actions .cancel-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.recurring-editor-actions .save-btn{padding:var(--space-sm) var(--space-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.recurring-editor-actions .save-btn:hover{background:var(--color-primary-dark)}.progress-text{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.next-due{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.recurring-progress-bar{height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden;margin-top:4px}.recurring-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:var(--radius-xl);transition:width var(--transition-base)}.checklist-preview{margin-top:4px}.checklist-count{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.recurring-task-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.snooze-container{position:relative}.snooze-button{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.snooze-button:hover{background:var(--color-bg-secondary);color:var(--color-warning, #f59e0b)}.snooze-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));z-index:100;min-width:140px;overflow:hidden}.snooze-menu button{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;text-align:left;font-size:var(--text-xs);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.snooze-menu button:hover{background:var(--color-bg-secondary)}.snooze-menu button:not(:last-child){border-bottom:1px solid var(--color-border)}.expand-button{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.expand-button:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.recurring-task-expanded{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}@media (max-width: 768px){.recurring-task-card{padding:var(--space-sm) var(--space-md)}.recurring-task-card:hover{box-shadow:none}.recurring-task-header{gap:var(--space-sm)}.recurring-task-title{font-size:var(--text-sm)}.recurring-task-meta{gap:var(--space-sm)}.recurrence-badge{padding:2px 6px;font-size:var(--text-xs)}.progress-text,.next-due{font-size:var(--text-xs)}.recurring-progress-bar{height:4px}.recurring-task-actions{gap:2px}.snooze-button{padding:4px}}@media (max-width: 480px){.recurring-task-card{padding:var(--space-sm);border-radius:var(--radius-md)}.recurring-checkbox{margin-top:0}.streak-badge{font-size:var(--text-xs);padding:2px 6px}}.daily-habits-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);overflow:hidden;max-width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0}.habits-count{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-xl)}.habits-group{margin-bottom:var(--space-lg)}.habits-group:last-child{margin-bottom:0}.habits-group-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.habits-group-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.habits-group-count{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.recurring-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}@media (max-width: 768px){.daily-habits-section{padding:var(--space-md);margin-bottom:var(--space-md)}.section-title{font-size:var(--text-base)}.habits-count{min-width:24px;height:24px;font-size:var(--text-xs)}.recurring-tasks-grid{grid-template-columns:1fr;gap:var(--space-sm)}}@media (max-width: 480px){.daily-habits-section{padding:var(--space-sm);border-radius:var(--radius-md)}.section-header{margin-bottom:var(--space-sm)}}.brand-page{max-width:1100px;margin:0 auto;padding:var(--space-md) 0}.brand-page-inner{display:flex;flex-direction:column;gap:var(--space-2xl)}.brand-hero{text-align:center;padding:var(--space-xl) 0}.brand-hero-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);border-radius:999px;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.brand-hero h1{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-sm)}.brand-hero-sub{color:var(--color-text-tertiary);font-size:var(--text-sm);max-width:600px;margin:0 auto;line-height:1.6}.brand-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.brand-section h2{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-lg)}.brand-section h3{font-size:var(--text-lg);color:var(--color-text)}.brand-section-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-lg)}.brand-quote{background:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);padding:var(--space-lg) var(--space-xl);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.8}.brand-quote strong{color:var(--color-text)}.brand-quote em{color:var(--color-text-tertiary)}.brand-table-wrap{overflow-x:auto;margin:0 calc(-1 * var(--space-md));padding:0 var(--space-md)}.brand-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.brand-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--color-text-tertiary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.brand-table td{padding:var(--space-md);border-bottom:1px solid rgba(71,85,105,.3);color:var(--color-text-secondary);vertical-align:top}.brand-table tr:last-child td{border-bottom:none}.brand-cell-name{white-space:nowrap}.brand-current{color:var(--color-text-tertiary)}.brand-cell-proposed{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.brand-cell-proposed strong{color:var(--color-text)}.brand-icon-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0}.brand-status{display:inline-block;padding:2px var(--space-sm);border-radius:999px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.brand-status-keep{background:#10b98126;color:var(--color-success)}.brand-status-rename{background:#3b82f626;color:var(--color-primary)}.brand-status-simplify{background:#06b6d426;color:#06b6d4}.brand-status-new{background:#ec489926;color:#ec4899}.brand-cell-role{min-width:160px}.brand-cell-tagline{color:var(--color-text-tertiary);min-width:180px}.brand-cell-domain code{font-size:var(--text-xs);background:var(--color-bg-tertiary);padding:2px var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-tertiary);white-space:nowrap}.brand-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.brand-icon-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.brand-icon-preview{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.brand-icon-info{display:flex;flex-direction:column;gap:4px}.brand-icon-info strong{color:var(--color-text);font-size:var(--text-sm)}.brand-icon-desc{color:var(--color-text-tertiary);font-size:var(--text-xs);line-height:1.5}.brand-icon-principles{background:var(--color-bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md)}.brand-icon-principles h3{margin-bottom:var(--space-sm);font-size:var(--text-sm)}.brand-icon-principles ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.brand-icon-principles li{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.brand-icon-principles li strong{color:var(--color-text)}.brand-tagline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.brand-tagline-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-lg)}.brand-tagline-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:2px solid}.brand-tagline-header strong{color:var(--color-text)}.brand-tagline-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.brand-tagline-card li{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;display:flex;align-items:center;gap:var(--space-sm)}.brand-pick{display:inline-block;padding:1px 6px;background:#10b98126;color:var(--color-success);border-radius:var(--radius-sm);font-size:10px;font-weight:700;letter-spacing:.05em;flex-shrink:0}.brand-section-tao{border-color:#06b6d44d}.brand-tao-model{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.brand-tao-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-lg)}.brand-tao-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.brand-tao-card-header h3{font-size:var(--text-base)}.brand-tao-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.brand-tao-card li{color:var(--color-text-secondary);font-size:var(--text-sm);padding-left:var(--space-md);position:relative}.brand-tao-card li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#06b6d4}.brand-tao-pitch{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.brand-tao-pitch strong{color:var(--color-text)}.brand-tao-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.brand-tao-tier{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.brand-tao-tier-name{font-weight:700;color:#06b6d4;font-size:var(--text-sm)}.brand-tao-tier-audience{color:var(--color-text);font-size:var(--text-sm);font-weight:500}.brand-tao-tier-features{color:var(--color-text-tertiary);font-size:var(--text-xs);line-height:1.5}.brand-tao-note{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.brand-tao-note code{background:var(--color-bg);padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#06b6d4}.brand-tao-note em{color:var(--color-text);font-weight:500}.brand-mockup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.brand-mockup-tab{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.brand-mockup-tab.active{color:var(--color-primary);font-weight:600}.brand-mockup-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.brand-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.brand-app-card{background:var(--color-bg-tertiary);border:1px solid rgba(71,85,105,.3);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color var(--transition-fast)}.brand-app-card:hover{border-color:var(--color-border)}.brand-app-card-top{display:flex;align-items:center;gap:var(--space-md)}.brand-app-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.brand-app-name{font-weight:700;color:var(--color-text);font-size:var(--text-sm)}.brand-app-domain{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.brand-app-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-tertiary)}.brand-app-updated{font-size:11px;color:var(--color-text-tertiary);opacity:.7;border-top:1px solid rgba(71,85,105,.3);padding-top:var(--space-sm)}.brand-palette{display:flex;flex-wrap:wrap;gap:var(--space-md)}.brand-palette-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.brand-palette-color{width:64px;height:64px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.brand-palette-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.brand-palette-hex{font-size:11px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.brand-decisions{display:flex;flex-direction:column;gap:var(--space-md)}.brand-decision{padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;border-left:3px solid var(--color-primary)}.brand-decision strong{color:var(--color-text)}@media (max-width: 768px){.brand-section{padding:var(--space-md)}.brand-tao-model{grid-template-columns:1fr}.brand-tao-tiers{grid-template-columns:1fr 1fr}.brand-tagline-grid,.brand-icon-grid,.brand-apps-grid{grid-template-columns:1fr}.brand-palette{justify-content:center}}@media (max-width: 480px){.brand-tao-tiers{grid-template-columns:1fr}}.tc-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:100vh;color:var(--color-text-secondary);font-size:var(--text-lg)}.tc-auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-xl)}.tc-auth-card{text-align:center;padding:var(--space-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tc-auth-card h1{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--color-primary)}.tc-auth-card p{color:var(--color-text-tertiary);margin-bottom:var(--space-lg)}.tc-app{display:flex;flex-direction:column;min-height:100vh}.tc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.tc-header-left{display:flex;align-items:center;gap:var(--space-sm)}.tc-logo-icon{color:var(--color-primary)}.tc-logo-text{font-weight:700;font-size:var(--text-lg);color:var(--color-text)}.tc-nav{display:flex;gap:var(--space-xs)}.tc-nav-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.tc-nav-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.tc-nav-btn.active{background:var(--color-primary);color:#fff}.tc-header-right{display:flex;align-items:center;gap:var(--space-sm)}.tc-signout{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.tc-signout:hover{border-color:var(--color-danger);color:var(--color-danger)}.tc-mobile-menu{display:none}.tc-mobile-nav{display:none;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.tc-mobile-nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-base);cursor:pointer;font-family:inherit}.tc-mobile-nav-btn.active{background:var(--color-primary);color:#fff}.tc-main{flex:1;padding:var(--space-lg);overflow-y:auto}.tc-chat{display:flex;flex-direction:column;height:calc(100vh - 140px);max-width:800px;margin:0 auto;width:100%}.tc-chat-messages{flex:1;overflow-y:auto;padding:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-md)}.tc-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);gap:var(--space-md);text-align:center}.tc-chat-msg{max-width:85%}.tc-chat-msg.user{align-self:flex-end}.tc-chat-msg.assistant{align-self:flex-start}.tc-chat-msg-content{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6}.tc-chat-msg.user .tc-chat-msg-content{background:var(--color-primary);color:#fff}.tc-chat-msg.assistant .tc-chat-msg-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.tc-chat-input-row{display:flex;gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--color-border)}.tc-chat-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-family:inherit;outline:none}.tc-chat-input:focus{border-color:var(--color-primary)}.tc-footer{text-align:center;padding:var(--space-lg) var(--space-md) var(--space-md);font-size:var(--text-xs);color:var(--color-text-tertiary);border-top:1px solid var(--color-border);flex-shrink:0}.tc-footer a{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.tc-footer a:hover{color:var(--color-primary-light)}.tc-footer p{margin:0;line-height:1.6}@media (max-width: 768px){.tc-nav{display:none}.tc-mobile-menu,.tc-mobile-nav{display:flex}.tc-main{padding:var(--space-md)}.tc-signout{display:none}}@media (max-width: 480px){.tc-header{padding:var(--space-sm) var(--space-md)}.tc-logo-text{font-size:var(--text-base)}}:root{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-border: #475569;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Fira Mono", "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}img,video,iframe,embed,object{max-width:100%;height:auto}pre,code{max-width:100%;overflow-x:auto;word-wrap:break-word}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}#root{min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#3b82f633;color:var(--color-primary-light)}.badge-success{background:#10b98133;color:var(--color-success)}.badge-warning{background:#f59e0b33;color:var(--color-warning)}.badge-danger{background:#ef444433;color:var(--color-danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideIn var(--transition-base)}@media (max-width: 768px){:root{--text-xs: .8rem;--text-sm: .9rem}button,[role=button],.btn,a{min-height:44px;min-width:44px}::-webkit-scrollbar{width:6px;height:6px}.container{padding:0 var(--space-md)}.card{padding:var(--space-md);border-radius:var(--radius-md)}.btn{padding:var(--space-md) var(--space-lg)}}@media (max-width: 480px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}.container{padding:0 var(--space-sm)}}@media (hover: none) and (pointer: coarse){*{-webkit-tap-highlight-color:transparent}.btn:hover,.card:hover{transform:none}}