/* Shared cinematic identity; functional surfaces remain in the existing app. */
body{background:#020d19}.ocean{background:radial-gradient(ellipse at 50% 36%,#1780b34d,transparent 60%),radial-gradient(ellipse at 95% 0%,#70438310,transparent 28%),linear-gradient(#021220,#063350)}
header{padding:18px 4vw;border-bottom-color:#a1dfff12;background:linear-gradient(#021220b3,transparent);backdrop-filter:blur(14px)}header nav{gap:10px}header nav button{background:#07263888;border-color:#b5eaff26;font-size:12px}
.workspace{height:calc(100dvh - 84px)}.workspace .stage{min-height:440px}.stage .avatar{height:76%;max-width:1100px;filter:drop-shadow(0 0 42px #60bdff25)}
.presence-heading{position:absolute;top:24px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:2;width:85%;color:#cfeeff}.presence-heading small{display:block;font-size:10px;letter-spacing:.32em;color:#84c6e6}.presence-heading h1{font-size:clamp(22px,3.3vw,42px);letter-spacing:-.035em;margin:10px 0;font-weight:500}.presence-heading p{margin:0;font-size:12px;color:#8cb6cc}
.presence-heading .presence-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#92ddff;margin-right:8px;box-shadow:0 0 14px #8adfff}
.composer{width:min(840px,calc(100vw - 40px));bottom:46px}.composer form{padding:10px;background:#052033c9;border-color:#a7e6ff38;border-radius:22px;backdrop-filter:blur(24px);box-shadow:0 16px 60px #0005}.composer #send{background:#b5e9ff;color:#052337;border:0;border-radius:15px}.composer #mic{border-radius:15px;background:#123e56;border-color:#c2eaff26}.composer input{font-size:16px}.caption{bottom:158px;padding:16px 22px;border-radius:18px;background:linear-gradient(90deg,transparent,#06283ec9,transparent);font-size:16px;color:#dbf3ff;max-height:130px;width:min(740px,90vw)}
.cards{top:18%;max-height:55%;width:min(740px,92vw)}.cards .card{border-radius:24px;border-color:#a6dfff38;background:linear-gradient(145deg,#0a3149f5,#041c2df5);box-shadow:0 24px 100px #0007,inset 0 1px #def7ff18;animation:presence-result .55s cubic-bezier(.2,.8,.2,1) both}.stage:has(+ .cards .card) .avatar{opacity:.32;transform:translateY(-12px) scale(.91)}
body[data-presence=processing] .presence-dot{animation:presence-breathe 1.6s ease-in-out infinite}body[data-presence=speaking] .presence-dot{box-shadow:0 0 22px #8adfff;background:#e1f9ff}body[data-presence=listening] .composer form{border-color:#b4edff88;box-shadow:0 0 28px #78cfff20}
.chatonly .presence-heading{display:none}.chatonly .workspace{max-width:1020px}.chatonly .chatlog{padding:24px 24px 12px}.chatonly .msg.nx{background:linear-gradient(135deg,#092c4088,#061d3088);border:1px solid #a1dfff24;border-radius:20px}.chatonly .msg.me{background:#24567466;border-color:#aadfff30}.chatonly .composer{width:100%;padding:16px 20px 58px}.chatonly .chat-controls button{background:#06243888;border-color:#98dcff24}
body.immersive .presence-heading{top:44px}body.immersive .composer{bottom:44px}.toolbox-toggle,.suggest-fab{background:#082d43e6;border-color:#a6dfff33;color:#cef0ff;font-size:12px}
@keyframes presence-breathe{50%{opacity:.35;box-shadow:0 0 4px #8adfff}}@keyframes presence-result{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px){header{padding:12px}.brand{font-size:15px}.ceo-logo{width:32px;height:32px}header nav{gap:5px}header nav button{font-size:10px;padding:8px}.workspace .stage{height:calc(100dvh - 92px);min-height:430px}.presence-heading{top:58px}.presence-heading h1{font-size:24px}.stage .avatar{height:72%;padding-top:38px}.composer{bottom:max(55px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.caption{bottom:165px;font-size:14px}.cards{top:25%;max-height:43%}.chatonly .chatlog{padding:14px}.chatonly .composer{padding:10px 12px 65px}.chatonly .workspace{height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:reduce){.cards .card,.presence-dot{animation:none!important}.stage .avatar{transition:none}}