*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-panel:#16161e;--accent:#00e5ff;--accent-dim:#00e5ff33;--green:#0f4;--green-dim:#0f43;--red:#f34;--red-dim:#f343;--metallic:#8a8a9a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-dim:#666680;--border:#2a2a3a}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::selection{background:var(--accent-dim);color:var(--accent)}.app{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main{flex:1;display:flex;overflow:hidden}.avatar-area{flex-direction:column;flex:1;min-width:0;display:flex}.avatar-view{flex:1;position:relative}.controls{background:var(--bg-primary);justify-content:center;align-items:center;gap:16px;padding:12px 0 20px;display:flex}.chat-area{flex-shrink:0;width:400px}@media (width<=768px){.main{flex-direction:column}.avatar-area{flex:none;height:70vh}.avatar-view{flex:1;min-height:0}.controls{padding:6px 0 10px}.chat-area{flex:none;width:100%;height:30vh;min-height:0}}