:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f9f7fb;font-synthesis:none;--pink:#ff7aa8;--violet:#8b75ff;--ink:#0c0c12;--panel:#fff1;--border:#ffffff1a;background:#09090e;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,Hiragino Sans GB,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--ink);min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.app-shell{isolation:isolate;width:min(100%,520px);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px 24px;background:radial-gradient(circle at 50% 30%,#f75c971f,#0000 35%),linear-gradient(#11111a 0%,#0a0a10 75%);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden auto}.ambient{z-index:-1;filter:blur(80px);opacity:.2;pointer-events:none;border-radius:50%;position:absolute}.ambient-a{background:#ff4f95;width:240px;height:240px;top:20%;left:-170px}.ambient-b{background:#694dff;width:260px;height:260px;bottom:9%;right:-190px}.topbar{justify-content:space-between;align-items:center;min-height:48px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--pink), var(--violet));border-radius:13px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 8px 28px #ff4f953d}.brand div{flex-direction:column;line-height:1.15;display:flex}.brand strong{letter-spacing:.02em;font-size:15px}.brand span:last-child{color:#8d8996;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px}.icon-button,.round-button{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0e;place-items:center;display:grid}.icon-button{border-radius:14px;width:40px;height:40px}.icon-button svg,.round-button svg{fill:currentColor;opacity:.8;width:20px;height:20px}.stage{text-align:center;flex-direction:column;align-items:center;padding-top:clamp(24px,5vh,58px);display:flex}.status-pill{color:#aaa5b2;letter-spacing:.04em;background:#ffffff0b;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 12px;font-size:11px;display:inline-flex}.status-dot{background:#68636f;border-radius:50%;width:6px;height:6px;transition:all .3s}.speaker-badge{color:#d7d2dc;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;margin-top:9px;padding:6px 11px;font-size:10px;transition:all .2s}.speaker-badge[data-voice=ly]{color:#cbc4ff;background:#8b75ff1a;border-color:#8b75ff47}.speaker-badge[data-voice=long]{color:#ffd1df;background:#ff7aa81a;border-color:#ff7aa847}.portrait-wrap{place-items:center;width:220px;height:220px;margin:24px 0 16px;display:grid;position:relative}.portrait{background:linear-gradient(145deg,#2a1b29,#171626 60%,#1a1323);border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff21,0 26px 80px #00000075}.portrait:before{content:"";border-radius:inherit;background:radial-gradient(circle at 50% 38%,#ffbed338,#0000 52%);position:absolute;inset:8px}.portrait-glow{border-radius:inherit;filter:blur(25px);opacity:.35;z-index:-1;background:linear-gradient(145deg,#ff7aa859,#8067ff33);transition:all .35s;position:absolute;inset:-20px}.face{opacity:.83;width:64px;height:42px;position:relative}.eye{background:#ffeaf2;border-radius:50%;width:8px;height:11px;animation:5s infinite blink;position:absolute;top:6px;box-shadow:0 0 16px #ffdfecb3}.eye-left{left:10px}.eye-right{right:10px}.smile{border-bottom:2px solid #ffeaf2;border-radius:50%;width:20px;height:10px;position:absolute;bottom:2px;left:22px}.orbit{border:1px solid #ffffff17;border-radius:50%;position:absolute}.orbit-one{border-top-color:#ff7aa899;animation:18s linear infinite rotate;inset:8px}.orbit-two{border-right-color:#8b75ff99;animation:13s linear infinite reverse rotate;inset:24px}.wave-bars{opacity:.35;justify-content:center;align-items:center;gap:4px;width:156px;height:34px;transition:all .3s;display:flex;position:absolute;bottom:-28px;left:50%;translate:-50%}.wave-bars i{background:linear-gradient(var(--pink), var(--violet));border-radius:5px;width:3px;height:5px;display:block}h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,6vw,29px);font-weight:650}.subtitle{color:#8d8996;max-width:310px;min-height:38px;margin:9px 0 0;font-size:13px;line-height:1.55}.provider-line{color:#77717e;letter-spacing:.04em;align-items:center;gap:7px;margin-top:4px;font-size:9px;display:flex}.provider-line span{background:#ffffff08;border:1px solid #fff1;border-radius:999px;padding:4px 7px}.cast-section,.voice-section,.brain-section,.interaction-section,.transcript-panel{margin-top:clamp(18px,3vh,32px)}.section-title{color:#d8d4dc;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.section-title small{color:#6f6b76;font-size:10px}.section-title button{color:#857f8e;background:0 0;border:0;padding:0;font-size:11px}.voice-picker,.cast-picker,.brain-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.brain-card.local-long{grid-column:1/-1}.interaction-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cast-card,.voice-card,.brain-card,.interaction-card{border:1px solid var(--border);min-width:0;min-height:65px;color:inherit;text-align:left;background:var(--panel);border-radius:18px;grid-template-columns:38px 1fr 25px;align-items:center;gap:9px;padding:10px;transition:all .2s;display:grid}.cast-card.selected,.voice-card.selected,.brain-card.selected,.interaction-card.selected{background:linear-gradient(145deg,#ff7aa81f,#8b75ff14);border-color:#ff7aa875;box-shadow:inset 0 0 0 1px #ff7aa80d}.cast-card:disabled,.voice-card:disabled,.brain-card:disabled,.interaction-card:disabled{opacity:.55}.voice-card.coming-soon{cursor:not-allowed}.voice-monogram{background:linear-gradient(145deg,#ff7aa8cc,#cd46808c);border-radius:13px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.voice-monogram.alt{background:linear-gradient(145deg,#8b75ffe6,#5945c599)}.cast-card>span:nth-child(2),.voice-card>span:nth-child(2),.brain-card>span:nth-child(2),.interaction-card>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.cast-card strong,.voice-card strong,.brain-card strong,.interaction-card strong{letter-spacing:.03em;font-size:12px}.cast-card small,.voice-card small,.brain-card small,.interaction-card small{color:#888390;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.voice-check{color:#0000;background:#ffffff0d;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;transition:all .2s;display:grid}.cast-card.selected .voice-check,.voice-card.selected .voice-check,.brain-card.selected .voice-check,.interaction-card.selected .voice-check{color:#fff;background:linear-gradient(135deg, var(--pink), var(--violet))}.cast-icon{color:#fff;background:linear-gradient(145deg,#5b5274f2,#383248e6);border-radius:13px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.cast-icon.duet{background:linear-gradient(145deg,#8b75ffeb,#ff7aa8c7)}.cast-rule{color:#97909f;margin:9px 4px 0;font-size:9px;line-height:1.5}.voice-card.cast-member:disabled{opacity:1}.voice-soon{color:#77717e;justify-self:end;font-size:9px}.brain-icon{color:#fff;background:linear-gradient(145deg,#ff7aa8d9,#8b75ffa6);border-radius:13px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:grid}.brain-icon.custom{letter-spacing:.04em;background:linear-gradient(145deg,#51c4a9e6,#456fc4a6);font-size:9px}.brain-icon.local{background:linear-gradient(145deg,#ffb466f0,#cc4d8bb8)}.brain-icon.calm{background:linear-gradient(145deg,#51c4a9e6,#456fc4a6)}.brain-icon.adult{letter-spacing:.04em;background:linear-gradient(145deg,#ff7aa8eb,#ae4a7db8);font-size:9px}.interaction-rule{color:#8f8994;margin:9px 4px 0;font-size:9px;line-height:1.5}.transcript-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0b;border-radius:19px;min-height:120px;max-height:210px;padding:14px}.transcript{flex-direction:column;gap:10px;max-height:154px;padding-right:4px;display:flex;overflow:auto}.line{grid-template-columns:30px 1fr;align-items:start;gap:8px;display:grid}.line span{color:#746f7c;padding-top:3px;font-size:10px}.line p{color:#d7d3dc;margin:0;font-size:12px;line-height:1.5}.line.assistant p{color:#f5dbe5}.empty-transcript{color:#716c78;text-align:center;font-size:11px}.controls{grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;margin-top:auto;padding-top:clamp(24px,4vh,38px);display:grid}.round-button{border-radius:17px;width:48px;height:48px}.round-button:disabled{opacity:.35}.round-button.active{color:#ff8eaf;background:#ff7aa81f;border-color:#ff7aa859}.call-button{color:#fff;background:linear-gradient(112deg,#e95c91,#8f6af6);border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;height:58px;font-size:14px;font-weight:700;transition:transform .15s,filter .2s;display:flex;box-shadow:0 16px 38px #8b4fd045}.call-button:active{transform:scale(.975)}.call-button:disabled{filter:grayscale(.5);opacity:.65}.call-button.active{box-shadow:none;background:linear-gradient(112deg,#3a3542,#292631)}.call-icon{font-size:17px}.safe-area{height:env(safe-area-inset-bottom)}.toast{z-index:20;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));color:#f4eff5;text-align:center;opacity:0;pointer-events:none;background:#1f1d25f2;border:1px solid #ffffff1a;border-radius:13px;width:max-content;max-width:min(88vw,420px);padding:11px 15px;font-size:12px;transition:all .24s;position:fixed;translate:-50% 16px;box-shadow:0 15px 40px #0000004d}.toast.visible{opacity:1;translate:-50%}dialog{width:min(90vw,430px);max-height:min(88dvh,760px);color:inherit;background:#17161e;border:1px solid #ffffff1f;border-radius:24px;padding:0;overflow:auto;box-shadow:0 28px 90px #0000009e}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040408b8}.settings-card{flex-direction:column;gap:15px;padding:20px;display:flex}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.dialog-head>div{flex-direction:column;display:flex}.dialog-head strong{font-size:17px}.dialog-head span{color:#7f7a86;margin-top:3px;font-size:10px}.dialog-head button{color:#a59fa9;background:#ffffff0f;border:0;border-radius:12px;width:34px;height:34px;font-size:22px}.settings-card label{color:#9b95a0;flex-direction:column;gap:7px;font-size:11px;display:flex}.settings-card input{color:#f7f4f8;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:13px;outline:none;width:100%;height:45px;padding:0 13px}.settings-card input:focus{border-color:#ff7aa880;box-shadow:0 0 0 3px #ff7aa814}.model-settings,.memory-settings{background:#ffffff08;border:1px solid #ffffff14;border-radius:17px;gap:12px;margin-top:2px;padding:14px;display:grid}.advanced-settings{gap:12px;display:grid}.advanced-settings summary{cursor:pointer;color:#a9a2ae;font-size:11px;list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:before{content:"▸";color:#8f6af6;margin-right:7px;transition:transform .2s;display:inline-block}.advanced-settings[open] summary:before{transform:rotate(90deg)}.advanced-settings summary span{float:right;color:#72cdb3;font-size:9px}.model-settings-head{justify-content:space-between;align-items:center;display:flex}.model-settings-head strong{color:#eae6ed;font-size:13px}.model-settings-head span{color:#72cdb3;font-size:9px}.memory-settings p{color:#817b88;margin:-2px 0 0;font-size:10px;line-height:1.5}.memory-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.memory-actions button{color:#d9d4dc;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;min-height:38px;font-size:10px}.memory-actions button:disabled{opacity:.5}.privacy-note{color:#716c78;margin:0;font-size:10px;line-height:1.55}.save-button{color:#fff;background:linear-gradient(112deg,#e95c91,#8f6af6);border:0;border-radius:15px;height:48px;font-weight:700}body[data-phase=listening] .status-dot{background:#59e7a8;box-shadow:0 0 14px #59e7a8}body[data-phase=thinking] .status-dot{background:#ffd36d;box-shadow:0 0 14px #ffd36d}body[data-phase=speaking] .status-dot{background:var(--pink);box-shadow:0 0 14px var(--pink)}body[data-phase=speaking] .portrait-glow,body[data-phase=listening] .portrait-glow{opacity:.7;scale:1.14}body[data-phase=listening] .portrait-glow{opacity:calc(.38 + var(--mic-level,0) * .5);scale:calc(1.05 + var(--mic-level,0) * .15)}body[data-phase=speaking] .wave-bars{opacity:.95}body[data-phase=speaking] .wave-bars i{animation:.72s ease-in-out infinite alternate wave;animation-delay:calc(var(--i) * -55ms)}body[data-phase=listening] .orbit-one{animation-duration:7s}body[data-phase=connecting] .portrait{animation:1.4s ease-in-out infinite breathe}@keyframes wave{0%{height:4px}to{height:calc(8px + (var(--i) % 5) * 5px)}}@keyframes blink{0%,46%,50%,to{scale:1}48%{scale:1 .12}}@keyframes rotate{to{rotate:360deg}}@keyframes breathe{50%{scale:1.045}}@media (min-height:860px){.stage{padding-top:7vh}.portrait-wrap{margin-top:34px;margin-bottom:24px}}@media (max-height:760px){.stage{padding-top:10px}.portrait-wrap{width:150px;height:150px;margin:8px 0}.portrait{width:108px;height:108px}.cast-section,.voice-section,.brain-section,.interaction-section{margin-top:12px}.subtitle{margin-top:5px}.cast-card,.voice-card,.brain-card,.interaction-card{min-height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}