/* InnerLead: blue-green shell, near-white reading surfaces, consistent controls. */
:root{--pine:#345965;--mineral:#42656c;--ink:#244953;--muted:#526d73;--sage:#c6dcd8;--line:#cddad8;--paper:#fafcfb;--canvas:#395a65;--soft:#e4ece7;--user:#dce8e7;--shadow:0 12px 40px #1d3f4510}
body{background:var(--canvas);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9c653a;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,.voice-card h2{font-family:inherit;letter-spacing:-.025em}h1{font-weight:500}.eyebrow{color:var(--muted)}a{color:var(--pine)}
.app{display:block;height:100svh}.main{height:100svh;display:flex;flex-direction:column;background:var(--canvas);min-width:0}.main>section,.main>#conversation{flex:1;min-height:0;overflow-y:auto}.topbar{flex:none;min-height:80px;padding:14px 30px;gap:24px;background:#395a65;border-bottom:1px solid #ffffff25;color:white}.shell-brand{color:var(--paper);text-decoration:none;font-size:23px;font-weight:650;letter-spacing:-.04em;flex:none}.shell-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.13em}.shell-nav{display:flex;align-self:stretch;gap:5px;margin-right:auto}.shell-nav button{border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:#e7eeeb;padding:10px 19px;min-height:48px;font-size:13px}.shell-nav button.active{background:#ffffff12;border-bottom-color:#d1e4df;color:white}.request-count{padding:3px 7px;border-radius:20px;background:#e5caa5;color:#244953;font-size:11px}.topbar-left{order:0;gap:8px}.topbar .section-name,.topbar .section-subname,.topbar .section-divider{display:none}.topbar-right{gap:8px;display:flex;align-items:center}.topbar .mode-pill{display:none}.topbar .quiet-button{color:var(--paper);border:1px solid #9cb6b7;background:transparent;padding:8px 12px;min-height:42px}.topbar .menu-button{display:block!important;background:#ffffff12;color:white;border:1px solid #ffffff45;border-radius:12px;width:48px;height:48px;font-size:21px;flex:none}
.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:min(330px,88vw);height:100svh;transform:translateX(-105%);transition:transform .18s ease;background:var(--paper);border:0;padding:24px 20px;box-shadow:20px 0 70px #16363e33;gap:14px}.sidebar.open{transform:translateX(0)}.sidebar-scrim.open{display:block;position:fixed;inset:0;z-index:29;background:#102f3b77}.sidebar .brand{padding:0 10px}.sidebar .product-nav-link{min-height:46px;color:var(--ink)}.sidebar .product-nav-link.active{background:#d5e3df;color:var(--ink)}.sidebar-bottom{font-size:12px}.sidebar-bottom p{line-height:1.55}.sidebar .new-session{min-height:44px;border-radius:12px;background:var(--pine);color:white;border:0}.account-row button,.account-delete{min-height:40px}.section-trail{display:flex;flex-wrap:wrap;gap:8px;max-width:1100px;margin:0 auto;padding:20px 40px 0}.section-trail button{min-height:44px;border:1px solid var(--line);border-radius:30px;background:#ffffff99;padding:9px 17px;color:var(--muted);font-size:13px}.section-trail button[aria-current]{color:white;background:var(--pine);border-color:var(--pine)}
.home-view{background:linear-gradient(125deg,#395a65,#527578);color:white}.home-inner{padding-top:34px;max-width:1100px}.home-view .section-trail button{background:transparent;border-color:#b4cbcc;color:#edf4f1}.home-view .section-trail button[aria-current]{background:#e7eeea;color:var(--ink)}.home-inner>h1{color:var(--paper);font-size:clamp(35px,4.8vw,55px);line-height:1.12;max-width:790px}.home-inner>.eyebrow,.home-intro{color:#dce9e6}.home-intro{font-size:16px;max-width:710px}.home-actions{padding:0;background:none;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.home-actions button{display:block;width:100%;min-width:0;padding:26px;text-align:left;border:1px solid #dde7e0;border-radius:22px;color:var(--ink);min-height:236px}.home-actions .home-primary{background:var(--paper)}.home-actions .home-secondary{background:#d6e3e1}.home-actions button>span{display:flex;flex-direction:column;gap:12px;height:100%}.home-actions small{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:600}.home-actions strong{font-size:27px;line-height:1.16;font-weight:500}.home-actions span>span{font-size:14px;font-weight:400;line-height:1.55;max-width:340px}.home-actions em{font-size:13px;font-weight:600;font-style:normal;margin-top:auto;padding-top:16px;border-top:1px solid #b9cdcb}
.home-continuity{padding:24px;background:#ffffff10;border:1px solid #ffffff2c;border-radius:20px;margin:24px 0}.home-continuity h2{font-size:20px;color:var(--paper);margin:0 0 18px}.home-continuity-items,#home-continuity-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.continuity-card{min-width:0;background:var(--paper);border-radius:14px;padding:20px;color:var(--ink);display:flex;flex-direction:column}.continuity-card small{color:var(--muted);font-size:11px}.continuity-card h3{font-size:18px;line-height:1.4;margin:12px 0 22px;overflow-wrap:anywhere}.continuity-card button{margin-top:auto;text-align:left;border:0;background:transparent;color:var(--pine);padding:10px 0;min-height:44px;font-size:13px;font-weight:650}.home-continuity>p{font-size:13px}.home-guidance{background:#e5ece7;color:var(--ink);padding:18px 24px}.home-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.home-card{min-height:180px;padding:22px;background:#eff3ec;border-color:#d6e2dc}.home-card strong{margin-top:16px;color:var(--ink)}.home-card-label,.home-card em{color:#45666c}.home-card>span:nth-of-type(2){color:var(--muted);font-size:13px}
.profile-view,.learning-view,.wellbeing-view,.team-view,.matching-view,.network-view,.module-view{background:var(--paper)}.profile-inner,.learning-inner,.team-inner,.matching-inner,.network-inner,.wellbeing-inner{max-width:1100px;padding-top:28px}.profile-report-section{max-width:760px}.profile-report-section p{font-size:16px;line-height:1.85}.profile-journey{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;margin:26px 0}.profile-journey li{padding:18px;border:1px solid var(--line);border-radius:14px;background:#e5ece7}.profile-journey strong,.profile-journey span{display:block;font-size:13px}.profile-journey span{font-size:12px;color:var(--muted);line-height:1.6;margin-top:6px}.report-toc{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 24px}.report-toc button{padding:8px 12px;border:1px solid var(--line);border-radius:30px;min-height:44px;color:var(--pine);background:white;font-size:12px}.chart-guide{font-size:13px;line-height:1.65;color:var(--muted);padding:15px;border-radius:12px;background:#e4ece7}.matching-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.matching-tabs button{min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:30px;background:white;color:var(--ink);font-size:13px}.matching-tabs button[aria-selected=true]{background:var(--pine);color:white}.matching-grid{display:block;max-width:820px}.matching-card{max-width:820px}.matching-results{max-width:980px}.matching-card p{line-height:1.7}.matching-help,.learning-private{color:var(--muted)!important}.learning-saved{font-size:12px;color:var(--muted)}
.team-curve-controls{border:0;padding:18px 0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.team-curve-controls legend{font-size:13px;font-weight:600;margin:12px 0}.team-curve-controls label{display:flex;align-items:center;gap:8px;padding:10px 13px;min-height:46px;border:1px solid var(--line);background:var(--paper);border-radius:12px;font-size:13px;cursor:pointer}.team-curve-controls input{width:18px;height:18px;accent-color:var(--pine)}.curve-swatch{width:34px;height:12px;overflow:visible}.team-chart svg{max-width:540px}.team-score-list strong{white-space:normal!important}.team-people-table{width:100%;border-collapse:collapse;font-size:12px}.team-people-table th,.team-people-table td{padding:10px 7px;text-align:left;border-bottom:1px solid var(--line)}.team-values-scroll{overflow:auto}.team-chart-note{padding:12px;background:#e5ece7;border-radius:10px}.team-chart circle{stroke-width:2}.team-axis-label{font-size:13px;fill:var(--ink)}
.signal-layout{display:grid;grid-template-columns:minmax(180px,.7fr) 55px minmax(0,1.4fr);align-items:start;gap:0;margin:22px 0}.signal-themes{display:grid;gap:10px}.signal-themes button{min-height:60px;text-align:left;border:1px solid var(--line);background:#e2ece7;color:var(--ink);border-radius:14px;padding:16px;font-size:14px}.signal-themes button[aria-pressed=true]{background:var(--pine);color:white}.signal-connector{height:100%;min-height:80px;background:linear-gradient(var(--line),var(--line)) center/1px 100% no-repeat}.signal-connector:before{content:'';display:block;border-top:2px dashed #527578;margin-top:32px}.signal-sources{padding:0 0 0 16px}.signal-sources h3{margin-top:0}.signal-source{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:12px}.signal-source p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.signal-source h4{margin-top:0}.signal-source button{min-height:44px;background:var(--pine);color:white;border:0;border-radius:10px;padding:10px 15px}.signal-method{margin-top:22px}.signal-source summary{min-height:44px;padding-top:10px}.signal-context{font-size:13px;line-height:1.65;color:var(--muted)}
input,select{min-height:44px}textarea{min-height:80px}#message-input{min-height:44px}.profile-option,.team-choice span{min-height:46px;display:flex;align-items:center}.team-primary,.team-secondary,.profile-primary,.profile-secondary,.matching-primary,.matching-secondary,.network-primary,.learning-primary,.learning-secondary{min-height:46px}.team-step{min-height:44px}.composer-wrap{flex:none}.conversation{background:var(--paper)}.bubble{color:var(--ink)}.composer-note{color:var(--muted)}.read-aloud input{min-height:0}.voice-card{background:var(--paper)}.mobile-tabs{flex:none}.access{background:var(--paper)}.story{background:linear-gradient(130deg,#395a65,#527578)!important}.access-help{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:13px;line-height:1.65}.access-help summary{min-height:44px;cursor:pointer;color:var(--ink);font-weight:600}.auth-guides{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;font-size:12px}.auth-guides strong{width:100%}.auth-guides a{min-height:36px}.access-card h2{color:var(--ink)}.access-card .primary{background:var(--pine)}body:has(#access-view){background:var(--paper)}body:has(#access-view) .topbar{background:var(--canvas)}body:has(#access-view) .topbar a,body:has(#access-view) .topbar label{color:white}.access-action{min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);color:var(--ink);background:var(--soft);font-size:12px}.list-row{gap:14px;flex-wrap:wrap}
@media(max-width:760px){.topbar{min-height:68px;padding:10px 18px;gap:12px}.shell-nav{display:none}.shell-brand{font-size:21px;margin-right:auto}.topbar .quiet-button{font-size:11px;max-width:120px;line-height:1.3;padding:6px 10px}.topbar:has(#clear-session:not([hidden])){flex-wrap:wrap}.topbar:has(#clear-session:not([hidden])) .topbar-right{order:4;width:100%;justify-content:flex-end}.topbar #clear-session{min-height:44px}.topbar .menu-button{width:44px;height:44px}.topbar-left{order:0}.topbar-right{margin-left:auto}.mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 8px max(6px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);min-height:64px}.mobile-tab{min-height:52px;padding:8px 4px;border-radius:12px;font-size:11px;color:var(--muted);line-height:1.4}.mobile-tab.active{background:#dbe7e2;color:var(--ink);font-weight:700}.section-trail{padding:16px 18px 0;gap:7px}.section-trail button{font-size:11px;padding:8px 12px}.home-inner,.profile-inner,.learning-inner,.team-inner,.matching-inner,.network-inner,.wellbeing-inner{padding:24px 18px 36px}.home-inner>h1{font-size:36px}.home-intro{font-size:14px;line-height:1.7}.home-actions{grid-template-columns:1fr;gap:14px;margin:24px 0}.home-actions button{min-height:210px;padding:24px;border-radius:20px}.home-actions strong{font-size:26px}.home-card-grid{grid-template-columns:1fr}.home-card{min-height:145px}.home-continuity{padding:18px}.profile-journey{grid-template-columns:1fr;gap:8px}.profile-journey li{padding:12px 16px}.profile-journey span{margin-top:3px}.signal-layout{grid-template-columns:1fr;gap:18px}.signal-connector{display:none}.signal-sources{padding:0}.signal-themes{grid-template-columns:1fr 1fr}.signal-themes button{font-size:12px;min-height:62px}.team-card{padding:20px}.team-curve-controls label{font-size:12px;padding:9px}.matching-tabs{gap:7px}.matching-tabs button{font-size:12px;padding:9px 12px}.profile-report-section p{font-size:15px}.auth-layout .access{padding:28px 20px}.sidebar{inset:0 auto 0 0}.sidebar .sidebar-bottom{font-size:11px}.topbar .brand{font-size:20px}.team-chart svg{width:100%}body:has(#access-view) .topbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.topbar,.sidebar,.mobile-tabs,.section-trail{display:none!important}.main{height:auto;display:block}body{background:white}}

/* Shared canvas across every screen; light surfaces belong to readable content. */
@media screen {
  :root { --canvas-gradient:linear-gradient(125deg,#395a65,#527578); --on-canvas:var(--paper); --on-canvas-muted:#dce9e6; }
  .home-view,.profile-view,.learning-view,.wellbeing-view,.team-view,.matching-view,.network-view,.module-view,.conversation { background:var(--canvas-gradient); }
  .section-trail button { background:transparent; border-color:#b4cbcc; color:var(--on-canvas-muted); }
  .section-trail button[aria-current] { background:#e7eeea; border-color:#e7eeea; color:var(--ink); }
  :is(.profile-inner,.wellbeing-inner,.team-inner,.matching-inner,.network-inner,.module-inner)>h1,.learning-hero h1,.welcome h1 { color:var(--on-canvas); font-family:inherit; font-weight:500; }
  :is(.profile-inner,.wellbeing-inner,.team-inner,.matching-inner,.network-inner,.module-inner)>.eyebrow,.learning-hero .eyebrow,.welcome .eyebrow { color:var(--on-canvas-muted); }
  .profile-intro,.wellbeing-intro,.team-intro,.matching-intro,.network-intro,.module-description,.learning-intro,.welcome .intro { color:var(--on-canvas-muted); }
  .profile-message,.team-message,.matching-message,.network-message,.learning-message,.learning-empty { color:var(--on-canvas-muted); }
  .profile-message.error,.team-message.error,.matching-message.error,.network-message.error { color:#ffe3d8; }
  .team-tabs { border-color:#ffffff45; }
  .team-tabs button { color:var(--on-canvas-muted); min-height:46px; }
  .team-tabs button[aria-selected=true] { color:white; border-color:#d6e6de; }
  .matching-results h2,.matching-section-head .eyebrow { color:var(--on-canvas); }
  .learning-filter.active,.matching-tabs button[aria-selected=true] { background:#d6e3e1; color:var(--ink); border-color:#d6e3e1; box-shadow:inset 0 0 0 1px var(--pine); }
  .team-note { background:#ffffff10; border:1px solid #ffffff45; }
  .team-card,.learning-item,.learning-detail,.profile-question-card,.profile-summary,.profile-signals,.wellbeing-history,.wellbeing-form,.matching-card,.matching-candidate,.matching-request,.network-card,.network-empty,.card,.metric { background:var(--paper); border-color:#d7e1db; color:var(--ink); border-radius:18px; }
  .learning-item.selected { border-color:#aacbca; box-shadow:0 0 0 2px #aacbca; }
  .learning-title { font-family:inherit!important; font-weight:500!important; }
  .learning-link,.learning-source,.learning-back { color:var(--pine); }
  .profile-data-controls { background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:20px; }
  .profile-journey li { color:var(--ink); }
  .profile-progress-block { background:var(--paper); padding:18px; border-radius:14px; }
  .message.assistant .label { color:var(--on-canvas); }
  .message.assistant .bubble { background:var(--paper); color:var(--ink); padding:18px 22px; border:1px solid var(--line); border-radius:5px 18px 18px 18px; }
  .message.user .bubble { background:#d7e6e3; color:var(--ink); }
  .composer-wrap,.composer-zone { background:var(--canvas); border-top:1px solid #ffffff25; }
  .composer-note { color:var(--on-canvas-muted); }
  .starter-grid button { min-height:44px; color:var(--ink); background:var(--paper); }
  .module-back { border:1px solid #c6dcd8; background:var(--paper); color:var(--ink); }
  .access { background:var(--canvas-gradient); }
  .access-card { background:var(--paper); }
  body:has(#access-view) { background:var(--canvas-gradient); }
  body:has(#access-view) main>h1 { color:var(--on-canvas); }
  body:has(#access-view) main>.eyebrow,body:has(#access-view) main>.intro { color:var(--on-canvas-muted); }
  .admin-tabs { border-color:#ffffff45; }
  .admin-tabs .tab { color:var(--on-canvas-muted); }
  .admin-tabs .tab.active { background:var(--paper); color:var(--ink); }
  .metric strong { font-family:inherit; }
  .sidebar .brand strong,.mobile-brand,.brand { font-family:inherit; }
}
@media screen {
  .topbar .quiet-button { border-radius:10px; }
  .team-list>h2,.team-detail-head h2 { color:var(--on-canvas); }
  .team-list>p,.matching-candidates>p,.matching-requests>p { color:var(--on-canvas-muted); }
  .matching-results>.matching-help { color:var(--on-canvas-muted)!important; }
  .ui-error { background:var(--paper); color:#843b31; padding:12px; border-radius:10px; }
}
