﻿/* Conversation: a quiet surface, with the available height reserved for messages. */
.chat-open main>.page-heading,.chat-open main>.stats,.chat-open main>footer,.conversation-heading,.conversation-context{display:none}
.chat-open main{padding:22px 28px;height:calc(100dvh - 77px);min-height:0}
.conversation-view,.conversation-layout,#conversation-main{height:100%;min-height:0}
.conversation-layout{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.6fr);gap:24px;max-width:1200px;margin:auto}
#conversation-presence{display:flex;align-items:center;min-width:0}
.conversation-view .entity{width:100%;background:transparent;border:0}
.conversation-view .entity>.panel-top{justify-content:center;padding:16px}
.conversation-view .entity>.panel-top>.overline,.conversation-view .entity .coordinate,.conversation-view .orb-label small,.conversation-view .entity-message,.conversation-view .vitals,.conversation-view .entity-footer>span{display:none}
.conversation-view .entity .orb-stage{height:280px;background:none}
.conversation-view .orb-label>span{font-size:16px;letter-spacing:4px}
.conversation-view .entity-footer{border:0;justify-content:center;padding:16px}
.conversation-view .chat{height:100%;min-height:0;max-height:none;background:#0c1017;display:flex;flex-direction:column}
.conversation-view .chat>.panel-top{padding:20px 26px;flex-shrink:0}
.conversation-view .chat>.panel-top h2{font-size:14px}
.conversation-view .chat>.panel-top p,.conversation-view .chat-spark,.conversation-view .expand-chat{display:none}
.conversation-view #messages{min-height:0;padding:26px;overscroll-behavior:contain;flex:1}
.conversation-view .message{max-width:94%;margin-bottom:28px}
.conversation-view .message p{font-size:14px;line-height:1.85}
.conversation-view .message.user{margin-left:auto;max-width:86%;padding:14px 18px;border-radius:14px 14px 3px 14px;background:#17263d}
.conversation-view .message-head{font-size:11px;margin-bottom:10px}
.conversation-view .message-head small{display:none}
.conversation-view .chat-bottom{padding:12px 18px 16px;flex-shrink:0}
.conversation-view .suggestions,.conversation-view .composer-hint,.conversation-view .chat-disclaimer{display:none}
.conversation-view #chat-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:end;gap:12px;padding:12px 14px;border-radius:16px}
.conversation-view textarea{font-size:14px;height:44px;min-height:44px;max-height:110px;line-height:1.6}
.conversation-view .composer-bottom{display:contents}
.conversation-view .composer-bottom>span{grid-column:1;grid-row:2;font-size:8px;color:#8494aa}
.conversation-view #send{grid-column:2;grid-row:1 / 3;align-self:center;width:38px;height:38px;border-radius:12px}
.composer-hint{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#8494ad;margin:9px 2px}
.expand-chat{margin-left:auto;white-space:nowrap}
.chat:has(.expand-chat) .chat-spark{display:none}
.chat-notice{border:1px solid #bc9d5c33;background:#bc9d5c09;padding:10px;border-radius:7px;margin-bottom:10px;font-size:11px;line-height:1.7;color:#cbbb9f}
.chat-notice button{display:block;margin-top:5px}
@media(max-width:1050px){.conversation-layout{grid-template-columns:180px minmax(0,1fr);gap:12px}.conversation-view .entity .orb-stage{height:210px}.chat-open main{padding:18px}}
@media(max-width:850px){
.chat-open .shell>header{display:none}
.chat-open main{padding:0;height:100dvh}
.conversation-layout{display:flex;flex-direction:column;gap:0}
#conversation-presence{height:64px;flex-shrink:0;border-bottom:1px solid #ffffff0d}
#conversation-main{flex:1;min-height:0;width:100%;height:auto}
.conversation-view .entity{height:64px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;border-radius:0;overflow:visible}
.conversation-view .entity .orb-stage{grid-column:1;grid-row:1;height:64px!important;width:64px}
.conversation-view .orb-label{display:none}
.conversation-view .entity>.panel-top{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:0}
.conversation-view .entity>.panel-top>.overline{display:block;font-size:11px;letter-spacing:2px}
.conversation-view .entity .status{font-size:10px}
.conversation-view .entity-footer{grid-column:3;grid-row:1;padding:0 18px}
.conversation-view .chat{border:0;border-radius:0;background:transparent}
.conversation-view .chat>.panel-top{display:none}
.conversation-view #messages{padding:24px 20px}
.conversation-view .message p{font-size:15px;line-height:1.8}
.conversation-view .chat-bottom{padding:10px 14px max(12px,env(safe-area-inset-bottom))}
.conversation-view textarea{font-size:16px;min-height:40px;height:40px}
.conversation-view .message{max-width:100%}
.conversation-view .message.user{max-width:90%}
}
@media(max-width:500px){
nav button{padding:10px 12px}
.chat-open main{height:calc(100dvh - 62px - env(safe-area-inset-bottom))}
.chat-open .sidebar{height:calc(62px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom))}
.conversation-view #messages{padding:20px 18px}
.conversation-view .chat-bottom{padding:8px 12px 12px}
.expand-chat{max-width:105px;white-space:normal;text-align:right;font-size:8px;line-height:1.7}
}
.landing-hero,.landing-funds,.landing-journey{display:none}
body.landing-open{background:radial-gradient(ellipse at 50% 35%,#10234444,transparent 48%),#05070c}
.landing-open .sidebar,.landing-open .page-heading,.landing-open .stats,.landing-open .bottom-grid,.landing-open main>footer{display:none}
.landing-open .shell{margin:0}
.landing-open header{height:60px;border:0;max-width:1200px;margin:auto;padding:0 28px}
.landing-open .breadcrumb{font-size:12px;letter-spacing:3px;color:#d3e2f8}
.landing-open .breadcrumb>span,.landing-open .header-actions>.avatar,.landing-open .demo-tag{display:none}
.landing-open .landing-journey{display:block;font-size:10px}
.landing-open main{padding:12px 20px 24px;max-width:720px;height:calc(100dvh - 60px);min-height:640px}
.landing-open #view-overview,.landing-open .main-grid{height:100%;min-height:0}
.landing-open .main-grid{display:flex;flex-direction:column;gap:0}
.landing-open .entity{background:none;border:0;border-radius:0;flex-shrink:0}
.landing-open .entity>.panel-top,.landing-open .orb-label,.landing-open .coordinate,.landing-open .entity-message,.landing-open .vitals,.landing-open .entity-footer{display:none}
.landing-open .landing-hero{display:block;text-align:center}
.landing-hero h1{white-space:pre-line;font:400 clamp(28px,4vw,40px)/1.2 Manrope,sans-serif;letter-spacing:-1.6px;margin:8px 0 12px}
.landing-hero p{font-size:12px;line-height:1.7;color:#8f9cb2;margin:0}
.landing-open .orb-stage{height:205px;background:none;max-width:480px;width:100%;margin:auto}
.landing-open .landing-funds{display:flex;flex-direction:column;align-items:center;gap:8px;margin:-2px 0 22px}
.landing-funds strong{font:400 25px Manrope,sans-serif;letter-spacing:-.8px;color:#c0d9ff}
.landing-funds>span{font-size:7px;letter-spacing:2px;color:#7b8ca5}
.landing-open .chat{flex:1;min-height:180px;height:auto;border:0;background:none;overflow:hidden}
.landing-open .chat>.panel-top,.landing-open .suggestions,.landing-open .composer-hint,.landing-open .chat-disclaimer,.landing-open .message-head small{display:none}
.landing-open #messages{padding:5px 14px 12px;min-height:0;overscroll-behavior:contain}
.landing-open .message{margin-bottom:18px}
.landing-open .message p{font-size:13px;line-height:1.8}
.landing-open .message-head{font-size:10px}
.landing-open .chat-bottom{padding:8px 0 0;flex-shrink:0}
.landing-open #chat-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px 14px;padding:13px 16px;border-radius:16px;background:#0d1420}
.landing-open textarea{font-size:14px;height:40px;min-height:40px;max-height:100px}
.landing-open .composer-bottom{display:contents}
.landing-open .composer-bottom>span{grid-row:2;grid-column:1;font-size:8px}
.landing-open #send{grid-row:1 / 3;grid-column:2;width:38px;height:38px;border-radius:12px}
@media(max-width:500px){
.landing-open header{height:48px;padding:0 18px}.landing-open .header-actions{gap:14px}.landing-open main{height:calc(100dvh - 48px);min-height:0;padding:4px 16px max(12px,env(safe-area-inset-bottom))}
.landing-hero h1{font-size:27px;letter-spacing:-1px;margin:8px 0}.landing-hero p{font-size:10px}.landing-open .orb-stage{height:155px}.landing-open .landing-funds{gap:6px;margin:-4px 0 17px}.landing-funds strong{font-size:23px}.landing-funds>span{font-size:6px;letter-spacing:1.5px}.landing-open #messages{padding:0 4px 10px}.landing-open .message p{font-size:13px}.landing-open textarea{font-size:16px}.landing-open .chat{min-height:0}
}
@media(max-height:600px){.landing-open .orb-stage{height:85px}.landing-hero h1{font-size:22px}.landing-hero p,.landing-funds>span{display:none}.landing-open .landing-funds{margin:0 0 10px}.landing-open main{min-height:0}}

/* The entity leads; the conversation stays readable and within reach. */
.landing-open main{max-width:640px;min-height:0;padding-top:18px}
.landing-hero h1{font-size:32px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:4px 0 10px;color:#eef3ff}
.landing-hero p{font-size:12px;color:#98a5ba}
.landing-open .orb-stage{height:280px;max-width:540px}
.landing-open .landing-funds{margin:-6px 0 24px;gap:7px}
.landing-funds strong{font-size:28px;font-weight:500;color:#d4e5ff}
.landing-funds>span{font-size:11px;letter-spacing:.2px;color:#9baac0}
.landing-open .message-head,.conversation-view .message-head{display:none}
.landing-open .message,.conversation-view .message{margin-bottom:22px}
.landing-open .message p,.conversation-view .message p{font-size:15px;line-height:1.85;color:#d1daea}
.landing-open .message.user,.conversation-view .message.user{width:fit-content;max-width:85%;margin-left:auto;padding:11px 17px;border:1px solid #aac9ff10;background:#19263a;border-radius:16px 16px 4px 16px}
.landing-open #messages{padding:10px 10px 16px;scrollbar-width:thin;scrollbar-color:#42547055 transparent}
.landing-open:not(.has-conversation) #messages{display:flex;align-items:center;justify-content:center}
.landing-open:not(.has-conversation) .message{max-width:440px;text-align:center;margin:0}
.landing-open #chat-form{background:#101722;border-color:#9abbf02a;box-shadow:0 8px 35px #0003}
.landing-open textarea{font-size:15px;color:#edf3ff}
.thinking-indicator{font-size:12px;color:#a6baf1;padding:8px 0}
@media(max-width:500px){
.landing-open main{padding-top:10px}
.landing-hero h1{font-size:25px;line-height:1.3;margin:6px 0 10px}
.landing-hero p{font-size:11px;max-width:290px;margin:auto;line-height:1.7}
.landing-open .orb-stage{height:220px}
.landing-open .landing-funds{margin:-5px 0 18px}
.landing-funds strong{font-size:26px}.landing-funds>span{font-size:11px;letter-spacing:0}
.landing-open .message p{font-size:15px;line-height:1.8}
.landing-open textarea{font-size:16px}
.landing-open.has-conversation .entity{display:grid;grid-template-columns:78px 1fr;align-items:center;margin:0 0 14px;border-bottom:1px solid #ffffff0b;padding-bottom:8px}
.landing-open.has-conversation .landing-hero{display:none}
.landing-open.has-conversation .orb-stage{height:78px;width:78px;grid-column:1;grid-row:1;margin:0}
.landing-open.has-conversation .landing-funds{grid-column:2;grid-row:1;align-items:flex-start;gap:4px;margin:0 0 0 10px}
.landing-open.has-conversation .landing-funds strong{font-size:22px}
}
@media(max-height:700px) and (min-width:501px){.landing-open .orb-stage{height:170px}.landing-hero h1{font-size:26px}.landing-open .landing-funds{margin-bottom:14px}}
@media(max-height:600px) and (max-width:500px){.landing-open .orb-stage{height:130px}.landing-hero h1{font-size:23px}.landing-open .landing-funds{margin-bottom:12px}}
.power-off-message{display:none}
.powered-off.landing-open{background:#070809}
.powered-off .orb-stage{background:none!important}
.powered-off .entity{background:transparent}
.powered-off .entity .dot{background:#62656b;box-shadow:none}
.powered-off .status,.powered-off #orb-word,.powered-off .landing-funds strong{color:#909399}
.powered-off .landing-hero,.powered-off .entity-footer,.powered-off .vitals{display:none!important}
.powered-off .chat>#messages,.powered-off .chat>.chat-bottom,.powered-off .chat>.panel-top{display:none}
.powered-off .power-off-message{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:12px;padding:25px 15px;margin:auto;width:100%}
.power-off-message h2{font:500 clamp(28px,4vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-1.4px;margin:0;color:#e8e9ed;max-width:540px;text-wrap:balance}
.power-off-message p{font-size:14px;line-height:1.9;color:#969ba5;margin:4px 0 0;max-width:390px;text-wrap:pretty}
.power-off-message button{margin-top:18px;padding:16px 28px;background:#e5edff;color:#172235;border:1px solid #f2f5ff;border-radius:999px;box-shadow:0 4px 28px #91b6ff18;transition:background .2s,transform .2s}
.power-off-message button:hover{background:#fff;transform:translateY(-2px)}
.power-off-message button:focus-visible{outline:2px solid #91b6ff;outline-offset:5px}
.powered-off.landing-open .power-off-message{margin:0 auto;padding-top:20px}
.powered-off.landing-open .chat{flex:0 0 auto}
.powered-off.landing-open .landing-funds span{color:#777e8a}
.power-off-message small{font-size:10px;color:#858990;line-height:1.7}
.powered-off.landing-open .chat{min-height:190px}
@media(max-width:500px){.powered-off.landing-open.has-conversation .entity{display:flex;border:0}.powered-off.landing-open.has-conversation .orb-stage{width:100%;height:190px;margin:auto}.powered-off.landing-open.has-conversation .landing-funds{align-items:center;margin:0 0 10px}.powered-off.landing-open .orb-stage{height:190px}.powered-off .power-off-message h2{font-size:24px}}
