/* Carla's quiet violet space, based on the supplied visual reference. */
body{isolation:isolate;background:#08070d;background-image:radial-gradient(ellipse at 50% 20%,#27143e99 0%,#120c2066 38%,transparent 75%)}
#space{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.topbar{height:54px;min-height:54px;background:transparent;border:0;padding:0 32px}.brand{opacity:.65}.brand-note{display:none}.brand .brand-wordmark{width:90px;height:auto}.connection{font-size:10px}.icon-button{background:#13101b55;border-color:#ffffff14}
.presence{position:relative;height:clamp(140px,22vh,200px);flex-shrink:0;display:grid;place-items:center;pointer-events:none}
.presence:before{content:"";position:absolute;width:300px;height:240px;border-radius:50%;background:radial-gradient(ellipse,#9b6ed51c,transparent 68%);filter:blur(14px)}
.living-logo{width:160px;height:147px;filter:drop-shadow(0 0 18px #c297ff55)}.living-logo svg{width:100%;height:100%;overflow:visible;fill:#faf3ff}.logo-shape{transform-origin:120px 89px}
#scroll-area{position:relative;mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 12px),transparent)}
.conversation{max-width:820px;margin:auto;padding-top:25px}.conversation-heading{display:none}.message{margin-bottom:32px}.message-text{color:#e9e5f1}.message.user .message-main{background:#25222dcc;border:1px solid #ffffff08;box-shadow:none}.message-avatar{mix-blend-mode:screen}.message-label,.message-time,.copy-answer{color:#a19aac}
.composer-area{position:relative;background:linear-gradient(0deg,#08070df0,transparent);padding-top:14px}.composer{border-radius:28px;background:linear-gradient(110deg,#252932c9,#332342c9 55%,#213340c9);border:1px solid #a0b9d34d;box-shadow:0 0 25px #9a64de0c,inset 0 0 16px #ffffff04;backdrop-filter:blur(18px)}.composer textarea{font-size:15px}.composer button{border-radius:50%;background:radial-gradient(circle at 35% 30%,#746a91,#284151);color:#fff;border:1px solid #9ec6df80;box-shadow:0 0 14px #9d8be82b}.composer button:disabled{background:#34404e;color:#9e99ad;opacity:.6}.composer-caption{color:#8b8497}.welcome{padding-top:15px}.carla-emblem{display:none}.suggestions button{background:#19132299}.intro{color:#b8afc5}
@media(max-width:600px){.topbar{height:44px;min-height:44px;padding:0 20px}.brand .brand-wordmark{width:76px;height:auto}.connection{font-size:9px}.presence{height:clamp(135px,22vh,190px)}.living-logo{width:150px;height:138px}.conversation{padding-left:24px;padding-right:24px}.message-text{font-size:14px;line-height:1.75}.composer-area{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.composer{padding:7px 8px 7px 17px}.composer textarea{font-size:16px}.composer-caption{font-size:9px}.welcome{padding-top:10px}h1{font-size:32px}.suggestions{margin-top:20px}}
@media(max-height:550px){.presence{height:80px}.living-logo{width:100px;height:92px}.topbar{height:36px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.living-logo{animation:none}}
.cloud-details{margin:14px 0;border:1px solid #ffffff1c;border-radius:12px;padding:12px 15px;background:#15101b99}.cloud-details summary{cursor:pointer;color:#c3b8d6;font-size:12px}.cloud-details[open] summary{margin-bottom:14px}.cloud-details .message-text{white-space:pre-wrap;overflow-wrap:anywhere}.thinking{align-items:flex-start}.thinking>div{min-width:0;line-height:1.6}
#waiting-jobs{max-height:160px;overflow:auto;font-size:12px;padding:10px 16px;background:#181222dd;border:1px solid #ffffff20;border-radius:14px;margin-bottom:8px}#waiting-jobs summary{cursor:pointer;color:#cbbbdc}.waiting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 0}.waiting-row span{overflow-wrap:anywhere}.waiting-row button{flex-shrink:0}#memory-dialog{width:min(620px,94vw);max-height:85dvh;overflow:auto}#memory-results{margin-top:18px}.memory-entry{padding:12px 0;border-top:1px solid #ffffff20}.memory-entry small{color:#a49aaf}.memory-entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#eee8f3}#memory-form input{margin-bottom:10px}.header-right{gap:12px}
