.voice-studio{color:#f1edf9;max-width:1040px;margin:auto;padding:42px 24px 64px}.voice-intro{text-align:center;max-width:640px;margin:0 auto 30px}.voice-intro>p{letter-spacing:2.8px;color:#afa0c9;margin-bottom:14px;font-size:10px;font-weight:700}.voice-intro h1{letter-spacing:-1.5px;margin:0 0 14px;font-size:clamp(29px,4vw,44px);font-weight:650;line-height:1.15}.voice-intro>span{color:#a6a0b8;max-width:480px;margin:auto;font-size:14px;line-height:1.8;display:block}.voice-card{isolation:isolate;background:radial-gradient(at 50% 40%,#36255777,#0000 68%),linear-gradient(145deg,#181424,#0d0e19 65%);border:1px solid #514266;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 30px 100px #0004,inset 0 1px #eee1}.voice-card-top{z-index:2;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:relative}.voice-wordmark{letter-spacing:3px;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.voice-wordmark svg{color:#cda8ff;width:22px;height:22px}.voice-wordmark small{letter-spacing:2px;color:#887d9e;padding-left:3px;font-size:9px;font-weight:500}.voice-badge{letter-spacing:1.5px;color:#bcb3ce;border:1px solid #444050;border-radius:30px;align-items:center;gap:7px;padding:5px 10px;font-size:9px;display:flex}.voice-badge i,.voice-status>span{background:#91859f;border-radius:50%;width:5px;height:5px}.voice-badge.connected i,.status-on{box-shadow:0 0 10px #95f2d288;background:#95f2d2!important}.voice-stage{perspective:1100px;--mouth:0;place-items:center;height:350px;display:grid;position:relative}.voice-aura{pointer-events:none;filter:blur(46px);opacity:.5;border-radius:50%;position:absolute}.aura-one{background:#9554e4;width:260px;height:140px;top:75px;left:calc(50% - 215px)}.aura-two{opacity:.35;background:#297787;width:170px;height:150px;top:80px;left:calc(50% + 20px)}.voice-orbit{pointer-events:none;border:1px solid #b698eb25;border-radius:50%;width:620px;height:210px;position:absolute;transform:rotate(-16deg)}.orbit-two{border-color:#967ece16;width:520px;height:310px;transform:rotate(24deg)}.voice-orbit:before{content:"";background:#d6b7ff;border-radius:50%;width:4px;height:4px;position:absolute;top:27%;left:3%;box-shadow:0 0 16px 3px #c091ff77}.voice-spark{color:#c8a3ee;text-shadow:0 0 20px #b57de988;font-size:25px;position:absolute}.spark-one{font-size:18px;top:18%;left:19%}.spark-two{bottom:26%;right:19%}.spark-three{font-size:36px;top:18%;right:24%}.bobi-tablet{z-index:1;background:linear-gradient(135deg,#81768e,#252330 24%,#14141e 68%,#72677d);border:1px solid #a99bb1;border-radius:27px;width:365px;height:260px;padding:12px;position:relative;transform:rotateX(5deg)rotateY(-9deg)rotate(-3deg);box-shadow:4px 6px #25212e,5px 7px #776982,15px 32px 44px #0009,inset 0 0 0 2px #322b3c}.tablet-screen{background:radial-gradient(at 50% 48%,#21484e66,#0000 60%),linear-gradient(150deg,#211a36,#0b1522 68%);border:1px solid #080811;border-radius:17px;height:100%;position:relative;overflow:hidden}.tablet-camera{background:#171c28;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:50%;box-shadow:inset 0 0 0 1px #534b66}.tablet-grid{background-image:linear-gradient(#bcb0ea06 1px,#0000 1px),linear-gradient(90deg,#bcb0ea06 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.tablet-label,.tablet-signal{letter-spacing:2px;color:#9c8fb8;font-size:7px;position:absolute;top:15px;left:17px}.tablet-signal{color:#8acec1;letter-spacing:1px;left:auto;right:17px}.studio-robot{width:160px;height:168px;position:absolute;top:31px;left:calc(50% - 80px)}.studio-head{z-index:2;background:linear-gradient(150deg,#f7f2ff,#c7bedf 35%,#8975ab);border-radius:37px;width:142px;height:108px;padding:9px;position:absolute;top:23px;left:9px;box-shadow:inset 0 2px 2px #fff,inset 0 -6px 6px #6b5b94,0 15px 30px #0008}.studio-visor{background:linear-gradient(150deg,#132a3b,#070d1b);border-radius:27px;width:100%;height:81px;position:relative;overflow:hidden;box-shadow:inset 0 3px 9px #000,0 2px #fff6}.studio-eye{transform-origin:50%;background:linear-gradient(#c4fff3,#64d3cb);border-radius:9px;width:19px;height:25px;animation:6s infinite studio-blink;position:absolute;top:23px;box-shadow:0 0 15px #74eadb55}.eye-left{left:24px}.eye-right{animation-delay:50ms;right:24px}.studio-cheek{opacity:.45;background:#ba84d0;border-radius:50%;width:13px;height:3px;position:absolute;top:53px}.cheek-left{left:12px}.cheek-right{right:12px}.studio-mouth{width:28px;height:calc(5px + var(--mouth,0)*23px);background:#9ffbe2;border-radius:4px 4px 14px 14px;position:absolute;top:57px;left:calc(50% - 14px);overflow:hidden;box-shadow:0 0 12px #7febd766}.studio-mouth b{opacity:var(--mouth,0);background:#172237;border-radius:50% 50% 0 0;position:absolute;inset:4px 3px 0}.head-shine{background:#fff9;border-radius:50%;width:49px;height:3px;position:absolute;top:3px;left:30px}.studio-ear{background:linear-gradient(90deg,#9b8dbe,#e7d6ff);border:2px solid #706087;border-radius:6px;width:12px;height:36px;position:absolute;top:59px}.ear-left{left:0}.ear-right{right:0}.studio-antenna{background:#cfc1e2;width:5px;height:23px;position:absolute;top:6px;left:77px}.studio-antenna i{background:#aef4d9;border:2px solid #edfef1;border-radius:50%;width:13px;height:13px;display:block;position:absolute;top:-5px;left:-4px;box-shadow:0 0 18px #95f6cf77}.studio-neck{background:#807b9b;width:26px;height:14px;position:absolute;top:125px;left:67px}.studio-body{text-align:center;background:linear-gradient(125deg,#eee4ff,#a89cbd);border-radius:32px 32px 14px 14px;width:90px;height:44px;position:absolute;top:136px;left:35px;box-shadow:inset 0 -5px #7e7199,0 10px 20px #0005}.studio-body span{color:#685180;font-size:21px}.tablet-wave{justify-content:center;align-items:center;gap:4px;height:20px;display:flex;position:absolute;bottom:17px;left:0;right:0}.tablet-wave i{opacity:.7;background:#90e4d0;border-radius:5px;width:3px}.tablet-home{background:#c8bdd344;border-radius:3px;width:48px;height:2px;position:absolute;bottom:5px;left:calc(50% - 24px)}.tablet-shadow{filter:blur(17px);background:#b58edf22;border-radius:50%;width:330px;height:20px;position:absolute;bottom:7px}.voice-console{text-align:center;z-index:2;padding:12px 24px 26px;position:relative}.voice-status{color:#c6bbd8;justify-content:center;align-items:center;gap:8px;min-height:20px;margin:0 0 18px;font-size:13px;display:flex}.voice-controls{justify-content:center;align-items:center;gap:14px;display:flex}.voice-controls button{border-radius:16px;justify-content:center;align-items:center;gap:12px;min-height:52px;font-size:14px;font-weight:600;display:inline-flex}.voice-controls svg,.voice-text svg{flex-shrink:0;width:22px;height:22px}.voice-start{color:#1e1431;background:linear-gradient(110deg,#b898e9,#d6b3ea);border:1px solid #d0b3f2;padding:14px 26px;box-shadow:0 0 28px #b487df24,inset 0 1px #fff5}.voice-round{color:#e2cbf9;background:#282034;border:1px solid #5d4d70;width:52px}.voice-round.muted{background:#622b44}.voice-end{color:#ffd5de;background:#462533;border:1px solid #8d5265;padding:12px 22px}.voice-controls button:disabled{opacity:.4}.voice-note{color:#a39ab3;max-width:440px;margin:17px auto 10px;font-size:11px;line-height:1.7}.voice-text{color:#c3afdb;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;font-size:12px;display:inline-flex}.voice-text svg{width:16px;height:16px}.voice-bottom{justify-content:space-between;align-items:center;gap:24px;margin:22px 0;display:flex}.voice-style{color:#a69ab8;align-items:center;gap:12px;font-size:12px;display:flex}.voice-style select{color:#e0d3ed;background:#1c1629;border:1px solid #4b3e5f;border-radius:12px;min-height:44px;padding:10px;font-size:13px}.voice-shortcuts{flex-wrap:wrap;gap:12px;display:flex}.voice-shortcuts a,.voice-shortcuts button{color:#b5a6c8;background:0 0;border:0;align-items:center;min-height:44px;font-size:11px;text-decoration:none;display:flex}.voice-transcript{color:#c4b8d6;border-top:1px solid #342b44}.voice-transcript summary{cursor:pointer;padding:18px 0;font-size:13px}.voice-transcript summary span{float:right;color:#a08ab7}.voice-log{max-height:320px;font-size:13px;line-height:1.7;overflow-y:auto}.voice-log article{background:#1d1829;border-radius:12px;margin-bottom:12px;padding:12px 16px}.voice-log small{color:#bc9bda}.voice-log p{white-space:pre-wrap}.voice-transcript footer{color:#9d8aaf;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:10px;display:flex}.voice-transcript footer button{color:#cbaadd;background:0 0;border:0;min-height:44px}.voice-transcript footer button:disabled{opacity:.4}.voice-error{color:#ffc4ce;max-width:440px;margin:16px auto;font-size:13px}.voice-resume{color:#1d1329;background:#bfa2e1;border:0;border-radius:12px;min-height:44px;margin-top:16px;padding:12px}.voice-studio button:focus-visible,.voice-studio a:focus-visible,.voice-studio select:focus-visible{outline-offset:4px;outline:3px solid #c9afea}.voice-stage.is-active .voice-aura{animation:6s ease-in-out infinite alternate studio-glow}@keyframes studio-glow{to{opacity:.7;transform:scale(1.12)}}@keyframes studio-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@media (max-width:760px){.voice-studio{padding:26px 16px 30px}.voice-intro{margin-bottom:24px}.voice-intro h1{letter-spacing:-1px;max-width:340px;margin:0 auto 12px;font-size:30px}.voice-intro>p{letter-spacing:2px;font-size:8px}.voice-intro>span{max-width:330px;font-size:13px;line-height:1.7}.voice-card{border-radius:24px}.voice-card-top{padding:18px}.voice-stage{height:280px}.bobi-tablet{border-radius:23px;width:280px;height:211px;padding:10px;transform:rotateX(4deg)rotateY(-7deg)rotate(-3deg)}.studio-robot{transform-origin:top;top:22px;transform:scale(.82)}.tablet-screen{border-radius:14px}.tablet-wave{bottom:10px}.tablet-label,.tablet-signal{top:10px}.voice-orbit{width:390px;height:155px}.orbit-two{width:345px;height:260px}.spark-one{top:15%;left:7%}.spark-two{bottom:15%;right:7%}.spark-three{top:7%;right:16%}.voice-console{padding:4px 16px 18px}.voice-note{max-width:280px;font-size:10px}.voice-bottom{flex-direction:column;align-items:stretch;gap:8px;margin:18px 0}.voice-style{justify-content:space-between}.voice-shortcuts{justify-content:space-between;gap:6px}.voice-shortcuts a,.voice-shortcuts button{font-size:10px}.voice-intro{max-width:100%}.tablet-shadow{width:240px;bottom:5px}}@media (max-width:360px){.bobi-tablet{width:245px}.voice-stage{height:255px}.voice-intro h1{font-size:27px}}@media (prefers-reduced-motion:reduce){.voice-stage *{animation:none!important}}