.shell{position:relative;width:100%;height:100%;min-height:100vh;background:#000;overflow:hidden}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.orb{width:min(42vmin,360px);height:min(42vmin,360px);object-fit:contain;-webkit-user-select:none;user-select:none;transition:opacity .35s ease,transform .35s ease}.orb.hidden{opacity:0;position:absolute;transform:scale(.96);pointer-events:none}.orb.visible{opacity:1;transform:scale(1)}.talk-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.75rem}.talk-btn{border:1px solid rgba(62,198,255,.45);background:#000000b8;color:var(--text);border-radius:999px;padding:.9rem 1.6rem;min-width:180px;cursor:pointer;font-family:Segoe UI,system-ui,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.03em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;touch-action:none}.talk-btn:hover:not(:disabled){border-color:#3ec6ffcc;color:var(--accent)}.talk-btn:disabled{opacity:.55;cursor:not-allowed}.talk-btn.recording{background:#b428288c;border-color:#ff7878b3;color:#fff;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.status-pill{padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(62,198,255,.28);background:#0000008c;color:var(--muted);font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-pill.active{color:var(--accent);border-color:#3ec6ff8c}.chat-toggle{position:absolute;top:1.25rem;left:1.25rem;z-index:5;border:1px solid var(--panel-border);background:#000000b3;color:var(--text);border-radius:999px;padding:.65rem 1rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-toggle:hover{border-color:#3ec6ff8c}.chat-panel{position:absolute;top:6rem;left:1.25rem;bottom:1.25rem;width:min(360px,calc(100vw - 2.5rem));z-index:4;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 18px 50px #0000008c;overflow:hidden;transform:translate(-110%);opacity:0;transition:transform .28s ease,opacity .28s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-panel.open{transform:translate(0);opacity:1}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.95rem 1rem;border-bottom:1px solid rgba(90,140,170,.25)}.chat-header h2{margin:0;font-size:.95rem;font-weight:600;font-family:Segoe UI,system-ui,sans-serif;letter-spacing:.03em}.chat-header p{margin:.2rem 0 0;color:var(--muted);font-size:.75rem;font-family:Segoe UI,system-ui,sans-serif}.chat-header button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem;padding:.35rem .5rem}.chat-header button:hover{color:var(--text)}.chat-log{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:.85rem;min-height:0}.bubble{display:block;width:fit-content;max-width:92%;padding:.75rem .95rem;border-radius:14px;background:var(--bubble);color:var(--text);line-height:1.55;font-size:.95rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;box-shadow:none;position:relative;flex-shrink:0}.bubble.user{align-self:flex-end;background:var(--bubble-user);border:1px solid rgba(62,198,255,.18)}.bubble.bot{align-self:flex-start;border:1px solid rgba(255,255,255,.06);min-height:2.5rem}.bubble.system{align-self:center;max-width:100%;background:transparent;color:var(--muted);font-size:.8rem;font-family:Segoe UI,system-ui,sans-serif;text-align:center;padding:.25rem .5rem}.mic-error{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);color:var(--danger);font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem;z-index:3;text-align:center;max-width:90%}@media(max-width:640px){.orb{width:min(58vmin,280px);height:min(58vmin,280px)}.chat-panel{top:auto;left:.75rem;right:.75rem;bottom:.75rem;width:auto;height:min(55vh,420px)}}.chat-toggle,.voice-selector{height:54px!important;min-height:54px!important;max-height:54px!important;box-sizing:border-box!important}.voice-selector{position:absolute!important;top:1.25rem!important;left:8.5rem!important;right:auto!important;bottom:auto!important;z-index:6!important;display:flex!important;align-items:center!important;gap:.65rem!important;padding:.65rem 1rem!important;border:1px solid var(--panel-border)!important;background:#000000b3!important;color:var(--text)!important;border-radius:999px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.voice-selector:hover{border-color:#3ec6ff8c!important}.voice-selector label{margin:0!important;color:var(--text)!important;font-family:Segoe UI,system-ui,sans-serif!important;font-size:.95rem!important;font-weight:400!important;line-height:1!important;white-space:nowrap!important}.voice-selector select{width:auto!important;min-width:205px!important;height:40px!important;box-sizing:border-box!important;border:0!important;outline:none!important;background:transparent!important;color:var(--text)!important;padding:0 1.8rem 0 0!important;margin:0!important;font-family:Segoe UI,system-ui,sans-serif!important;font-size:.95rem!important;font-weight:400!important;line-height:1!important;cursor:pointer!important}.voice-selector select:focus{outline:none!important}.voice-selector select option{background:#0b0d0f!important;color:var(--text)!important}.voice-selector select:disabled{opacity:.55!important;cursor:not-allowed!important}@media(max-width:640px){.chat-toggle,.voice-selector{height:50px!important;min-height:50px!important;max-height:50px!important}.voice-selector{top:1.25rem!important;left:8.5rem!important;max-width:calc(100vw - 9rem)!important;padding:.55rem .8rem!important}.voice-selector select{min-width:145px!important;max-width:calc(100vw - 13rem)!important;height:38px!important;font-size:.9rem!important}.chat-panel{top:5.5rem!important}}.login-shell{position:relative;display:grid;place-items:center;width:100%;min-height:100vh;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 15%,rgba(62,198,255,.15),transparent 34%),radial-gradient(circle at 10% 90%,rgba(62,198,255,.06),transparent 30%),#05070a}.login-card{width:min(100%,430px);padding:clamp(28px,5vw,42px);border:1px solid rgba(90,140,170,.4);border-radius:24px;background:#0c0e12f0;box-shadow:0 24px 80px #0000008c,0 0 55px #3ec6ff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:22px;border:1px solid rgba(62,198,255,.6);border-radius:18px;background:#3ec6ff1a;color:var(--accent);font-family:Segoe UI,system-ui,sans-serif;font-size:28px;box-shadow:0 0 28px #3ec6ff1a}.login-mark-wave{display:block;width:32px;height:32px;overflow:visible}.login-eyebrow{margin:0 0 10px;color:var(--accent);font-family:Segoe UI,system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em}.login-card h1{margin:0;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:650;letter-spacing:-.04em}.login-subtitle{margin:10px 0 28px;color:var(--muted);font-family:Segoe UI,system-ui,sans-serif;font-size:.95rem;line-height:1.55}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{margin-top:5px;color:#dce5ed;font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem;font-weight:600}.login-form input{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(90,140,170,.36);border-radius:11px;outline:none;background:#00000057;color:var(--text);font-size:.95rem;transition:border-color .18s ease,box-shadow .18s ease}.login-form input::placeholder{color:#6f7c89}.login-form input:focus{border-color:#3ec6ffd9;box-shadow:0 0 0 3px #3ec6ff1a}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:68px}.password-visibility{position:absolute;top:50%;right:9px;transform:translateY(-50%);padding:6px 8px;border:0;background:transparent;color:var(--accent);font-size:.78rem;cursor:pointer}.login-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;margin-top:17px;border:1px solid rgba(62,198,255,.7);border-radius:11px;background:linear-gradient(135deg,#3ec6ff,#1998d0);color:#041018;font-family:Segoe UI,system-ui,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .2s ease,transform .2s ease}.login-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.login-submit:disabled{opacity:.7;cursor:wait}.login-spinner{width:15px;height:15px;border:2px solid rgba(4,16,24,.28);border-top-color:#041018;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{margin-top:5px;padding:10px 12px;border:1px solid rgba(217,96,96,.4);border-radius:9px;background:#d9606017;color:#faa;font-family:Segoe UI,system-ui,sans-serif;font-size:.84rem;line-height:1.45}.login-footer{margin:24px 0 0;color:#647281;font-family:Segoe UI,system-ui,sans-serif;font-size:.76rem;text-align:center}.user-actions{position:absolute;top:1.25rem;right:1.25rem;z-index:7;display:flex;align-items:center;gap:10px}.user-label{color:var(--muted);font-family:Segoe UI,system-ui,sans-serif;font-size:.82rem}.logout-button{min-height:54px;padding:.65rem 1rem;border:1px solid var(--panel-border);border-radius:999px;background:#000000b3;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-button:hover{border-color:#3ec6ff8c;color:var(--accent)}@media(max-width:760px){.user-actions{top:5.3rem;right:1rem}.logout-button{min-height:42px;padding:.45rem .8rem}.user-label{display:none}}:root{--bg: #000000;--panel: rgba(12, 14, 18, .92);--panel-border: rgba(90, 140, 170, .35);--bubble: #1c2430;--bubble-user: #243040;--text: #f2f4f7;--muted: #8b98a8;--accent: #3ec6ff;--danger: #d96060}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;background:#000;color:var(--text)}body{font-family:Georgia,Times New Roman,Noto Naskh Arabic,serif;overflow:hidden}button,input{font-family:Segoe UI,system-ui,sans-serif}