:root{color-scheme:dark;--bg: #0b0f1a;--glass: rgba(255, 255, 255, .08);--accent: #4cc38a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:#eef2f7;min-height:100vh;transition:background .6s ease,background-color .6s ease,color .4s ease}body.theme-nina{--bg: #2d0d23;--accent: #f472b6;background:radial-gradient(circle at 50% 30%,#4a1338,#200617)}body.theme-sebastian{--bg: #072615;--accent: #34d399;background:radial-gradient(circle at 50% 30%,#0c4224,#04140b)}body.theme-default{--bg: #0b0f1a;--accent: #4cc38a;background:#0b0f1a}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.privacy-badge{background:#123;padding:6px 12px;border-radius:999px;font-size:.85rem}.stage-wrap{display:grid;grid-template-columns:1fr 300px;gap:16px;padding:16px;max-width:1200px;margin:0 auto}.video-stage{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.video-stage video,.video-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-stage video.mirror{transform:scaleX(-1)}.mood-badge{position:absolute;top:12px;right:12px;font-size:2rem}.control-panel{background:var(--glass);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.hud{display:flex;justify-content:space-between}.row{display:flex;gap:8px}.mood-meter{height:12px;background:#222;border-radius:999px;overflow:hidden}.mood-meter div{height:100%;width:50%;background:var(--accent);transition:width .2s}.error{color:#ff7a7a}.speech-indicator{display:flex;align-items:center;gap:8px;font-size:.8rem}.speech-dot{width:8px;height:8px;border-radius:50%;background:#555;transition:background .3s}.speech-dot.active{background:#4cc38a;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.toast-container{position:fixed;top:70px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{pointer-events:auto;background:#141928f2;border:1px solid var(--accent);border-radius:8px;padding:12px 18px;font-size:.95rem;color:#eef2f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastIn .3s ease-out;box-shadow:0 4px 20px #0006;max-width:380px}.toast.toast-warning{border-color:#f59e0b}.toast.toast-blocked{border-color:#ef4444;background:#231419f2}.toast-content{display:flex;flex-direction:column;gap:6px}.toast-header{display:flex;justify-content:space-between;align-items:center;font-weight:500}.toast-action-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;padding:8px 14px;background:var(--accent);color:#0b0f1a;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:6px;transition:opacity .2s,transform .1s;cursor:pointer}.toast-action-link:hover{opacity:.9;transform:translateY(-1px)}.toast-hint{font-size:.75rem;color:#94a3b8;margin-top:4px}.toast.out{animation:toastOut .3s ease-in forwards}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}