:root{--sage-green: #5A7D5A;--dusty-blue: #4A6FA5;--terracotta: #C17A5F;--slate: #4A5568;--sand: #C9B99A;--header-red: #8B2635;--bg-primary: #FAF9F6;--bg-secondary: #FFFFFF;--text-primary: #1A202C;--text-secondary: #718096;--border-colour: #E2E8F0;--status-on-track: #5A7D5A;--status-active: #4A6FA5;--status-blocked: #C17A5F;--status-completed: #5A7D5A;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5}.header{background-color:var(--header-red);color:#fff;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:0 2px 4px #0000001a}.header-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.header-back-btn{background:#ffffff1a;border:none;color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background .2s}.header-back-btn:hover{background:#fff3}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge.on-track,.status-badge.completed,.status-badge.authorised{background-color:#5a7d5a26;color:var(--status-on-track)}.status-badge.active{background-color:#4a6fa526;color:var(--status-active)}.status-badge.blocked{background-color:#c17a5f26;color:var(--status-blocked)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-xl)}.project-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-colour);cursor:pointer;transition:all .2s ease;position:relative}.project-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.project-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.3}.project-objective{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-colour)}.sub-project-count{font-size:.75rem;color:var(--slate);font-weight:500}.transcript-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--dusty-blue);font-weight:500}.focus-view{display:flex;min-height:calc(100vh - 64px)}.focus-sidebar{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-colour);padding:var(--spacing-md);flex-shrink:0}.focus-main{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.focus-header{margin-bottom:var(--spacing-xl)}.sibling-list{list-style:none}.sibling-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .2s;margin-bottom:var(--spacing-xs)}.sibling-item:hover{background:var(--sand);color:var(--text-primary)}.sibling-item.active{background:#4a6fa51a;color:var(--dusty-blue);border-left:3px solid var(--dusty-blue)}.section{margin-bottom:var(--spacing-xl)}.section-title{font-size:.875rem;font-weight:600;color:var(--slate);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-colour)}.north-star-input{width:100%;min-height:80px;padding:var(--spacing-md);border:1px solid var(--border-colour);border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem;resize:vertical;line-height:1.6}.north-star-input:focus{outline:none;border-color:var(--dusty-blue);box-shadow:0 0 0 3px #4a6fa51a}.timeline{display:flex;align-items:center;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-md) 0}.timeline-milestone{display:flex;flex-direction:column;align-items:center;min-width:100px;text-align:center}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--sand);margin-bottom:var(--spacing-xs)}.timeline-milestone.completed .timeline-dot{background:var(--sage-green)}.timeline-date{font-size:.75rem;color:var(--text-secondary)}.intelligence-group{margin-bottom:var(--spacing-lg)}.intelligence-source{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.intelligence-icon{font-size:1.25rem;width:32px;text-align:center}.intelligence-content{flex:1}.intelligence-title{font-weight:500;margin-bottom:var(--spacing-xs)}.intelligence-action{font-size:.875rem;color:var(--text-secondary);padding-left:var(--spacing-md);border-left:2px solid var(--terracotta);margin-top:var(--spacing-sm)}.insight-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#c17a5f14;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.insight-icon{font-size:1.25rem}.insight-text{flex:1;font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.insight-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--dusty-blue);color:#fff}.btn-primary:hover{background:#3d5d8a}.btn-secondary{background:var(--border-colour);color:var(--text-primary)}.btn-secondary:hover{background:#d1d5db}.suggestion-item{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-colour);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.suggestion-text{font-weight:500;margin-bottom:var(--spacing-sm)}.suggestion-source{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.suggestion-actions{display:flex;gap:var(--spacing-sm)}.btn-approve{background:var(--sage-green);color:#fff}.btn-approve:hover{background:#4a6b4a}.btn-ignore{background:var(--sand);color:var(--text-primary)}.btn-reject{background:transparent;border:1px solid var(--terracotta);color:var(--terracotta)}.btn-reject:hover{background:var(--terracotta);color:#fff}.task-list{list-style:none}.task-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-colour);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border-left-width:3px}.task-item.high-priority{border-left-color:var(--terracotta)}.task-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer}.task-content{flex:1}.task-title{font-weight:500}.task-meta{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.task-priority{font-size:.625rem;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600}.task-priority.high{background:#c17a5f26;color:var(--terracotta)}.task-priority.medium{background:#4a6fa526;color:var(--dusty-blue)}.task-priority.low{background:#5a7d5a26;color:var(--sage-green)}.command-bar{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);width:100%;max-width:600px;padding:0 var(--spacing-md);z-index:100}.command-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-colour);border-radius:var(--radius-lg);font-size:1rem;background:var(--bg-secondary);box-shadow:0 4px 20px #0000001a;transition:all .2s}.command-input:focus{outline:none;border-color:var(--dusty-blue);box-shadow:0 4px 24px #4a6fa533}.command-hint{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:var(--spacing-sm)}.add-btn{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:56px;height:56px;border-radius:50%;background:var(--dusty-blue);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #4a6fa54d;transition:all .2s;display:flex;align-items:center;justify-content:center}.add-btn:hover{background:#3d5d8a;transform:scale(1.05)}@media (max-width: 768px){.focus-sidebar{display:none}.focus-main{padding:var(--spacing-md)}.card-grid{padding:var(--spacing-md);grid-template-columns:1fr}.command-bar{width:calc(100% - var(--spacing-md))}}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.project-card.focused{outline:none;border:2px solid var(--dusty-blue);box-shadow:0 0 0 4px #4a6fa526,0 4px 12px #0000001a;transform:translateY(-2px)}.project-card:focus-visible{outline:none;border:2px solid var(--dusty-blue);box-shadow:0 0 0 4px #4a6fa526}.north-star-input.focused{border-color:var(--dusty-blue);box-shadow:0 0 0 3px #4a6fa526}.keyboard-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400;margin-left:var(--spacing-sm);font-style:italic}.stale-data-banner{position:fixed;top:0;left:0;right:0;background:var(--header-red);color:#fff;padding:var(--spacing-sm) var(--spacing-xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);z-index:1000;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.stale-data-message{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:500}.stale-data-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stale-data-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.stale-data-refresh{background:#fff3;border:none;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.stale-data-refresh:hover{background:#ffffff4d}.stale-data-dismiss{background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;opacity:.7;transition:opacity .2s}.stale-data-dismiss:hover{opacity:1}.stale-data-banner~.header{margin-top:44px}.stale-data-banner~main,.stale-data-banner~.focus-view{margin-top:44px}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:2000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-palette{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;width:100%;max-width:560px;max-height:60vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.command-palette-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-colour);background:var(--bg-primary)}.command-palette-icon{font-size:1.25rem;color:var(--text-secondary)}.command-palette-input{flex:1;border:none;background:transparent;font-size:1rem;padding:var(--spacing-sm) 0;outline:none;color:var(--text-primary)}.command-palette-input::placeholder{color:var(--text-secondary)}.command-palette-hint{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.command-palette-hint kbd{background:var(--border-colour);padding:2px 6px;border-radius:var(--radius-sm);font-family:inherit;font-size:.6875rem}.command-palette-list{list-style:none;overflow-y:auto;max-height:400px}.command-palette-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border-bottom:1px solid var(--border-colour);transition:background .1s}.command-palette-item:last-child{border-bottom:none}.command-palette-item:hover,.command-palette-item.selected{background:#4a6fa514}.command-palette-item.selected{background:#4a6fa51f}.command-palette-item-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.command-palette-item-name{font-weight:500;font-size:.9375rem;color:var(--text-primary)}.command-palette-item-parent{font-size:.75rem;color:var(--text-secondary)}.command-palette-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:.9375rem}@media (max-width: 768px){.command-palette-overlay{padding-top:10vh;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.command-palette{max-height:70vh}.command-palette-hint{display:none}.stale-data-banner{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-xs);text-align:center}.stale-data-banner~.header{margin-top:72px}.stale-data-banner~main,.stale-data-banner~.focus-view{margin-top:72px}}