:root{color-scheme:dark;--ink:#edf5ff;--muted:#a4b4ca;--bg:#08172b;--panel:#112640;--line:#29415f;--aqua:#6fe4d3;--blue:#7cb9ff;--danger:#ffc2bc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse 70% 48% at 50% 27%,#1f4864 0%,#102d48 40%,var(--bg) 85%);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}.shell{max-width:520px;min-height:100dvh;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 22px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:34px}.brand{font-weight:760;font-size:1.15rem;letter-spacing:.02em}.brand span{color:var(--aqua)}.network{color:var(--danger);font-size:.8rem}.centered{margin:auto;text-align:center;color:var(--muted)}.logo-mark{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#4cced8,#7a83e9);box-shadow:0 15px 55px #050d21a8;color:#fff;font-size:2rem}.login{margin:auto 0}.login-hero{text-align:center;margin:20px auto 38px}.login-hero h1{font-size:clamp(2rem,8vw,2.7rem);line-height:1.08;margin:30px 0 12px;letter-spacing:-.04em}.login-hero p{color:var(--muted);line-height:1.55;max-width:31ch;margin:auto}.login-form,.settings-panel{display:grid;gap:18px}.login-form label,.settings-panel label,.category-label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.login-form input,.text-fallback input,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:13px;padding:12px 14px;color:var(--ink);background:#0d2037;outline:none}.login-form input:focus,.text-fallback input:focus,select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #6fe4d329}.primary,.secondary{border:0;border-radius:15px;min-height:48px;padding:12px 18px;font-weight:650}.primary{color:#071e2b;background:linear-gradient(120deg,#72e7d3,#92c5ff)}.secondary{color:var(--ink);background:#1b3653;border:1px solid var(--line)}.text-button{background:none;border:0;color:var(--aqua);padding:8px 0}.message{color:var(--danger);min-height:1.4em;text-align:center}.app{display:flex;flex-direction:column;flex:1}.intro{text-align:center;margin-top:clamp(20px,7vh,70px)}.eyebrow{font-size:.72rem;letter-spacing:.23em;color:var(--aqua);font-weight:700}.intro h1{font-size:clamp(1.65rem,7vw,2.25rem);letter-spacing:-.035em;margin:10px 0 0}.avatar-wrap{display:flex;flex:1;min-height:300px;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 8px}.avatar{position:relative;isolation:isolate;width:min(56vw,238px);height:min(56vw,238px);border:0;border-radius:50%;background:linear-gradient(155deg,#b7f1ee,#78cbd8 44%,#7b9ee7);box-shadow:inset -18px -22px 35px #284b8170,0 32px 90px #020c1a9a,0 0 0 12px #6bcae90d;transform:translateZ(0);transition:transform .2s,box-shadow .2s}.avatar:active{transform:scale(.96)}.avatar-halo{position:absolute;inset:-18px;border-radius:50%;border:1px solid #8ddfed59;box-shadow:0 0 38px #49cecf33;pointer-events:none}.avatar-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:29px}.eyes{display:flex;gap:48px}.eyes i{display:block;width:13px;height:18px;background:#153756;border-radius:50%}.mouth{display:block;width:27px;height:8px;border:3px solid #153756;border-top:0;border-radius:0 0 20px 20px}.avatar[data-state="listening"]{box-shadow:inset -18px -22px 35px #284b8170,0 28px 95px #03132ba8,0 0 0 20px #6fe4d327;animation:breathe 1.2s ease-in-out infinite}.avatar[data-state="processing"] .halo{animation:spin 1s linear infinite}.avatar[data-state="processing"]{filter:hue-rotate(22deg)}.avatar[data-state="speaking"] .mouth{width:19px;height:22px;border:3px solid #153756;border-radius:50%;animation:talk .3s ease-in-out infinite alternate}.avatar[data-state="error"]{filter:saturate(.55)}.state-text{text-align:center;color:var(--ink);font-weight:620;font-size:1.08rem;margin:38px 0 0;min-height:1.5em}.voice-disclosure{max-width:34ch;color:var(--muted);text-align:center;line-height:1.42;font-size:.75rem;margin:12px 0 0}.actions{display:flex;gap:10px;justify-content:center;margin:8px 0 24px}.actions button{min-width:130px}.response-panel,.visual-panel,.settings-panel,.text-fallback,.pending-panel,.debug-panel{border:1px solid var(--line);border-radius:20px;background:#0e223bdc;padding:18px;margin:0 0 18px}.response-panel{color:var(--ink);line-height:1.5}.response-panel p{margin:0}.visual-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.visual-heading h2,.settings-panel h2,.text-fallback h2,.debug-panel h2{font-size:1.1rem;margin:0 0 12px}.category-label{margin:8px 0 16px}.card-list{display:grid;gap:10px;max-height:36vh;overflow:auto}.data-card{display:grid;gap:5px;border:1px solid #2b4460;background:#142c49;border-radius:14px;padding:13px 15px;overflow-wrap:anywhere}.data-card span{font-size:.85rem;color:var(--muted)}.settings-panel p,.text-fallback p,.pending-panel p{font-size:.86rem;line-height:1.5;color:var(--muted)}.settings-panel .toggle{display:flex;align-items:center;gap:10px}.settings-panel input[type="range"]{width:100%;accent-color:var(--aqua)}.settings-panel input[type="checkbox"]{accent-color:var(--aqua);width:18px;height:18px}.input-row{display:flex;gap:8px}.input-row input{min-width:0;flex:1}.pending-panel{border-color:#8f7550}.pending-panel .primary{width:100%}.debug-panel{overflow-wrap:anywhere;font-size:.78rem;color:var(--muted)}.debug-panel p{margin:6px 0}@keyframes breathe{50%{transform:scale(1.04)}}@keyframes talk{to{height:9px;width:28px}}@media(max-width:350px){.shell{padding-left:16px;padding-right:16px}.actions{flex-wrap:wrap}.avatar-wrap{min-height:240px}.eyes{gap:34px}}@media(min-height:850px){.avatar-wrap{min-height:390px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}