/* Shared celestial identity. Layout remains quiet and focused for daily capture. */
body[data-view=chat]{--chat-bg:var(--ground);--chat-ink:var(--ink);--chat-muted:var(--muted);--chat-line:var(--line);--chat-gold:var(--accent);background:var(--chat-bg);color:var(--chat-ink);overflow:hidden}
body[data-view=chat] .prototype-banner,body[data-view=chat] .identity-dock{display:none}
body[data-view=chat] .layout,body[data-view=chat] #main{height:100dvh;min-height:0}
body[data-view=chat] .chat-shell{display:grid;grid-template-columns:274px minmax(0,1fr);height:100%;background:var(--chat-bg)}
body[data-view=chat] .chat-threads{position:relative;inset:auto;transform:none;z-index:10;display:flex;flex-direction:column;width:auto;padding:28px 16px 18px;background:var(--paper);border-right:1px solid var(--chat-line);box-shadow:none;min-height:0}
.chat-brand{display:flex;align-items:center;gap:8px;font:29px/1.3 var(--serif);letter-spacing:-1px;color:var(--ink);text-decoration:none;margin:0 12px 36px}.chat-brand>span:last-child{color:var(--chat-gold);margin-left:-8px}.chat-brand .brand-symbol{width:30px;height:30px}
.new-thread{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:11px 13px;border-radius:12px;font-size:13px;min-height:44px}.new-thread>span:first-child{font-size:20px}.key-hint{margin-left:auto;color:var(--muted)}
.thread-search{display:flex;align-items:center;gap:8px;color:var(--muted);margin:20px 10px 26px}.thread-search>span{font-size:23px}.thread-search input{font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-width:0;width:100%;background:none;border:0;color:var(--chat-ink);padding:4px}.rail-label{font-size:9px;letter-spacing:.12em;color:var(--muted);padding:0 12px;margin-bottom:10px}
body[data-view=chat] .conversation-list{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0;overflow:auto;padding:0}
body[data-view=chat] .conversation-item{min-width:0;flex-shrink:0;padding:12px;border:0;border-radius:9px;box-shadow:none;background:transparent}.conversation-item.active{background:var(--paper)!important}.conversation-item:hover{background:var(--paper)!important}.conversation-item strong{font:500 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}.conversation-item small{font-size:11px;color:var(--muted);margin-top:4px}.conversation-empty{font-size:12px;border:0;text-align:left;padding:12px}
.chat-rail-bottom{padding-top:18px}.rail-link{display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:8px;padding:12px;width:100%;color:var(--muted);font-size:12px}.rail-link>span:last-child{margin-left:auto}.account-entry{display:flex;align-items:center;gap:11px;border:0;border-top:1px solid var(--line);width:100%;padding:18px 10px 8px;background:none;text-align:left;color:var(--ink);margin-top:10px}.account-avatar{width:33px;height:33px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--chat-gold);font-size:24px}.account-entry strong,.account-entry small{display:block}.account-entry strong{font-size:12px;font-weight:500}.account-entry small{font-size:10px;color:var(--muted)}.account-entry>span:last-child{margin-left:auto}.rail-disclosure{font-size:9px;line-height:1.7;color:var(--muted);margin:8px 12px 0}
body[data-view=chat] .chat-pane{background:var(--chat-bg);height:100%;min-height:0;display:flex;flex-direction:column}
body[data-view=chat] .chat-pane-head{display:flex;flex-wrap:nowrap;gap:14px;min-height:80px;padding:18px 36px;border:0;background:var(--chat-bg);flex-shrink:0}.chat-title-wrap h2{font:500 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;color:var(--ink);max-width:54vw}.chat-title-wrap #chat-status{font-size:10px;color:var(--muted);display:block;margin-top:3px}
.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:23px;padding:0;min-width:0}.icon-button:hover{background:var(--paper);filter:none}.mode-pill{display:flex;align-items:center;gap:7px;background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:11px;white-space:nowrap;min-height:34px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--paper)}.mode-pill[aria-pressed=false] .status-dot{background:var(--paper)}.chat-pane-head .chat-drawer-toggle{display:none}
.chat-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ddd8cd transparent;position:relative}
.chat-welcome{min-height:100%;padding:48px 24px 54px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:840px;margin:auto}.welcome-orbit{position:relative;width:94px;height:94px;display:grid;place-items:center;margin-bottom:25px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 65px #ba9a5c0d}.welcome-orbit span{font:80px/1 var(--serif);color:var(--muted);transform:translateY(-4px)}.welcome-orbit i{position:absolute;width:7px;height:7px;right:9px;top:13px;border-radius:50%;background:var(--paper);box-shadow:0 0 14px #bd944c55;animation:breath 5s ease-in-out infinite}.chat-welcome .eyebrow{font-size:9px;letter-spacing:.17em;color:var(--muted);margin:0 0 16px}.chat-welcome h1{font:normal clamp(32px,3.1vw,47px)/1.2 var(--serif);letter-spacing:-1.4px;color:var(--ink);margin:0 0 16px}.chat-welcome>p:not(.eyebrow){font:13px/1.85 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--muted);margin:0}.chat-starters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:36px}.chat-starters button{background:transparent;border:1px solid var(--line);border-radius:10px;font-size:11px;padding:12px 14px;color:var(--muted);display:flex;align-items:center;gap:9px;min-height:44px}.chat-starters button>span{font-size:16px;color:var(--muted)}.chat-starters button:hover{background:var(--paper);border-color:var(--line);filter:none}
body[data-view=chat] .chat-messages{display:flex;flex-direction:column;gap:28px;overflow:visible;min-height:0;padding:34px 30px 38px;max-width:820px;margin:0 auto;background:transparent;width:100%}.chat-message{max-width:88%;animation:message-in .2s ease-out;align-items:flex-start}.chat-message.human{max-width:80%;flex-direction:row}.chat-message.human .chat-bubble{background:var(--paper);border:0;border-radius:20px 20px 5px 20px;padding:13px 18px;box-shadow:none;color:var(--ink);max-width:100%}.chat-bubble p,.chat-message.guide .chat-bubble p{font:14px/1.75 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.chat-message.guide .chat-bubble{padding:0}.chat-message.guide .chat-avatar{font-size:26px;line-height:1;color:var(--muted);background:none;border:0;width:27px;height:29px}.chat-bubble-meta{font-size:9px;color:var(--muted)!important;letter-spacing:0;margin-top:9px;opacity:1}.message-footer{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:6px}.message-time{font-size:9px;color:var(--muted)}.message-edit{font-size:9px;color:var(--muted);border:0;background:none;padding:2px 0;opacity:0}.chat-bubble:hover .message-edit,.message-edit:focus-visible{opacity:1}
.composer-zone{width:100%;max-width:820px;margin:0 auto;flex-shrink:0;padding:0 30px max(20px,env(safe-area-inset-bottom));background:var(--chat-bg)}
body[data-view=chat] .chat-suggestion{margin:0 0 10px;border:0;padding:0;display:flex;justify-content:flex-start;min-height:0;background:none}.chat-suggestion:empty{display:none}.chat-suggestion button{font-size:10px;background:none;border:0;padding:4px;color:var(--muted)}.chat-suggestion p{font:12px/1.5 -apple-system,sans-serif;color:var(--muted)}
body[data-view=chat] .chat-composer{margin:0;width:100%;border:1px solid var(--line);border-radius:23px;background:var(--paper);padding:4px;box-shadow:0 5px 20px #78664b07;position:relative}.chat-composer:focus-within{border-color:var(--line);box-shadow:0 0 0 3px #bca4730c}.chat-composer-top{display:flex!important;align-items:flex-end;padding:4px!important;gap:6px;min-height:50px}.chat-composer textarea{height:40px;min-height:40px;max-height:160px;resize:none;padding:10px 4px;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border:0;background:transparent;color:var(--ink);outline:none!important;flex:1;min-width:0}.chat-composer textarea::placeholder{color:var(--muted)}.chat-composer .icon-button{height:40px;width:36px;flex-basis:36px;color:var(--muted)}.composer-mic svg{width:19px;height:19px}.chat-send{display:grid;place-items:center;flex:0 0 38px;width:38px!important;height:38px;border:0;border-radius:50%;padding:0;margin:1px 0;background:var(--paper);color:var(--muted);font-size:23px}.chat-send>span{font-size:22px}.chat-send:disabled{background:var(--paper);color:var(--muted);opacity:1}.composer-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 5px 0;font-size:9px;color:var(--muted)}.composer-caption #chat-source{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-caption button{border:0;background:none;padding:0;font-size:9px;color:var(--muted)}.listening{background:var(--paper)!important;color:var(--muted)!important;animation:breath 1.3s infinite}
.chat-tool-menu{position:absolute;bottom:calc(100% + 10px);left:0;z-index:20;width:280px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 15px 45px #4d402922}.chat-tool-menu button{display:flex;align-items:center;gap:13px;padding:12px;border:0;border-radius:9px;background:none;color:var(--muted);width:100%;font-size:19px;text-align:left}.chat-tool-menu button:hover{background:var(--paper)}.chat-tool-menu button>span{font-size:12px;color:var(--ink)}.chat-tool-menu small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
body[data-view=chat] .chat-actions{display:flex;justify-content:center;gap:24px;padding:14px 0 0;margin:0}.chat-actions button{display:inline-flex!important;align-items:center;gap:8px;border:0;padding:0;background:none;font-size:10px;color:var(--muted);margin:0!important}.chat-actions button:hover{color:var(--muted)}.chat-actions span{color:var(--muted)}
.chat-attachment-tray{display:flex;gap:8px;padding:8px 0;overflow:auto;max-height:120px}.message-attachment{position:relative;max-width:280px;border-radius:10px;overflow:hidden;margin:6px 0;background:var(--paper);padding:8px;font-size:12px}.message-attachment img{display:block;max-width:100%;max-height:260px;border-radius:6px;object-fit:contain}.message-attachment a{color:var(--muted);overflow-wrap:anywhere}.message-attachment small{display:block;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.chat-attachment-tray .message-attachment{flex:0 0 110px;max-height:105px;margin:0}.chat-attachment-tray img{height:75px;width:100%;object-fit:cover}.attachment-remove{position:absolute;right:3px;top:3px;width:26px;height:26px;border:0;border-radius:50%;background:var(--paper);color:var(--muted);font-size:18px}
#thread-details input,#chat-link-dialog input,#chat-link-dialog textarea{display:block;width:100%;padding:11px;border:1px solid var(--line);background:var(--paper);border-radius:8px;margin:8px 0 20px;color:var(--ink);font:14px/1.5 -apple-system,sans-serif}#thread-details label,#chat-link-dialog label{font-size:13px}.details-actions{display:flex;justify-content:space-between;margin-top:24px}.details-actions button{border:0;background:none;font-size:12px;color:var(--muted)}#chat-delete{color:var(--muted)}.reuse-story{display:block;background:var(--paper);border:0;border-radius:10px;text-align:left;padding:16px;width:100%;margin:8px 0;color:var(--muted)}.reuse-story strong,.reuse-story small{display:block}.reuse-story small{margin-top:8px;font-size:12px;color:var(--muted)}.account-orbit{font:66px/1 var(--serif);color:var(--muted);display:block;margin-bottom:18px}.google-button{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:49px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:14px;margin:24px 0 12px}.google-button b{font-size:20px;font-weight:600}#account-status{font-size:12px;color:var(--muted);min-height:24px}.top-actions #top-account{border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:transparent;color:inherit;font-size:12px}.toast{z-index:100}
@keyframes breath{50%{opacity:.45;transform:scale(.92)}}@keyframes message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){body[data-view=chat] .chat-shell{grid-template-columns:292px minmax(0,1fr)}.chat-welcome{padding-bottom:80px}.chat-welcome h1{font-size:50px}}
@media(max-width:820px){body[data-view=chat] .chat-shell{display:block}body[data-view=chat] .chat-threads{position:absolute;inset:0 auto 0 0;width:min(85vw,290px);transform:translateX(-105%);transition:transform .2s ease;box-shadow:15px 0 45px #382d1c18}.chat-pane-head .chat-drawer-toggle{display:grid}body[data-view=chat] .chat-pane-head{padding:14px 18px;min-height:70px;gap:9px}.chat-title-wrap h2{font-size:13px;max-width:44vw}.chat-title-wrap #chat-status{font-size:9px}.mode-pill{padding:6px 9px;font-size:10px}.chat-pane-head>#chat-details{width:30px;flex-basis:30px}.composer-zone{padding:0 18px max(18px,env(safe-area-inset-bottom))}.chat-welcome{padding:25px 20px 40px}.chat-welcome h1{font-size:37px}.chat-welcome>p:not(.eyebrow){font-size:12px}.chat-starters{gap:7px;margin-top:28px}.chat-starters button{font-size:10px;padding:11px}.chat-scroll .chat-messages{padding:24px 20px 30px}.chat-bubble p,.chat-message.guide .chat-bubble p{font-size:14px}.message-edit{opacity:1}.chat-drawer-scrim{position:absolute;z-index:9;inset:0;background:#02081088;backdrop-filter:blur(3px)}.chat-threads .chat-brand{margin-top:4px}.chat-threads .chat-rail-bottom{display:block}.chat-threads .conversation-list{display:flex;flex-direction:column}.chat-threads .conversation-item{min-width:0;width:100%}}
@media(max-width:480px){body[data-view=chat] .chat-pane-head{padding:10px 10px;min-height:64px;gap:6px}.chat-pane-head .chat-title-wrap h2{max-width:40vw;font-size:12px}.chat-pane-head .mode-pill{padding:5px 8px;min-height:31px}.mode-pill .status-dot{display:none}.chat-welcome h1{font-size:32px}.welcome-orbit{width:75px;height:75px;margin-bottom:24px}.welcome-orbit span{font-size:65px}.chat-welcome{padding:26px 20px}.chat-starters{flex-direction:column;align-items:center;margin-top:24px;gap:7px}.chat-starters button{min-height:40px;min-width:210px;justify-content:flex-start;padding:9px 14px}.composer-zone{padding:0 12px max(14px,env(safe-area-inset-bottom))}.chat-composer textarea{font-size:16px}.chat-composer .icon-button{width:30px;flex-basis:30px}.chat-composer-top{gap:3px}.chat-message.human{max-width:87%}.chat-message{max-width:95%}.chat-scroll .chat-messages{gap:22px;padding:22px 16px}.chat-bubble p,.chat-message.guide .chat-bubble p{font-size:14px}.chat-actions{gap:16px!important}.chat-actions button{font-size:9px}.composer-caption{font-size:8px}.composer-caption button{font-size:8px}.top-actions #top-account{padding:7px 10px;font-size:11px}.top-actions #about{display:none}}
@media(max-height:580px){.chat-welcome{padding:12px 20px}.welcome-orbit{display:none}.chat-starters{margin-top:14px;flex-direction:row}.chat-welcome .eyebrow{margin-bottom:8px}.chat-welcome h1{font-size:28px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.welcome-orbit i,.chat-message,.listening{animation:none!important}.chat-threads{transition:none!important}}
@media(max-width:720px){.top-actions #top-stories{display:none}.top-actions{gap:10px}.hero .capture-launch{margin-bottom:32px}}
.chat-actions button{font-size:12px;min-height:28px}.composer-caption,.composer-caption button{font-size:10px}.chat-title-wrap #chat-status{font-size:11px}.chat-starters button{font-size:12px}.chat-tool-menu button>span{font-size:13px}.chat-tool-menu small{font-size:11px}.chat-bubble-meta{font-size:10px}.welcome-orbit span{font-size:0;width:49px;height:49px;border:1.5px solid var(--line);border-right-color:transparent;border-radius:50%;transform:rotate(-35deg)}
@media(max-width:480px){.chat-actions{gap:13px!important}.chat-actions button{font-size:11px;min-height:32px}.chat-starters button{font-size:12px;min-height:44px}.composer-caption,.composer-caption button{font-size:9px}}

body[data-view=chat] .chat-threads{background:var(--surface-deep,#0a1621)}
body[data-view=chat] .chat-pane{position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 8%,#e5cfa208,transparent 48%),var(--ground)}
body[data-view=chat] .chat-pane-head,.composer-zone{background:transparent}
.chat-brand{color:var(--ink)}.chat-brand>span:last-child,.chat-starters button>span,.chat-actions span,.chat-message.guide .chat-avatar{color:var(--accent)}
body[data-view=chat] .conversation-item.active{background:#e5cfa212!important;box-shadow:inset 2px 0 var(--accent)}
body[data-view=chat] .conversation-item:hover,.icon-button:hover,.chat-tool-menu button:hover,.chat-starters button:hover{background:#ffffff09!important}
body[data-view=chat] .chat-composer{background:var(--paper);border-color:#e5cfa238;box-shadow:0 10px 40px #02081055}
body[data-view=chat] .chat-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #e5cfa210}
.chat-send{background:var(--accent);color:var(--ground)}.chat-send:disabled{background:#253340;color:#8695a1}
.mode-pill{background:#e5cfa20c;color:var(--accent);border-color:#e5cfa22b}.status-dot{background:var(--accent)}
body[data-view=chat] .chat-message.human .chat-bubble{background:var(--theme-wash,#192a39);border:1px solid #e5cfa218;color:var(--ink)}
.chat-tool-menu{background:var(--paper);box-shadow:0 14px 50px #02081099}
.welcome-orbit{border-color:#e5cfa229;box-shadow:0 0 80px #e5cfa212}.welcome-orbit span{border-color:var(--accent);border-right-color:transparent}.welcome-orbit i{background:var(--accent);box-shadow:0 0 18px #e5cfa288}
.chat-welcome .eyebrow{color:var(--accent)}.chat-welcome h1{color:var(--ink)}.chat-welcome>p:not(.eyebrow){color:var(--muted)}
.message-context{display:block;border:0;background:transparent;color:var(--accent);font-size:11px;padding:8px 0;min-height:32px;text-align:left}
.message-attachment{background:#0b1823;border:1px solid var(--line)}.message-attachment a{color:var(--accent)}
.chat-attachment-tray .message-attachment{flex-basis:140px;max-height:none}.chat-attachment-tray{max-height:165px}.attachment-remove{background:var(--paper);color:var(--ink)}
dialog{color-scheme:dark;background:var(--paper);color:var(--ink);border:1px solid #e5cfa22b}dialog input,dialog textarea,dialog select{background:#0b1621!important;color:var(--ink)!important;border-color:var(--line)!important}dialog h2{color:var(--ink)}
.google-button,.reuse-story{background:var(--paper);color:var(--ink)}#account-status,.details-actions button{color:var(--accent)}#chat-delete{color:#edaa9a}
#attachment-context-text{display:block;width:100%;margin:12px 0;padding:14px;resize:vertical;border:1px solid var(--line);border-radius:10px;font-size:16px;line-height:1.6;font-family:inherit}
.chat-title-wrap h2{color:var(--ink)}.message-edit,.message-time,.chat-bubble-meta,.rail-disclosure,.composer-caption,.composer-caption button{color:var(--muted)!important}
.chat-message.guide .chat-avatar{font-size:0;flex-shrink:0;width:23px;height:23px;border:1px solid var(--accent);border-right-color:transparent;border-radius:50%;transform:rotate(-32deg);margin-top:3px}
@media(prefers-reduced-motion:reduce){.welcome-orbit i{animation:none}}

/* Keep action hit areas consistent with the shared shell. */
body[data-view=chat] :is(.rail-link,.account-entry,.message-edit,.message-context,.chat-actions button,.chat-starters button){min-height:48px}
body[data-view=chat] .chat-pane-head :is(.icon-button,.mode-pill){min-width:48px;min-height:48px}
body[data-view=chat] .chat-pane-head .chat-title-wrap{min-width:0;flex:1}
body[data-view=chat] .chat-pane-head .chat-title-wrap h2{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-view=chat] .chat-tool-menu button{min-height:48px}
body[data-view=chat] :is(.chat-threads,.chat-tool-menu){overscroll-behavior:contain}
body[data-view=chat] .chat-rail-bottom :is(#open-circle,#open-profile,#chat-back){display:none}
body[data-view=chat] :is(.conversation-cosmos,.cosmic-circle) *,body[data-view=chat] .conversation-cosmos svg{animation:none!important}
body[data-view=chat] .journey-motion{display:none}
@media(max-width:699px){
 body[data-view=chat] .chat-pane-head{gap:6px;padding:8px 12px}
 body[data-view=chat] .chat-pane-head #chat-account-open{display:none}
 body[data-view=chat] .chat-pane-head>#chat-details{width:48px;flex-basis:48px}
 body[data-view=chat] .chat-pane-head .mode-pill{padding:8px;font-size:11px}
 body[data-view=chat] .chat-threads{width:min(88vw,340px)}
 body[data-view=chat] .chat-actions{gap:8px!important;justify-content:space-between}
 body[data-view=chat] .chat-actions button{min-width:0;padding:5px 6px;font-size:11px;line-height:1.25;text-align:center}
}

/* Preserve reading position and provide an explicit route back to the latest turn. */
.chat-latest{align-self:center;flex:none;min-height:44px;margin:0 16px 6px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--accent);font:inherit;font-size:13px}
.chat-latest[hidden]{display:none}
#chat-scroll:focus-visible,#chat-title:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}