:root{--bg: #eef1f4;--surface: #ffffff;--surface-soft: #f7f9fb;--ink: #18202a;--muted: #667281;--line: #d8dee6;--blue: #2457a6;--teal: #0f766e;--green: #2f7d4e;--amber: #a26313;--red: #b33b35;--violet: #674ea7;--shadow: 0 18px 45px rgba(24, 32, 42, .13)}*{box-sizing:border-box}html{background:var(--surface)}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}#app{min-height:100dvh;background:var(--surface)}button,select,textarea{font:inherit}button,select,textarea,input{min-height:40px}button{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.65}button,select,textarea,input,[role=button],[tabindex]:not([tabindex="-1"]){transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid rgba(36,87,166,.42);outline-offset:2px}.app-shell,.home-screen,.workspace-screen,.login-screen,.profile-screen{min-height:100vh}.app-shell{background:var(--surface)}.login-screen{display:grid;place-items:center;padding:24px}.login-panel{width:min(440px,100%);padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:14px}.login-brand h1,.profile-summary h1{margin:2px 0 0;font-size:28px;line-height:1.15}.login-panel>p,.profile-summary p{color:var(--muted)}.auth-state{margin:14px 0 0;color:var(--muted);font-size:13px;font-weight:680}.dev-login-button{width:100%;margin-top:12px;justify-content:center}.workspace-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden;--workspace-tabs-top: 123px}.home-screen,.profile-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{flex:0 0 auto;display:grid;gap:0;border-bottom:0;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #0f172a14;position:sticky;top:0;z-index:10}.app-top-panel{min-height:72px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.app-nav-row{min-height:50px;padding:0 24px 12px;display:flex;align-items:center;gap:8px;background:transparent}.brand-area,.brand-button,.header-title,.topbar-actions,.icon-text-button,.app-nav-row,.task-copy,.task-actions,.drawer-header,.locale-row,.debug-title{display:flex;align-items:center}.brand-area{gap:22px;min-width:0}.brand-button{gap:12px;border:0;background:transparent;color:var(--ink);padding:0;text-align:left;flex:0 0 auto}.brand-copy{min-width:0}.product-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#f5c84b;color:#18202a;font-weight:800}.product-name{display:block;font-weight:750}.product-subtitle{display:block;color:var(--muted);font-size:12px}.header-title{gap:12px;min-width:0}.header-title>div{min-width:0}.header-title-meta{display:flex;align-items:center;gap:8px;min-width:0}.header-title-meta .eyebrow{flex:0 0 auto}.header-title-meta .status-pill{min-height:24px;max-width:min(210px,42vw);padding:3px 8px;overflow:hidden;text-overflow:ellipsis}.header-title h1{margin:2px 0 0;font-size:23px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{justify-content:flex-end;gap:8px;flex:0 0 auto}.app-header.is-home-header .brand-area,.app-header.is-home-header .brand-button{min-width:0}.app-header.is-home-header .brand-button{flex:1 1 auto}.nav-spacer{display:none}.nav-center-slot{flex:1 1 auto;min-width:0;display:flex;justify-content:center;padding:0 8px}.nav-tabs-slot{display:none}.google-signin-host{min-width:184px;min-height:32px;display:flex;align-items:center;justify-content:flex-end}.account-chip{max-width:260px;min-height:40px;padding:4px 6px 4px 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);display:flex;align-items:center;gap:4px}.account-main{min-width:0;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:7px;padding:4px 6px}.account-main span{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:720}.account-main-icon{position:relative;display:grid;place-items:center}.account-main-icon em{position:absolute;right:-9px;top:-11px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--blue);color:#fff;font-size:11px;font-style:normal;line-height:1}.topbar-account-chip.has-unread{border-color:#2457a652;background:#f7faff}.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.primary,.secondary,.segmented-button{min-height:40px;border-radius:8px;padding:8px 13px;font-weight:730}.primary{border:1px solid var(--blue);background:var(--blue);color:#fff}.secondary,.segmented-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.icon-text-button{gap:7px;justify-content:center}.icon-button,.bell-button{width:40px;min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-weight:800}.icon-button.compact{width:32px;min-width:32px;height:32px;border:0}.debug-fab{position:fixed;left:18px;bottom:18px;z-index:22;box-shadow:0 14px 30px #0f172a29}.bell-button{position:relative}.bell-button em{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-style:normal}.home-content{width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 42px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;gap:22px}.profile-content{width:100%;max-width:1040px;margin:0 auto;padding:28px 24px 42px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.profile-summary,.usage-panel,.profile-notifications,.profile-details{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.profile-summary{padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.profile-summary p{margin:8px 0 0}.usage-total{min-width:210px;padding:16px;border-radius:8px;background:var(--surface-soft);display:grid;gap:6px}.usage-total span,.usage-grid span,.profile-row span{color:var(--muted);font-size:13px;font-weight:690}.usage-total strong{font-size:28px;line-height:1}.usage-panel{margin-top:16px;padding:22px}.profile-notifications{margin-top:16px;padding:22px;scroll-margin-top:96px}.profile-notifications.is-focused{border-color:#2457a661;box-shadow:0 0 0 3px #2457a614}.profile-notification-list{display:grid;gap:10px}.usage-track{height:10px;border-radius:999px;overflow:hidden;background:#e5ebf2}.usage-track i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.usage-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-grid>div{min-width:0;padding:14px;border-radius:8px;background:var(--surface-soft);display:grid;gap:5px}.usage-grid strong,.profile-row strong{overflow-wrap:anywhere}.profile-details{margin-top:16px;overflow:hidden}.profile-row{min-height:58px;padding:14px 18px;display:grid;grid-template-columns:24px minmax(120px,1fr) minmax(0,2fr);align-items:center;gap:10px;border-top:1px solid var(--line)}.profile-row:first-child{border-top:0}.home-hero,.create-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.home-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px}.home-hero h1{margin:6px 0 0;font-size:30px;line-height:1.12}.home-hero p:not(.eyebrow){max-width:620px;margin:8px 0 0;color:#415064;line-height:1.45}.create-panel{padding:16px;display:grid;gap:10px}.create-panel label{font-weight:720}.create-panel textarea,.composer textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;resize:vertical}.create-panel textarea:focus,.composer textarea:focus,.task-chat-composer textarea:focus{border-color:#2457a69e;box-shadow:0 0 0 3px #2457a61c}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.load-more-state{min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;font-weight:720}.branch-card{min-width:0;min-height:220px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:15px;text-align:left;cursor:pointer}.branch-card:hover{border-color:#2457a673;box-shadow:0 14px 28px #18202a17;transform:translateY(-1px)}.branch-card-top,.branch-card-footer,.section-heading,.roadmap-toolbar,.phase-card-top,.phase-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.branch-card-count,.branch-card-footer,.metrics,.updated-at{color:var(--muted);font-size:12px;font-weight:700}.branch-card-top,.branch-card-top .status-pill,.branch-card-count{min-width:0}.branch-card-title{font-size:18px;font-weight:790;line-height:1.25}.branch-card-goal{color:#415064;line-height:1.42;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.status-pill,.metric-pill{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:5px 10px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:700;white-space:nowrap}.status-work_started,.status-roadmap_refined,.status-in_progress,.status-done{border-color:#0f766e47;color:var(--teal)}.status-roadmap_drafted,.status-blocked{border-color:#a2631347;color:var(--amber)}.status-init,.status-todo{border-color:#2457a63d;color:var(--blue)}.status-cancelled,.status-archived{color:var(--muted)}.topbar-goal-row{flex:0 0 auto;padding:10px 24px 0;gap:8px}.goal-trigger{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid rgba(36,87,166,.24);border-radius:8px;background:#fff;color:var(--blue);padding:5px 10px 5px 7px;font-weight:800;box-shadow:0 1px 2px #0f172a0a}.goal-trigger:hover{border-color:#2457a670;background:#f7faff}.goal-progress-icon{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at center,var(--surface) 56%,transparent 58%),conic-gradient(var(--teal) var(--progress),rgba(15,118,110,.16) 0);color:var(--teal);font-size:10px;font-weight:850}.goal-trigger-copy{display:grid;gap:1px;min-width:0;text-align:left;line-height:1.1}.goal-trigger-copy span{display:none}.goal-trigger-copy strong{color:var(--blue);font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-goal-trigger{width:min(360px,100%);justify-content:center}.goal-panel{width:100%;display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.goal-panel.is-compact{align-items:center;min-height:54px;padding:10px 12px;background:var(--surface)}.goal-main{min-width:0}.goal-main p:not(.eyebrow){margin:5px 0 0;color:#334052;line-height:1.45}.goal-panel.is-compact .goal-main p:not(.eyebrow){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:13px;line-height:1.3}.goal-score{width:124px;flex:0 0 auto;border-radius:8px;background:#e7f2ef;color:var(--teal);display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;text-align:center}.goal-score span{font-size:24px;font-weight:800;line-height:1}.goal-score strong{color:#274d49;font-size:11px;line-height:1}.goal-modal-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}.distance-track{width:100%;height:6px;border-radius:999px;overflow:hidden;background:#0f766e29}.distance-track i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.mobile-tabs{display:none;flex:0 0 auto}.workspace-tabs{display:flex;gap:8px;padding:10px 24px 8px;position:sticky;top:var(--workspace-tabs-top);z-index:8;background:#eff3f8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-tabs.workspace-tabs{display:none}.header-workspace-tabs{display:flex;gap:6px;min-width:0;width:100%}.tab{min-height:42px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-weight:760;overflow:hidden;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.tab.is-active{border-color:var(--blue);color:var(--blue);background:#eef4ff}.pane-grid{display:grid;flex:1;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:14px;padding:12px 14px 14px;min-height:0;overflow:hidden}.pane-grid.chat-only,.pane-grid.detail-only{grid-template-columns:minmax(0,1fr)}.chat-pane,.roadmap-pane{min-height:0;min-width:0;display:flex}.surface{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0}.chat-surface,.roadmap-surface{flex:1;min-height:0;display:flex;flex-direction:column}.state-banner{margin:14px 16px 0;padding:12px;border-radius:8px;display:grid;gap:4px;border:1px solid}.state-banner span{color:#445264;font-size:13px}.state-banner.pending{background:#edf4ff;border-color:#bad1f3}.state-banner.recovery,.error-state{background:#fff0ed;border-color:#f0c0ba}.state-banner.decision{background:#fff7e8;border-color:#efd19c}.assistant-progress{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.35);display:grid;gap:8px}.assistant-progress-current{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px}.assistant-progress-current svg{color:var(--blue);margin-top:1px}.assistant-progress.is-attention .assistant-progress-current svg{color:#9a5d00}.assistant-progress.is-done .assistant-progress-current svg{color:var(--green)}.assistant-progress-current strong,.assistant-progress-current span{display:block}.assistant-progress-current strong{color:#334052;font-size:12px}.assistant-progress-current span{color:#445264;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.assistant-progress-steps{display:grid;gap:6px}.assistant-progress-step{display:grid;grid-template-columns:9px auto minmax(0,1fr);align-items:center;gap:7px;color:#526274;font-size:12px;min-width:0}.assistant-progress-step i{width:7px;height:7px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 3px #2457a61c}.assistant-progress-step.is-attention i{background:#a66300;box-shadow:0 0 0 3px #a663001c}.assistant-progress-step.is-done i{background:var(--green);box-shadow:0 0 0 3px #2f7d4e1c}.assistant-progress-step span{font-weight:760;color:#253244;white-space:nowrap}.assistant-progress-step small{min-width:0;overflow:hidden;color:#64748b;text-overflow:ellipsis;white-space:nowrap}.message-list{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.new-message-button{position:sticky;bottom:8px;z-index:2;align-self:center;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(36,87,166,.2);border-radius:999px;background:var(--blue);color:#fff;box-shadow:0 12px 28px #18202a2e;padding:7px 13px;font-size:13px;font-weight:780}.new-message-button:hover{background:#1d4f98}.history-load-button{align-self:center;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;border:1px dashed #c9d4df;border-radius:8px;background:#f8fafc;color:#536174;padding:8px 12px;font-size:13px;font-weight:760;cursor:pointer}.history-load-button:hover:not(:disabled){border-color:#aebdca;background:#fff;color:#253244}.history-load-button:disabled{cursor:default;opacity:.72}.message{max-width:88%;padding:12px;border-radius:8px;border:1px solid var(--line);background:var(--surface-soft)}.message.user{margin-left:auto;background:#eaf1ff;border-color:#c8d8f4}.message.assistant{margin-right:auto}.message-meta{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.message-body{display:grid;gap:7px;margin-top:5px}.message-body p,.message>p{margin:5px 0 0;line-height:1.45}.message-body p{margin:0}.message-body strong{font-weight:760}.composer{border-top:1px solid var(--line);padding:12px;display:grid;gap:8px;background:var(--surface);position:sticky;bottom:0;z-index:3}.composer-entry-row{min-width:0;display:flex;align-items:flex-end;gap:8px}.composer textarea{flex:1 1 auto;min-height:48px;max-height:180px;overflow-y:hidden;line-height:1.35}.composer-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.composer-send-button{flex:0 0 auto;min-height:48px;padding-right:16px;padding-left:16px}.composer-quick-replies,.message-quick-replies{min-width:0;display:flex;gap:6px}.composer-quick-replies{margin:0 -12px -2px;padding:2px 12px 4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:12px;scroll-snap-type:x proximity;scrollbar-width:none}.composer-quick-replies::-webkit-scrollbar{display:none}.message-quick-replies{flex-wrap:wrap;margin-top:8px}.composer-quick-reply,.message-quick-reply{flex:0 0 auto;max-width:min(240px,72vw);min-height:36px;scroll-snap-align:start;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:7px 12px;box-shadow:0 5px 14px #0f172a14;font-size:13px;font-weight:800;white-space:nowrap}.composer-quick-reply:hover,.message-quick-reply:hover{border-color:#2457a65c;color:var(--blue)}.composer-quick-reply:disabled,.message-quick-reply:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}.composer-note{margin:0;color:var(--muted);font-size:12px;line-height:1.35;text-align:center}.roadmap-surface{padding:18px;gap:18px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#fff,#f6f8fb)}.roadmap-toolbar{margin:-18px -18px 0;padding:16px 18px;border-bottom:1px solid rgba(216,222,230,.86);background:var(--surface)}.roadmap-toolbar h2,.section-heading h2,.focus-section h3,.phase-overview-section h3{margin:4px 0 0;font-size:20px}.roadmap-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.done-toggle{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:760}.roadmap-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.roadmap-summary-tile{min-width:0;min-height:94px;position:relative;padding:13px;border:1px solid #c9d4df;border-radius:8px;background:#fff;box-shadow:0 8px 18px #18202a0b}.roadmap-summary-tile strong{display:block;margin-top:6px;font-size:24px;line-height:1}.roadmap-summary-tile>div{min-width:0}.roadmap-summary-tile .eyebrow{padding-right:30px}.roadmap-summary-tile span{display:block;margin-top:7px;color:#526174;font-size:12px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.roadmap-summary-tile svg{position:absolute;top:13px;right:13px;color:var(--blue)}.summary-active svg{color:var(--teal)}.summary-blocked svg{color:var(--amber)}.summary-done svg{color:var(--green)}.focus-section,.phase-overview-section{display:grid;gap:12px}.phase-overview-section{padding-top:18px;border-top:1px solid rgba(216,222,230,.86)}.bucket-grid,.phase-card-grid{display:grid;gap:12px}.bucket-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bucket,.phase-card,.phase-detail,.artifacts-box,.task-description-panel,.task-chat-box,.future-thread-box,.roadmap-empty{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.bucket{min-height:148px;padding:12px;background:#fff;box-shadow:0 8px 18px #18202a0a}.bucket-now{border-color:#b2523c57;background:linear-gradient(180deg,#fff8f6,#fff 72%)}.bucket-next{border-color:#a2631357;background:linear-gradient(180deg,#fff7df,#fff 72%)}.bucket-later{border-color:#0f766e47;background:linear-gradient(180deg,#effaf8,#fff 72%)}.bucket-title{margin-bottom:10px;color:#263344;font-weight:800}.bucket-task{width:100%;min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;border:1px solid transparent;border-radius:6px;background:#ffffff9e;color:#334052;padding:8px;text-align:left;font-size:13px;line-height:1.35;cursor:pointer}.bucket-task:hover{border-color:#2457a62e;background:#2457a612}.bucket-task strong,.bucket-task small{display:block}.bucket-task strong{overflow-wrap:anywhere}.bucket-task small{margin-top:3px;color:var(--muted);font-size:11px;font-weight:700}.bucket-empty,.empty-copy{color:var(--muted)}.phase-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-card{min-height:220px;display:flex;flex-direction:column;gap:12px;border-color:var(--line);background:var(--surface);color:var(--ink);padding:15px;text-align:left;cursor:pointer;box-shadow:none;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease}.phase-card:before{content:none}.phase-card.is-complete{border-color:#2f7d4e6b;background:var(--surface)}.phase-card.is-complete:before{content:none}.phase-card:hover{border-color:#2457a673;box-shadow:0 14px 28px #18202a17;transform:translateY(-1px)}.phase-card:active{box-shadow:0 6px 14px #18202a14;transform:translateY(0)}.phase-card:focus-visible{outline:3px solid rgba(36,87,166,.24);outline-offset:2px}.phase-card h3{margin:0}.phase-card p,.phase-detail p,.task-detail p{color:#415064;line-height:1.42}.phase-detail .branch-card-goal{display:block;flex:initial;margin:0;overflow:visible;-webkit-line-clamp:initial}.phase-card-date{color:var(--teal);border-color:#0f766e47}.phase-card.is-complete .phase-card-date{color:var(--green);border-color:#2f7d4e57}.phase-card.is-complete .phase-progress-track i{background:var(--green)}.phase-card-footer{margin-top:auto}.results-section{display:grid;gap:12px}.results-section .roadmap-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.results-list{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-phase{min-height:220px;display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.result-phase.is-complete{border-color:#2f7d4e6b;background:var(--surface)}.result-phase:hover{border-color:#2457a673;box-shadow:0 14px 28px #18202a17;transform:translateY(-1px)}.result-phase-header{display:flex;justify-content:space-between;gap:12px}.result-phase h4{margin:0}.result-phase p{margin:0;color:#415064;line-height:1.42}.result-task-list{display:grid;gap:6px;margin-top:auto}.result-task{min-height:40px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:8px;border:1px solid transparent;border-radius:6px;background:#2f7d4e0b;color:#274d49;padding:8px 9px;text-align:left;font-weight:700;line-height:1.35;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.result-task svg{flex:0 0 auto;color:var(--green)}.result-task:hover{border-color:#2f7d4e75;background:#fff}.result-task:active{transform:translateY(1px)}.result-task:focus-visible{outline:3px solid rgba(47,125,78,.18);outline-offset:2px}.results-empty{min-height:132px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #b8c5d2;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-weight:720}.task-list{display:grid;gap:10px}.task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease}.task-row:hover{border-color:#2457a673;box-shadow:0 12px 24px #18202a14;transform:translateY(-1px)}.task-row:active{box-shadow:0 6px 14px #18202a12;transform:translateY(0)}.task-row-main{min-width:0;min-height:48px;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.task-copy{min-width:0;gap:9px}.task-copy strong{display:block}.task-copy p{margin:3px 0 0;color:var(--muted);font-size:13px}.task-status-icon{flex:0 0 auto}.task-status-icon.done{color:var(--green)}.task-status-icon.in_progress{color:var(--teal)}.task-status-icon.blocked{color:var(--amber)}.task-actions{justify-content:flex-end;gap:8px;flex-wrap:wrap}.task-actions select,.detail-grid select{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:6px 8px;color:var(--ink);font-weight:720;cursor:pointer}.task-open-icon{width:40px;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:#2457a612;color:var(--blue);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.task-open-icon:hover{border-color:#2457a638;background:#2457a61f}.task-open-icon:active{transform:translateY(1px)}.compact-button{min-height:40px;font-size:13px}.phase-detail,.roadmap-empty{padding:16px}.task-detail{display:grid;gap:14px;padding:0;border:0;border-radius:0;background:transparent}.task-detail h3{margin:4px 0 0;font-size:24px;line-height:1.12}.phase-detail{display:flex;flex-direction:column;gap:12px;border:0;border-radius:0;background:transparent;box-shadow:none}.phase-detail-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.phase-detail .branch-card-title{margin:0;font-size:23px}.phase-detail-footer{margin-top:0}.phase-task-list{margin-top:4px;padding-top:12px;border-top:1px solid rgba(216,222,230,.86)}.task-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:2px 0 4px}.task-detail-title{min-width:0}.task-detail-title h3{overflow-wrap:anywhere}.task-detail-title p{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:720}.task-detail-status{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.detail-grid>div{min-width:0;display:grid;gap:5px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.detail-grid span{color:var(--muted);font-size:11px;font-weight:780;letter-spacing:.05em;text-transform:uppercase}.detail-grid strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-context-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.task-context-strip>div{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value";column-gap:8px;row-gap:2px;align-items:start;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.task-context-strip svg{grid-area:icon;margin-top:1px;color:var(--teal)}.task-context-strip span{grid-area:label;color:var(--muted);font-size:11px;font-weight:780;letter-spacing:.05em;text-transform:uppercase}.task-context-strip strong{grid-area:value;min-width:0;color:#263445;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.artifacts-box,.task-description-panel,.task-assist-panel,.task-chat-box,.future-thread-box{padding:13px;margin-top:0;border:1px solid var(--line);border-radius:8px;background:#fff}.task-description-panel{background:#fff}.task-description-panel p{margin:0;color:#3a485a;line-height:1.45}.task-assist-panel{display:grid;gap:10px}.task-assist-panel>p{margin:0;color:#415064;line-height:1.4}.task-assist-action-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.task-assist-action-strip .compact-button{min-width:0;min-height:38px;justify-content:center}.task-inclusion-panel{background:var(--surface-soft)}.task-panel-heading,.task-panel-heading>div,.task-chat-header>div{display:flex;align-items:center;gap:7px}.task-panel-heading{justify-content:space-between;gap:12px;margin-bottom:8px}.task-panel-heading svg,.task-chat-header svg{color:var(--teal)}.task-panel-heading .eyebrow,.task-chat-header .eyebrow{margin:0}.task-chat-box{display:grid;gap:10px;background:#fff}.task-assistant{display:grid;gap:12px;padding:0}.task-assistant-header{display:grid;align-items:start;gap:10px}.task-assistant-title{display:grid;gap:4px}.task-assistant-title h3{margin:0;font-size:22px;line-height:1.15}.task-assistant-title p{margin:0;color:var(--muted);font-weight:720}.task-assistant-mode-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.task-assistant-mode-strip::-webkit-scrollbar{display:none}.task-assistant-mode{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#3a485a;font-weight:820}.task-assistant-mode.is-active{border-color:#2457a6b8;background:#eef4ff;color:var(--blue)}.task-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-chat-count{color:var(--muted);font-size:12px;font-weight:760;white-space:nowrap}.task-chat-messages{display:flex;flex-direction:column;gap:8px;min-height:96px;overflow:visible}.task-chat-message{width:fit-content;max-width:88%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);overflow-wrap:anywhere}.task-assistant .task-chat-box{width:100%}.task-assistant .task-chat-message{width:100%;max-width:100%}.task-chat-message.user{margin-left:auto;border-color:#8aa044;background:#f5f9e7}.task-chat-message.assistant{margin-right:auto;border-color:#4f9a93;background:#edf8f6}.task-chat-message.pending{color:var(--muted)}.task-chat-message .message-body p{margin:4px 0 0}.task-chat-message .message-body p:first-child{margin-top:0}.task-chat-message .pending-body{display:flex;align-items:center;gap:8px;margin-top:4px}.task-chat-prompts{display:flex;align-items:center;gap:8px;margin:0 -13px;padding:0 13px 2px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.task-chat-prompts::-webkit-scrollbar{display:none}.task-chat-prompts .compact-button{flex:0 0 auto;min-height:38px;max-width:min(82vw,320px);padding:8px 12px;scroll-snap-align:start;white-space:nowrap;text-align:left;overflow:hidden;text-overflow:ellipsis}.task-chat-composer{display:grid;gap:8px;margin:0;padding:8px 0 0;border-top:1px solid var(--line);background:#fff}.task-chat-composer-row{display:flex;align-items:flex-end;gap:8px;min-width:0}.task-chat-composer-spacer{display:none}.task-chat-composer textarea{width:100%;min-height:46px;max-height:132px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;resize:none;overflow-y:hidden;line-height:1.35}.task-chat-send-button{flex:0 0 auto;min-height:46px;padding-inline:14px;border-radius:8px}.task-new-message-button{bottom:84px;margin:4px auto}.task-history-load-button{margin:0 auto 2px}.future-thread-box{display:flex;align-items:center;gap:8px;color:var(--muted)}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0f172a52}.modal,.drawer{position:fixed;z-index:31;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal{left:50%;top:50%;width:min(640px,calc(100vw - 28px));transform:translate(-50%,-50%);padding:16px}.modal-header,.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer{right:14px;top:14px;bottom:14px;width:min(430px,calc(100vw - 28px));padding:16px;display:flex;flex-direction:column;gap:14px}.drawer-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.drawer-list,.debug-list{overflow:auto;display:grid;gap:10px}.notice-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.notice-card.is-unread{border-color:#f2b84b;background:#fffaf0}.notice-card h3{margin:0;font-size:15px}.notice-card p{margin:5px 0;color:#415064}.notice-card small{color:var(--muted)}.notice-link{min-height:40px;margin-top:8px;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--blue);padding:0;font-weight:740}.notice-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#fff7e8;color:var(--amber)}.toast-stack{position:fixed;right:18px;top:92px;z-index:40;width:min(420px,calc(100vw - 28px));display:grid;gap:10px}.notification-toast{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;padding:10px;border:1px solid #efc36b;border-radius:8px;background:#fff;box-shadow:0 16px 34px #18202a29}.toast-content{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.toast-content strong,.toast-content span span,.toast-content small{display:block}.toast-content strong{font-size:14px}.toast-content span span{margin-top:3px;color:#415064;font-size:13px;line-height:1.35}.toast-content small{margin-top:4px;color:var(--muted);font-size:12px}.toast-close{width:40px;min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.debug-list dl{margin:0;display:grid;gap:8px}.debug-list dt{color:var(--muted);font-size:12px;font-weight:760}.debug-list dd{margin:2px 0 0;padding:8px;border-radius:8px;background:var(--surface-soft);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.locale-row{margin-top:auto;gap:8px}.segmented-button.is-active{border-color:var(--blue);color:var(--blue);background:#eef4ff}.loading-state,.error-state,.inline-error{display:flex;align-items:center;gap:8px}.page-state{margin:28px auto;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.inline-error{margin:0 auto 0 0;color:var(--red);font-size:13px}.spin{animation:spin .85s linear infinite}.typing-dot{width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:999px;background:var(--blue);animation:pulse 1.1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media(max-width:900px){button,select,textarea,input,.primary,.secondary,.segmented-button{min-height:44px}.icon-button,.bell-button,.task-open-icon,.toast-close{width:44px;min-width:44px;height:44px}.workspace-screen{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;min-height:0;overflow:hidden;background:var(--surface);overscroll-behavior:none;padding-top:env(safe-area-inset-top,0);--workspace-tabs-top: 111px}.brand-area,.home-hero,.task-row,.phase-detail-header{align-items:stretch}.home-hero,.task-row,.phase-detail-header{flex-direction:column}.app-header{display:grid}.app-top-panel{min-height:62px;padding:10px 14px}.app-header:not(.has-nav-row) .app-top-panel{min-height:58px}.app-header:not(.has-nav-row) .header-title>div{display:flex;align-items:center;gap:8px;min-width:0}.app-header:not(.has-nav-row) .header-title-meta{flex:0 1 auto;min-width:0}.app-header:not(.has-nav-row) .header-title-meta .eyebrow{display:none}.app-header:not(.has-nav-row) .header-title h1{margin:0;min-width:0}.app-nav-row{min-height:48px;padding:0 14px 10px;flex-wrap:nowrap;overflow:visible}.brand-area{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0}.brand-button{min-width:0}.header-title{gap:8px;min-width:0}.topbar-actions{justify-content:flex-end}.debug-fab{left:14px;bottom:calc(86px + env(safe-area-inset-bottom,0))}.toast-stack{top:78px;right:14px}.topbar-goal-row{display:none}.goal-trigger{max-width:100%}.mobile-tabs,.mobile-tabs.workspace-tabs{display:none;padding:10px 14px 8px}.nav-tabs-slot{flex:2 1 0;min-width:0;display:flex}.header-workspace-tabs{flex:1 1 auto;width:100%}.header-workspace-tabs .tab{width:auto;min-width:0;min-height:44px;flex:1 1 0;gap:6px;padding:0 8px;transition:flex-grow .15s ease-out 70ms,flex-basis .15s ease-out 70ms,width .15s ease-out 70ms,min-width .15s ease-out 70ms,padding .15s ease-out 70ms,gap .15s ease-out 70ms,border-color .12s ease,background-color .12s ease,color .12s ease}.header-workspace-tabs .tab.is-active{width:44px;min-width:44px;flex:0 0 44px;gap:0;padding:0}.header-workspace-tabs .tab span{display:inline-block;max-width:8rem;min-width:0;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:820;transition:max-width .12s ease-out 70ms,opacity 90ms ease-out 70ms}.header-workspace-tabs .tab.is-active span{max-width:0;opacity:0}.nav-center-slot{flex:1 1 0;justify-content:stretch;padding:0}.header-goal-trigger{width:100%;min-width:0;padding:5px 8px;gap:7px}.header-goal-trigger .goal-trigger-copy{display:grid}.pane-grid,.pane-grid.chat-only,.pane-grid.detail-only{grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden}.pane-grid.detail-only{padding-right:0}.pane-grid.detail-only .roadmap-surface{border-left:0;border-right:0;border-radius:8px 8px 0 0;background:var(--surface);padding:16px 0 0}.pane-grid.detail-only .roadmap-toolbar{margin:-16px 0 0;padding:16px 16px 18px;border-bottom:1px solid rgba(216,222,230,.86);background:var(--surface)}.pane-grid.detail-only .task-detail{padding:16px 16px 96px}.pane-grid.detail-only .detail-grid,.pane-grid.detail-only .task-context-strip{margin-right:0;margin-left:0}.chat-pane,.roadmap-pane{display:none}.chat-pane.is-mobile-active,.roadmap-pane.is-mobile-active,.pane-grid.chat-only .chat-pane{display:flex}.chat-pane.is-mobile-active{--chat-composer-space: 86px}.chat-pane.is-mobile-active:has(.composer-quick-replies){--chat-composer-space: 132px}.chat-surface{border-right:0;border-bottom:0;border-left:0;border-radius:0}.chat-pane.is-mobile-active .chat-surface{padding-bottom:var(--chat-composer-space)}.chat-pane.is-mobile-active .message-list{padding-bottom:12px;scrollbar-gutter:stable}.chat-pane.is-mobile-active .new-message-button{bottom:calc(var(--chat-composer-space) + 10px)}.chat-pane.is-mobile-active .composer{position:fixed;right:0;bottom:0;left:0;z-index:6;border:1px solid var(--line);border-right:0;border-bottom:0;border-left:0;border-radius:0;box-shadow:0 -10px 24px #0f172a1a}.chat-pane.is-mobile-active .composer-entry-row{align-items:flex-end;gap:8px}.chat-pane.is-mobile-active .composer textarea{min-height:54px;max-height:112px;resize:none}.chat-pane.is-mobile-active .composer-quick-replies{margin-right:-12px;margin-left:-12px}.chat-pane.is-mobile-active .composer-quick-reply{min-height:40px;max-width:min(250px,70vw);padding:8px 13px}.chat-pane.is-mobile-active .composer-send-button{width:54px;min-width:54px;min-height:54px;padding:0;border-radius:8px}.chat-pane.is-mobile-active .composer-send-button span{display:none}.bucket-grid,.roadmap-summary-strip,.detail-grid,.task-context-strip{grid-template-columns:minmax(0,1fr)}.roadmap-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-summary-tile{min-height:104px}.task-row{grid-template-columns:minmax(0,1fr)}.task-row-main{align-items:flex-start}.task-actions{width:100%;justify-content:flex-start}.task-actions select{min-width:0;flex:1 1 180px}.task-detail-header{align-items:flex-start;grid-template-columns:minmax(0,1fr)}.task-detail-status{justify-content:flex-start}.pane-grid.detail-only .task-assistant{padding:16px 16px 136px}.task-assistant .task-chat-box{margin-right:-16px;margin-left:-16px;width:calc(100% + 32px);border-right:0;border-left:0;border-radius:0}.task-assist-action-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.task-assistant-mode,.task-assist-action-strip .compact-button{min-height:38px;padding:7px 9px;font-size:13px}.task-assistant-mode-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.task-assistant-mode{min-width:0;justify-content:center}.task-assistant-mode span{overflow:hidden;text-overflow:ellipsis}.task-chat-composer-spacer{display:block;flex:0 0 auto}.task-chat-composer.is-docked{position:fixed;right:14px;bottom:0;left:14px;z-index:6;gap:8px;padding:10px 12px 12px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 -10px 24px #0f172a1a}.task-chat-composer:not(.is-docked){position:relative;padding:8px 0 0}.task-chat-composer textarea{flex:1 1 auto;min-height:52px;max-height:112px;resize:none}.task-chat-send-button{width:52px;min-width:52px;min-height:52px;padding:0;justify-content:center}.task-chat-send-button span{display:none}.profile-summary,.usage-grid{grid-template-columns:minmax(0,1fr)}.profile-summary{display:grid}.usage-total{min-width:0}}@media(max-width:1150px){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1040px){.roadmap-summary-strip,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bucket-grid,.task-context-strip{grid-template-columns:minmax(0,1fr)}}@media(max-width:860px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.phase-card-grid,.results-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.home-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.home-content,.profile-content{padding:18px 14px 32px}.workspace-screen{--workspace-tabs-top: 111px}.app-top-panel{gap:8px;padding:9px 14px}.brand-area{grid-template-columns:auto minmax(0,1fr)}.brand-copy{display:none}.app-header.has-brand-copy .brand-copy{display:block}.app-header.has-brand-copy .header-title{display:none}.app-header.has-brand-copy .product-name,.app-header.has-brand-copy .product-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-row{gap:7px}.account-chip{max-width:150px}.topbar-account-chip{max-width:none;padding:4px}.topbar-account-chip .account-main{padding:4px}.topbar-account-chip .account-main>span:not(.account-main-icon){display:none}.app-header.is-home-header .account-chip{max-width:none;padding:4px}.app-header.is-home-header .account-main{padding:4px}.app-header.is-home-header .account-main>span:not(.account-main-icon){display:none}.topbar-actions .account-main span{max-width:88px}.app-nav-row .icon-text-button span{display:none}.header-title h1,.home-hero h1{font-size:18px}.goal-panel{flex-direction:column}.goal-score{width:100%}.message{max-width:100%}.toast-stack{top:auto;right:14px;bottom:14px}.notification-toast{grid-template-columns:minmax(0,1fr) 30px}.login-panel{padding:22px}.profile-row{grid-template-columns:24px minmax(0,1fr)}.profile-row strong{grid-column:2}}@media(max-width:430px){.app-nav-row{gap:5px;padding-right:10px;padding-left:10px}.nav-center-slot{padding-right:2px;padding-left:2px}.header-workspace-tabs{gap:4px}.header-workspace-tabs .tab{width:auto;min-width:0;flex:1 1 0}.header-workspace-tabs .tab.is-active{width:40px;min-width:40px;flex:0 0 40px}.goal-trigger{width:100%;min-width:0;max-width:100%;min-height:44px;justify-content:center;padding:5px 10px 5px 7px;border-radius:8px}.goal-trigger-copy{display:grid}.roadmap-surface{padding-right:10px;padding-left:10px}.roadmap-toolbar{margin-right:-10px;margin-left:-10px;padding-right:14px;padding-left:14px}.roadmap-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.roadmap-summary-tile{min-height:86px;padding:11px 10px}.roadmap-summary-tile .eyebrow{padding-right:24px;font-size:10px;letter-spacing:.05em;line-height:1.15;overflow-wrap:anywhere}.roadmap-summary-tile strong{margin-top:5px;font-size:22px}.roadmap-summary-tile span{margin-top:6px;font-size:11px}.roadmap-summary-tile svg{top:11px;right:10px;width:17px;height:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0ms!important;transition-duration:.01ms!important}}
