html,body,#root{margin:0;height:100%}.app-container{display:flex;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e;color:#fff}.canvas{flex:1;position:relative;overflow:hidden;min-width:0}.canvas>canvas{display:block}.sidebar{width:25%;min-width:240px;box-sizing:border-box;background:#16213e;padding:20px;overflow-y:auto;border-left:1px solid #0f3460}.hud{margin-bottom:30px;padding:15px;background:#0f3460;border-radius:8px;font-size:14px;line-height:1.8}.hud-row{display:flex;justify-content:space-between}.chart-panel{margin-bottom:30px;max-height:300px}.chart-panel canvas{max-width:100%}.mic-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.mic-button button{padding:12px 24px;font-size:16px;background:#3498db;color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s;-webkit-user-select:none;user-select:none;touch-action:none}.mic-button button:hover{background:#2980b9;transform:scale(1.05)}.mic-button button.listening{background:#e74c3c;animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-log{max-width:420px;padding:8px 12px;background:#0f3460d9;border-radius:8px;font-size:13px;line-height:1.5;text-align:center}.voice-reply{opacity:.85;font-size:13px}.text-command input{width:240px;padding:6px 12px;border-radius:16px;border:1px solid #0f3460;background:#16213ed9;color:#fff;font-size:13px}.change-cards{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px}.change-card{background:#3498dbe6;padding:12px 16px;border-radius:6px;font-size:12px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.setting-name{font-weight:700;margin-bottom:4px}.setting-values{font-size:11px;opacity:.8}.demo-badge{position:absolute;top:12px;left:12px;z-index:5;padding:6px 10px;border-radius:6px;background:#0000008c;color:#fff;font-size:12px;pointer-events:none}.growth-panel{position:absolute;top:48px;left:12px;z-index:5;padding:6px 10px;border-radius:6px;background:#0000008c;color:#fff;font-size:12px;line-height:1.5;pointer-events:none}