.voice-info,.voice-room{color:#f8f8f1;background:#091e1b;min-height:100vh;font-family:Pretendard,Noto Sans KR,sans-serif}.voice-info nav,.voice-room header{background:#102e28;border-bottom:1px solid #947b493f;justify-content:space-between;align-items:center;gap:16px;padding:20px max(4vw,20px);display:flex}.voice-info nav a,.voice-room header a{color:#f6e4b5;font-weight:800;text-decoration:none}.voice-info nav span,.voice-room header strong{letter-spacing:.14em;color:#bca77a;font-size:12px}.voice-intro{max-width:1080px;margin:auto;padding:clamp(55px,8vw,110px) 24px}.voice-eyebrow{letter-spacing:.13em;font-size:13px;font-weight:800;color:#e9ca82!important}.voice-intro h1{letter-spacing:-.06em;margin:25px 0;font-size:clamp(42px,7vw,82px);line-height:1.1}.voice-intro>p:not(.voice-eyebrow){color:#d6e1da;max-width:670px;font-size:clamp(17px,2vw,21px);line-height:1.7}.voice-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:55px 0;display:grid}.voice-steps article{background:#15372f;border:1px solid #9b834650;border-radius:22px;padding:27px}.voice-steps b{color:#efd189}.voice-steps h2{margin:20px 0 10px;font-size:21px}.voice-steps p{color:#c6d6ce;line-height:1.65}.voice-cta,.voice-start{color:#17352b;cursor:pointer;background:#ebcd86;border:0;border-radius:999px;align-items:center;padding:17px 24px;font-size:16px;font-weight:900;text-decoration:none;display:inline-flex}.voice-footnote{margin:20px 0;font-size:14px!important}.voice-demo{color:#edd28e}.voice-room{flex-direction:column;display:flex}.voice-room header{flex-wrap:wrap}.voice-state{color:#e9c77d;background:#294237;border-radius:20px;padding:8px 12px;font-size:12px}.voice-state.connected{color:#b9f5d5;background:#17523b}.voice-room-content{text-align:center;flex:1;width:min(760px,100%);margin:auto;padding:44px 20px 36px}.voice-room-content h1{margin:12px auto 32px;font-size:clamp(28px,5vw,48px);line-height:1.25}.voice-avatar{color:#f2d794;background:radial-gradient(circle,#2d6a55,#163a30);border:2px solid #dbbc79;border-radius:50%;place-items:center;width:126px;height:126px;margin:0 auto 25px;font-size:34px;font-weight:900;display:grid}.voice-wave{justify-content:center;align-items:center;gap:4px;height:68px;display:flex}.voice-wave i{background:#d7bd7d;border-radius:5px;width:4px;min-height:6px;transition:height .12s}.voice-room-content>p{color:#d3e1d8;line-height:1.6}.voice-transcripts{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:30px 0;display:grid}.voice-transcripts div{background:#133b31;border:1px solid #547766;border-radius:18px;min-height:130px;padding:20px}.voice-transcripts small{color:#e7cb85;letter-spacing:.08em;font-size:12px;font-weight:800}.voice-transcripts p{overflow-wrap:anywhere;line-height:1.55}.voice-notice{color:#ffe0a1!important}.voice-room footer{background:#102e28;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px;display:flex}.voice-room footer button{color:#fff;cursor:pointer;background:#214a3d;border:1px solid #658878;border-radius:999px;min-height:47px;padding:13px 18px;font-weight:700}.voice-room footer button:disabled{opacity:.4;cursor:not-allowed}.voice-room footer .voice-end{color:#fff;background:#ad3040;border-color:#ad3040}@media (max-width:700px){.voice-info nav span,.voice-room header strong{display:none}.voice-steps,.voice-transcripts{grid-template-columns:1fr}.voice-steps{gap:10px;margin:38px 0}.voice-room-content{padding-top:35px}.voice-transcripts{margin:20px 0}.voice-room footer button{flex:1;padding:12px 9px}}.voice-nav-end{align-items:center;gap:20px;min-width:0;display:flex}.voice-language-picker{color:#fff;direction:ltr;border:1px solid #9fbdac;border-radius:999px;align-items:center;gap:7px;max-width:min(55vw,230px);padding:3px 9px;display:flex}.voice-language-picker select{color:#fff;cursor:pointer;background:#102e28;border:0;min-width:0;max-width:180px;min-height:36px;font-family:inherit;font-size:14px;font-weight:700}.voice-language-picker select:focus-visible{outline-offset:2px;outline:2px solid #e9ca82}.voice-language-picker option{color:#123b30;background:#fff}.voice-info[dir=rtl] .voice-intro,.voice-room[dir=rtl] .voice-room-content,.voice-room[dir=rtl] .voice-transcripts{text-align:right}.voice-info[dir=rtl] nav,.voice-room[dir=rtl] header{direction:ltr}.voice-info h1,.voice-room h1{overflow-wrap:anywhere}@media (max-width:700px){.voice-nav-end{gap:6px}.voice-language-picker select{max-width:calc(55vw - 52px)}.voice-room header .voice-nav-end{margin-left:auto}}.voice-reconnecting{color:#e9ca82;justify-content:center;align-items:center;gap:11px;margin:18px 0;font-size:15px;display:flex}.voice-reconnecting span{border:2px solid #e9ca8266;border-top-color:#e9ca82;border-radius:50%;width:19px;height:19px;animation:.75s linear infinite voice-spin}@keyframes voice-spin{to{transform:rotate(360deg)}}.voice-call-screen{background:radial-gradient(at 50% 19%,#195548 0,#0b2925 42%,#071c1a 100%)}.voice-call-screen .voice-room-content{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:min(780px,100%);padding:40px 20px 24px;display:flex}.voice-call-screen .voice-room-content h1{margin:14px 0 3px;font-size:clamp(25px,5vw,39px)}.voice-call-screen .voice-call-subtitle{color:#afcbbf;margin:0;font-size:14px}.voice-call-screen .voice-portrait{place-items:center;width:132px;height:132px;margin:24px auto 0;display:grid;position:relative}.voice-call-screen .voice-portrait.is-live:before,.voice-call-screen .voice-portrait.is-live:after{content:"";border:1px solid #b9dec871;border-radius:50%;animation:2.8s ease-out infinite voice-pulse;position:absolute;inset:0}.voice-call-screen .voice-portrait.is-live:after{animation-delay:1.4s}.voice-call-screen .voice-avatar{color:#f1d9a0;background:radial-gradient(circle at 35% 25%,#397b63,#153e34 65%,#102d29);border:1px solid #e4d5a977;width:104px;height:104px;margin:0;box-shadow:inset 0 2px 15px #ffffff24,0 15px 34px #001c1c88}.voice-call-screen .voice-wave{filter:drop-shadow(0 0 12px #51b69377);gap:3px;height:76px;margin:14px 0 5px}.voice-call-screen .voice-wave i{opacity:.9;background:linear-gradient(#e5d59c,#71d6b3,#d9bb7c);border-radius:999px;width:3px;min-height:7px}.voice-call-screen .voice-wave.is-live i{animation:1s ease-in-out infinite alternate voice-breathe}.voice-call-screen .voice-transcripts{gap:12px;width:100%;margin:18px 0 24px}.voice-call-screen .voice-transcripts div{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff26;border-radius:18px;min-height:126px;padding:18px;box-shadow:inset 0 1px #ffffff1d,0 12px 30px #001b1945}.voice-call-screen .voice-transcripts small{color:#f0dca9;letter-spacing:0;font-size:13px}.voice-call-screen .voice-transcripts p{color:#e6f2eb;margin:14px 0 0;font-size:15px}.voice-call-screen .voice-start{justify-content:center;gap:9px;min-height:53px;margin:5px 0 22px}.voice-call-screen .voice-controls{padding:18px 16px max(25px,env(safe-area-inset-bottom));background:linear-gradient(#0000,#061a18 30%);border:0;justify-content:center;align-items:center;gap:clamp(20px,6vw,48px);display:flex}.voice-call-screen .voice-controls button{color:#e6eee8;background:0 0;border:0;border-radius:0;justify-items:center;gap:8px;min-width:72px;padding:0;display:grid}.voice-call-screen .voice-controls button span{background:#ffffff20;border:1px solid #ffffff2b;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.voice-call-screen .voice-controls button svg{width:24px;height:24px}.voice-call-screen .voice-controls button small{font-size:11px;font-weight:650;line-height:1.2}.voice-call-screen .voice-controls .voice-end span{background:#b5434a;border-color:#cb6269}.voice-call-screen .voice-controls button:disabled{opacity:.4}@keyframes voice-pulse{0%{opacity:.6;transform:scale(.82)}to{opacity:0;transform:scale(1.42)}}@keyframes voice-breathe{0%{opacity:.6;transform:scaleY(.75)}to{opacity:1;transform:scaleY(1.18)}}@media (prefers-reduced-motion:reduce){.voice-call-screen .voice-portrait.is-live:before,.voice-call-screen .voice-portrait.is-live:after,.voice-call-screen .voice-wave.is-live i{animation:none}}@media (max-width:700px){.voice-call-screen .voice-room-content{padding-top:23px}.voice-call-screen .voice-portrait{margin-top:12px}.voice-call-screen .voice-transcripts{margin:15px 0}.voice-call-screen .voice-controls button{flex:none;padding:0}.voice-call-screen .voice-transcripts div{min-height:104px}}.voice-preview-screen{background:radial-gradient(at 50% 18%,#1b5849 0,#0b2925 43%,#071c1a 100%)}.voice-preview-screen .voice-room-content{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:min(780px,100%);padding:42px 20px;display:flex}.voice-preview-screen .voice-room-content h1{margin:10px auto 5px}.voice-preview-screen .preview-portrait{place-items:center;width:136px;height:136px;margin:20px auto 0;display:grid;position:relative}.voice-preview-screen .preview-portrait:before,.voice-preview-screen .preview-portrait:after{content:"";border:1px solid #b9dec871;border-radius:50%;animation:3s ease-out infinite voice-pulse;position:absolute;inset:0}.voice-preview-screen .preview-portrait:after{animation-delay:1.5s}.voice-preview-screen .voice-avatar{color:#f1d9a0;background:radial-gradient(circle at 35% 25%,#397b63,#153e34 65%,#102d29);border:1px solid #e4d5a977;width:104px;height:104px;margin:0;box-shadow:inset 0 2px 15px #ffffff24,0 15px 34px #001c1c88}.voice-preview-screen .voice-wave{filter:drop-shadow(0 0 12px #51b69377);gap:3px;height:72px;margin:9px 0 4px}.voice-preview-screen .voice-wave i{background:linear-gradient(#e5d59c,#71d6b3,#d9bb7c);border-radius:999px;width:3px;min-height:7px;animation:1.15s ease-in-out infinite alternate voice-breathe}.voice-preview-screen .preview-description{color:#c5ddd0;max-width:580px;font-size:15px;line-height:1.7}.voice-preview-screen .voice-transcripts{gap:12px;width:100%;margin:20px 0 25px}.voice-preview-screen .voice-transcripts div{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff28;border-radius:18px;min-height:112px;box-shadow:inset 0 1px #ffffff1b,0 12px 30px #001b1945}.voice-preview-screen .voice-transcripts small{color:#f0dca9;letter-spacing:0}.voice-preview-screen .voice-cta{gap:8px;margin-top:2px;display:inline-flex}@media (prefers-reduced-motion:reduce){.voice-preview-screen .preview-portrait:before,.voice-preview-screen .preview-portrait:after,.voice-preview-screen .voice-wave i{animation:none}}.voice-usage-tips{box-sizing:border-box;color:#e9eee7;text-align:left;background:#f3dfaa11;border:1px solid #f0dca94a;border-radius:16px;width:100%;padding:16px 18px;box-shadow:inset 0 1px #ffffff0d}.voice-usage-title,.voice-usage-tips summary{color:#f1dba5;font-size:14px;font-weight:800;line-height:1.5;display:block}.voice-usage-tips ol{color:#d6e4db;margin:10px 0 0;padding-left:22px;font-size:13px;line-height:1.65}.voice-usage-tips li+li{margin-top:5px}.voice-usage-tips li strong{color:#fff2d0}.voice-usage-tips-compact{max-width:640px;margin:0 auto 16px;padding:11px 15px}.voice-usage-tips-compact summary{cursor:pointer;list-style-position:inside}.voice-usage-tips-compact:not([open]){box-shadow:none}.voice-room[dir=rtl] .voice-usage-tips{text-align:right}.voice-room[dir=rtl] .voice-usage-tips ol{padding-left:0;padding-right:22px}
