:root{--ink:#1c2029;--muted:#777985;--pink:#f9dce8;--blue:#d8f0fc;--lavender:#ece7f4;--glass:rgba(255,255,255,.46);font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.call-page{min-height:100vh;background:#f8f5f7}.role-picker{min-height:100svh;padding:clamp(24px,5vw,72px);background:linear-gradient(120deg,#f8dfe8 0%,#f7e7ef 38%,#d8effd 100%);position:relative;overflow:hidden}.role-picker:after{content:"";position:absolute;width:min(65vw,720px);height:min(65vw,720px);border-radius:50%;background:rgba(255,255,255,.35);filter:blur(55px);right:-18%;bottom:-28%}.picker-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;letter-spacing:-.04em}.brand-mark{color:#f56869;font-size:26px}.service-status{font:11px Consolas,monospace;color:#5b6a76;background:rgba(255,255,255,.48);padding:8px 11px;border-radius:16px}.picker-copy{position:relative;z-index:1;max-width:710px;margin:clamp(65px,13vh,150px) 0 42px}.picker-copy p{font:11px Consolas,monospace;letter-spacing:.13em;color:#78828b}.picker-copy h1{font-size:clamp(47px,7vw,96px);line-height:.97;letter-spacing:-.085em;margin:15px 0 19px}.picker-copy span{font:13px Consolas,monospace;color:#687681}.character-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:18px}.character-option{border:0;padding:11px;background:rgba(255,255,255,.47);backdrop-filter:blur(9px);display:grid;grid-template-columns:86px 1fr auto;gap:16px;align-items:center;text-align:left;cursor:pointer;min-height:108px;transition:transform .2s ease,background .2s ease}.character-option:hover{transform:translateY(-4px);background:rgba(255,255,255,.74)}.character-option img{width:86px;height:86px;object-fit:cover;border-radius:50%;background:#d4e4f0}.character-option strong,.character-option small{display:block}.character-option strong{font-size:19px;letter-spacing:-.04em;margin-bottom:7px}.character-option small{font-size:12px;color:#6e7480;line-height:1.45}.character-option em{font:11px Consolas,monospace;color:#92a0a8;font-style:normal;align-self:start;margin:8px}.picker-foot{position:absolute;z-index:1;bottom:24px;margin:0;font-size:11px;color:rgba(70,81,91,.6)}.call-stage{min-height:100svh;position:relative;overflow:hidden;color:#202026}.call-bg{position:absolute;inset:0;background:linear-gradient(125deg,#f8dce7 0%,#f1e6f3 45%,#d5f0fb 100%)}.call-bg:before,.call-bg:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.31);filter:blur(36px)}.call-bg:before{width:55vw;height:55vw;top:-21vw;left:-18vw}.call-bg:after{width:60vw;height:60vw;right:-24vw;bottom:-28vw}.call-top{height:78px;padding:max(18px,env(safe-area-inset-top)) clamp(20px,5vw,68px) 10px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.top-icon{border:0;background:transparent;color:#202026;font-size:22px;width:52px;height:42px;cursor:pointer;letter-spacing:3px}.caption{font-size:28px;font-weight:800;letter-spacing:0}.scene-button{border:0;background:rgba(255,255,255,.38);padding:12px 18px;border-radius:28px;color:#202026;font-size:18px;font-weight:700;cursor:pointer;backdrop-filter:blur(10px)}.scene-button span{font-size:21px;margin-right:8px}.video-presence{position:absolute;inset:78px 0 138px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5vh}.portrait-shell{width:min(40vw,320px);aspect-ratio:1;border-radius:50%;padding:9px;background:rgba(255,255,255,.95);position:relative;box-shadow:0 15px 45px rgba(85,91,117,.13)}.portrait-shell img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#c7e3f7}.portrait-shell span{position:absolute;inset:-8px;border:2px solid rgba(255,255,255,.8);border-radius:50%;opacity:0}.portrait-shell span.on{opacity:1;animation:ring 1.45s ease-in-out infinite}.caller-name{font-size:clamp(23px,3vw,32px);font-weight:700;letter-spacing:-.06em;margin:24px 0 12px}.voice-dots{display:flex;gap:8px;min-height:14px}.voice-dots i{width:10px;height:10px;border-radius:50%;background:#7b7b83}.voice-dots.talking i{animation:blink .75s infinite}.voice-dots.talking i:nth-child(2){animation-delay:.12s}.voice-dots.talking i:nth-child(3){animation-delay:.24s}.call-hint{font-size:17px;color:#72727b;margin:23px 0 0}.call-transcript{max-width:450px;min-height:22px;text-align:center;margin:12px 24px 0;font-size:14px;line-height:1.55;color:#555563;opacity:0;transition:opacity .2s}.call-transcript.visible{opacity:1}.call-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:18px 20px max(22px,env(safe-area-inset-bottom));text-align:center}.control-row{display:flex;justify-content:center;gap:clamp(14px,4vw,38px)}.round-control{width:clamp(60px,10vw,78px);height:clamp(60px,10vw,78px);border:0;border-radius:50%;background:rgba(234,233,240,.66);color:#171721;font-size:27px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:transform .16s ease,background .16s ease}.round-control:hover{transform:scale(1.06)}.round-control.active{background:rgba(255,255,255,.9)}.round-control.hangup{background:rgba(253,235,237,.66);color:#fa4e46;font-size:48px;line-height:.5}.call-bottom p{font-size:11px;color:rgba(86,87,100,.38);margin:18px 0 0}@keyframes ring{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:1}}@keyframes blink{50%{transform:translateY(-5px);background:#4d525e}}
.admin-shell{max-width:1220px;margin:0 auto;padding:65px 5vw 60px}.topbar{height:72px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid #e4e4e5;gap:42px;background:#f8f5f7}.topbar nav{display:flex;gap:25px;font-size:13px;color:#777985}.topbar nav a{padding:27px 0 23px;border-bottom:2px solid transparent}.topbar nav a.nav-active{color:#1c2029;border-color:#f56869}.privacy-note{margin-left:auto;color:#9aa29d;font:11px Consolas,monospace}.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #dedfe2;padding-bottom:35px}.admin-heading h1{font-size:64px;letter-spacing:-.07em;margin:15px 0}.admin-heading p{color:#777985;margin:0}.eyebrow,.form-header{font:11px Consolas,monospace;letter-spacing:.14em;color:#f56869}.health-badge{font:11px Consolas,monospace;color:#4e9b82;padding-bottom:4px}.login-view{max-width:430px;padding:75px 0}.login-view h2{font-size:26px;letter-spacing:-.05em;margin-bottom:10px}.login-view p{color:#777985;font-size:13px}.login-view form,.role-form{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;font-size:12px;color:#777985}input,textarea{font:inherit;font-size:14px;color:#1c2029;background:#fff;border:1px solid #dce1dc;padding:12px 13px;border-radius:0;outline:0}input:focus,textarea:focus{border-color:#4e9b82;box-shadow:0 0 0 3px rgba(78,155,130,.12)}textarea{resize:vertical}.primary-button,.secondary-button,.text-button{font:12px Consolas,monospace;border:0;padding:14px 18px;cursor:pointer}.primary-button{background:#f56869;color:#fff}.secondary-button{background:#1c2029;color:#fff}.text-button{background:transparent;color:#f56869;padding:0}.form-error{color:#bf4a35!important;min-height:18px}.admin-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:7vw}.admin-role{width:100%;border:0;background:transparent;padding:18px 0;border-bottom:1px solid #dedfe2;cursor:pointer;text-align:left}.admin-role strong{display:block;font-size:16px}.admin-role span{display:block;color:#777985;font:11px Consolas,monospace;margin-top:6px}.role-form{margin-top:0;border-left:1px solid #dedfe2;padding-left:5vw}.form-header{display:flex;justify-content:space-between}.switch-row{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:10px}.switch-row input{accent-color:#4e9b82}.audio-section{margin-top:75px;border-top:1px solid #dedfe2;padding-top:20px}.section-label{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #dedfe2;font:12px Consolas,monospace;color:#777985}.audio-form{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;margin-top:18px}.audio-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.audio-chip{font:11px Consolas,monospace;padding:10px 12px;background:#e7ece7;color:#51645d;display:flex;gap:10px;align-items:center}.clone-button{font-size:10px}
@media(max-width:700px){.role-picker{padding:24px 22px}.picker-copy{margin:76px 0 34px}.picker-copy h1{font-size:51px}.character-list{grid-template-columns:1fr;gap:11px}.character-option{min-height:91px;grid-template-columns:68px 1fr auto}.character-option img{width:68px;height:68px}.portrait-shell{width:min(64vw,310px)}.caller-name{margin-top:19px}.call-hint{margin-top:20px}.round-control{width:68px;height:68px}.admin-shell{padding:45px 20px}.topbar{height:64px;padding:0 20px;gap:18px}.topbar nav{display:none}.privacy-note{display:none}.admin-heading{display:block}.admin-heading h1{font-size:50px}.health-badge{display:block;margin-top:20px}.admin-grid{grid-template-columns:1fr;gap:40px}.role-form{border-left:0;border-top:1px solid #dedfe2;padding:28px 0 0}.audio-form{grid-template-columns:1fr}}
.call-top{display:none}.video-presence{inset:0 0 138px;justify-content:flex-start;padding-top:clamp(105px,18vh,190px)}.portrait-shell{width:min(32vw,250px)}.control-row{gap:clamp(28px,7vw,60px)}@media(max-width:700px){.video-presence{inset:0 0 130px;padding-top:15vh}.portrait-shell{width:min(56vw,250px)}}