.official-brand{padding:10px 12px;background:#fff;border-radius:12px;display:block;margin-bottom:28px}
.official-brand img{display:block;width:100%;height:auto;object-fit:contain}
.login-art .official-brand{width:255px;max-width:90%}
.coordinator{overflow:hidden;position:relative;background:radial-gradient(ellipse at 10% 45%,#261b1b88,transparent 55%),radial-gradient(ellipse at 95% 45%,#0d344044,transparent 55%),#090f19;color:#e5eaf2;border-radius:22px;padding:30px 38px 20px;min-height:680px}
.coordinator-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.coordinator h1{font-size:24px;letter-spacing:.08em;margin-top:9px;color:#edf1f6}.eyebrow{font-size:10px;letter-spacing:.22em;color:#9babbc}.voice-indicator{font-size:12px;color:#a6afbe;border:1px solid #bdcddd24;border-radius:20px;padding:8px 13px}.voice-indicator:before{content:'';display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#d0aa74}
.orb-scene{height:320px;position:relative;display:grid;place-items:center;max-width:540px;margin:0 auto}.energy-orb{position:absolute;width:420px;height:420px;max-width:110%;aspect-ratio:1;pointer-events:none}
.coordinator-greeting{text-align:center;margin-top:-10px;position:relative}.coordinator-greeting h2{font-size:24px;font-weight:500;letter-spacing:.08em;color:#ede5db}.coordinator-greeting p{color:#8898ac;margin:12px 0 23px;font-size:13px}
.voice-controls{display:flex;justify-content:center;align-items:center;gap:24px}.voice-start,.voice-text{display:flex;align-items:center;gap:9px;color:#e8dcc9;border:1px solid #d1b98e55;background:#baa37913;padding:13px 22px;border-radius:28px;font-size:14px}.voice-text{border:none;background:transparent;color:#9aafbd;padding:10px 5px}.voice-start:hover{background:#baa37928}.voice-state{text-align:center;color:#8696aa;font-size:12px;margin:15px auto 22px;min-height:18px}
.coordinator-composer{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:14px;border:1px solid #c6d8e428;border-radius:17px;padding:13px 15px;background:#c3d9eb06}.coordinator-composer textarea{flex:1;color:#e2eaf2;background:transparent;border:none;min-height:48px;height:48px;resize:vertical;padding:8px;box-shadow:none}.coordinator-composer textarea::placeholder{color:#798899}.send-circle{height:39px;width:39px;flex-shrink:0;border-radius:50%;background:#e2c595;color:#1d2634;display:grid;place-items:center}.send-circle .icon{transform:rotate(-90deg)}
.memory-strip{display:flex;justify-content:space-between;gap:15px;color:#8e9fb1;font-size:11px;max-width:720px;margin:22px auto 0;padding-top:17px;border-top:1px solid #dbeaff10}.memory-strip span,.memory-strip button{display:flex;align-items:center;gap:6px}.memory-strip button{font-size:11px;color:#b6c8d4;background:none}.memory-strip .icon{width:15px;height:15px}.conversation-history{margin-top:22px}.memory-reference{padding:16px;border:1px solid var(--line);border-radius:10px}.memory-reference p{white-space:pre-wrap;line-height:1.8;margin:14px 0}.bubble details{font-size:12px;margin-top:15px;color:#56708a}
@media(max-width:760px){.coordinator{padding:24px 20px;min-height:610px}.coordinator h1{font-size:20px}.coordinator-heading{align-items:flex-start}.orb-scene{height:270px}.energy-orb{width:350px;height:auto}.coordinator-greeting h2{font-size:20px}.memory-strip{flex-direction:column;align-items:center}.voice-controls{gap:12px}.voice-start{padding:12px 16px}.sidebar .official-brand{padding:5px;margin:8px 0}.voice-state{max-width:300px;line-height:1.6}.page-title{flex-wrap:wrap;gap:12px}}