:root{color:#f5eee8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vooices-bg:#090807;--vooices-surface:#17110f;--vooices-text:#f5eee8;--vooices-text-soft:#d5c5bc;--vooices-text-muted:#8f8179;--vooices-coral:#ee6b4b;--vooices-coral-light:#f36f4d;--vooices-border:#f5eee814;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090807;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--vooices-bg);min-height:100%}body{background:var(--vooices-bg);min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}img,svg{max-width:100%;display:block}#root{width:100%;min-height:100svh;margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--vooices-text)}button{border:0}::selection{color:var(--vooices-text);background:#ee6b4b47}#root{min-height:100vh}.app{color:#f5eee8;background:radial-gradient(75% 48% at 50% 43%,#772a1861 0%,#41191233 38%,#0000 72%),radial-gradient(55% 35% at 76% 24%,#d64f2f1f 0%,#0000 70%),#090807;min-height:100dvh;overflow:hidden auto}.onboarding{box-sizing:border-box;flex-direction:column;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:30px 24px 20px;display:flex;position:relative}.brand{z-index:5;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.brand-word{color:#f3eee9;letter-spacing:.19em;font-size:18px;font-weight:500}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 0 22px;display:flex}.hero-brand{color:#f1e9e3;letter-spacing:.27em;margin-left:.27em;font-size:19px;font-weight:450}.hero-tagline{color:#d5c5bc;margin:14px 0 0;font-size:14px;font-weight:400;line-height:1.55}.actions,.city-actions,.voice-card-actions{z-index:10;flex-shrink:0;position:relative}.primary-button,.secondary-button{width:100%;min-height:56px;font:inherit;letter-spacing:-.01em;cursor:pointer;box-sizing:border-box;border-radius:999px;padding:0 24px;font-size:15px;font-weight:600}.primary-button{color:#fff8f4;background:linear-gradient(105deg,#f36f4d 0%,#ef6747 48%,#d95438 100%);border:0;box-shadow:0 10px 30px #e54d302e,inset 0 1px #ffdcd038}.secondary-button{color:#f5eee8;background:#17110f;border:1px solid #f5eee81f;margin-top:12px}.primary-button:hover,.secondary-button:hover{filter:brightness(1.04)}.primary-button:active,.secondary-button:active{transform:scale(.985)}.primary-button:focus-visible,.secondary-button:focus-visible{outline-offset:3px;outline:2px solid #f7eee8}.voice-visual{isolation:isolate;justify-content:center;align-items:center;width:min(82vw,340px);height:min(82vw,340px);margin-bottom:12px;display:flex;position:relative}.voice-glow{filter:blur(20px);opacity:.9;background:radial-gradient(circle,#f76341b8 0%,#e0462759 28%,#81261629 52%,#0000 74%);border-radius:50%;width:72%;height:72%;position:absolute}.voice-shape{transform-origin:50%;mix-blend-mode:screen;border-radius:50%;position:absolute}.voice-shape-one{filter:blur(8px);opacity:.9;background:radial-gradient(at 42% 46%,#ff7b51c7 0%,#dc462666 28%,#641f1629 58%,#0000 76%);width:73%;height:57%;transform:rotate(-27deg)translate(-8%,-4%)}.voice-shape-two{filter:blur(12px);background:radial-gradient(at 58%,#f66f4894 0%,#b0331e45 34%,#0000 70%);width:77%;height:45%;transform:rotate(34deg)translate(10%,7%)}.voice-shape-three{filter:blur(1px);background:radial-gradient(at 45%,#f15d3a4d 0%,#691e141a 48%,#0000 72%);border:1px solid #f67f593d;width:43%;height:77%;transform:rotate(17deg)translate(3%,1%)}.voice-rings{justify-content:center;align-items:center;width:58%;height:58%;display:flex;position:absolute}.voice-rings span{border:1px solid #f8dacfc2;border-radius:50%;display:block;position:absolute;box-shadow:0 0 14px #f4755333,inset 0 0 12px #f4755314}.voice-rings span:first-child{width:62%;height:62%}.voice-rings span:last-child{border-color:#f4714eb3;width:42%;height:42%}.voice-wave{z-index:3;justify-content:center;align-items:center;gap:clamp(3px,1vw,6px);width:48%;height:34%;display:flex;position:relative}.voice-wave span,.record-wave span{background:linear-gradient(#ffa689d9,#f36d4b 48%,#e55336a6);border-radius:999px;width:clamp(2px,.8vw,4px);min-width:2px;box-shadow:0 0 8px #f2604073}.voice-wave span:first-child{height:18%}.voice-wave span:nth-child(2){height:35%}.voice-wave span:nth-child(3){height:57%}.voice-wave span:nth-child(4){height:78%}.voice-wave span:nth-child(5){height:100%}.voice-wave span:nth-child(6){height:62%}.voice-wave span:nth-child(7){height:88%}.voice-wave span:nth-child(8){height:48%}.voice-wave span:nth-child(9){height:72%}.voice-wave span:nth-child(10){height:38%}.voice-wave span:nth-child(11){height:21%}.gender-options{flex-direction:column;gap:14px;width:100%;max-width:360px;margin-top:28px;display:flex}.birth-date-warning{color:#8f8179;max-width:340px;margin:14px 0 0;font-size:12px;line-height:1.5}.birth-date-form{width:100%;max-width:360px;margin-top:24px}.birth-date-form input{color:#f5eee8;width:100%;min-height:56px;font:inherit;box-sizing:border-box;background:#17110f;border:1px solid #f5eee81f;border-radius:999px;outline:none;padding:0 18px;font-size:15px}.birth-date-form input:focus{border-color:#f36f4db3;box-shadow:0 0 0 3px #f36f4d14}.birth-date-error,.city-error,.voice-error{color:#ee6b4b;margin:12px 0 0;font-size:13px;line-height:1.4}.city-onboarding{min-height:100dvh}.city-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 0;display:flex}.city-form{width:100%;max-width:360px;margin-top:28px}.city-label{color:#8f8179;text-align:left;margin-bottom:9px;font-size:12px;display:block}.city-form input{color:#f5eee8;width:100%;min-height:56px;font:inherit;box-sizing:border-box;background:#17110f;border:1px solid #f5eee81f;border-radius:999px;outline:none;padding:0 20px;font-size:15px}.city-form input:focus{border-color:#f36f4db3;box-shadow:0 0 0 3px #f36f4d14}.city-form input::placeholder{color:#6f625c}.city-actions{padding-bottom:max(4px, env(safe-area-inset-bottom))}.voice-card-onboarding{padding-bottom:max(14px, env(safe-area-inset-bottom))}.voice-card-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px 0 18px;display:flex}.record-visual{isolation:isolate;justify-content:center;align-items:center;width:min(64vw,270px);height:min(64vw,270px);margin-top:22px;display:flex;position:relative}.record-glow{filter:blur(22px);background:radial-gradient(circle,#f763417a 0%,#e0462733 34%,#0000 72%);border-radius:50%;width:72%;height:72%;position:absolute}.record-ring{border:1px solid #f7b9a647;border-radius:50%;transition:transform .22s,border-color .22s,opacity .22s;position:absolute}.record-ring-one{width:88%;height:88%}.record-ring-two{border-color:#f677576b;width:70%;height:70%}.record-ring-three{border-color:#f67757a6;width:50%;height:50%}.record-center{z-index:4;background:#1e110ec2;border:1px solid #fac5b252;border-radius:50%;justify-content:center;align-items:center;width:31%;height:31%;display:flex;position:relative;box-shadow:0 0 26px #ee5b3a33,inset 0 0 20px #f26a4914}.microphone-icon{width:30%;height:46%;position:relative}.microphone-body{border:2px solid #f48a6b;border-radius:999px;width:48%;height:68%;position:absolute;top:0;left:50%;transform:translate(-50%)}.microphone-line{border:2px solid #f48a6b;border-top:0;border-radius:0 0 999px 999px;width:70%;height:42%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.microphone-base{background:#f48a6b;border-radius:999px;width:48%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.record-wave{z-index:5;opacity:.32;justify-content:center;align-items:center;gap:4px;width:42%;height:24%;display:flex;position:absolute;bottom:24%}.record-wave span:first-child{height:24%}.record-wave span:nth-child(2){height:45%}.record-wave span:nth-child(3){height:75%}.record-wave span:nth-child(4){height:100%}.record-wave span:nth-child(5){height:58%}.record-wave span:nth-child(6){height:86%}.record-wave span:nth-child(7){height:48%}.record-wave span:nth-child(8){height:68%}.record-wave span:nth-child(9){height:30%}.record-visual.recording .record-ring-one{animation:1.8s ease-in-out infinite recordPulse}.record-visual.recording .record-ring-two{animation:1.8s ease-in-out .25s infinite recordPulse}.record-visual.recording .record-ring-three{animation:1.8s ease-in-out .5s infinite recordPulse}.record-visual.recording .record-glow{animation:1.4s ease-in-out infinite recordGlow}.record-visual.recording .record-wave{opacity:.9}.recording-indicator{background:#ee5b3a29;border-radius:50%;justify-content:center;align-items:center;width:30%;height:30%;display:flex}.recording-indicator span{background:#f36f4d;border-radius:7px;width:42%;height:42%;box-shadow:0 0 12px #f36f4d99}.recorded-icon{justify-content:center;align-items:center;gap:4px;width:46%;height:36%;display:flex}.recorded-icon span{background:#f47b59;border-radius:999px;width:3px;box-shadow:0 0 7px #f47b5973}.recorded-icon span:first-child{height:35%}.recorded-icon span:nth-child(2){height:68%}.recorded-icon span:nth-child(3){height:100%}.recorded-icon span:nth-child(4){height:55%}.recorded-icon span:nth-child(5){height:28%}.voice-card-status{color:#a9978e;min-height:20px;margin-top:4px;font-size:12px;line-height:1.5}.recording-dot{background:#f36f4d;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1s ease-in-out infinite recordingDot;display:inline-block;box-shadow:0 0 8px #f36f4da6}.voice-player{width:100%;max-width:360px;margin-top:14px}.voice-player audio{opacity:.86;width:100%;height:40px}.voice-player .secondary-button{min-height:48px;font-size:13px}.voice-card-actions{padding-bottom:2px}.record-button{box-shadow:0 12px 34px #e54d303d,inset 0 1px #ffdcd038}.profile-ready-card{background:#17110fc2;border:1px solid #f5eee81a;border-radius:24px;min-width:220px;margin-top:30px;padding:22px 30px;box-shadow:0 18px 50px #00000038,inset 0 1px #ffffff08}.profile-ready-card p{color:#a9978e;margin:7px 0 0;font-size:13px}.profile-ready-card p:first-of-type{color:#f0e7e1}.profile-ready-icon{justify-content:center;align-items:center;gap:5px;height:32px;display:flex}.profile-ready-icon span{background:#f47b59;border-radius:999px;width:3px;box-shadow:0 0 8px #f47b5966}.profile-ready-icon span:first-child{height:30%}.profile-ready-icon span:nth-child(2){height:65%}.profile-ready-icon span:nth-child(3){height:100%}.profile-ready-icon span:nth-child(4){height:58%}.profile-ready-icon span:nth-child(5){height:35%}.pagination{justify-content:center;align-items:center;gap:7px;margin-top:14px;display:flex}.pagination span{background:#f5e5dc57;border-radius:50%;width:5px;height:5px}.pagination span.active{background:#ee6b4b;width:6px;height:6px;box-shadow:0 0 8px #ee6b4b73}@keyframes recordPulse{0%,to{opacity:.42;transform:scale(1)}50%{opacity:.9;transform:scale(1.055)}}@keyframes recordGlow{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes recordingDot{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@media (height<=700px){.onboarding{min-height:100dvh;padding-top:18px;padding-bottom:14px}.hero{justify-content:flex-start;padding-top:22px;padding-bottom:16px;overflow:visible}.voice-visual{width:min(64vw,250px);height:min(64vw,250px);margin-bottom:4px}.hero-brand{font-size:17px}.hero-tagline{margin-top:9px;font-size:13px}.primary-button,.secondary-button{min-height:52px}.pagination{margin-top:10px}.city-content{justify-content:flex-start;padding-top:34px;padding-bottom:18px}.city-form{margin-top:22px}.voice-card-content{justify-content:flex-start;padding-top:18px}.record-visual{width:min(52vw,220px);height:min(52vw,220px);margin-top:14px}.voice-card-status{margin-top:0}.voice-player{margin-top:8px}}@media (height<=600px){.onboarding{min-height:100dvh;padding-top:14px;padding-bottom:14px}.hero{flex:none;justify-content:flex-start;padding-top:18px;padding-bottom:16px}.hero-brand{font-size:16px}.hero-tagline{margin-top:8px;font-size:13px;line-height:1.45}.actions,.city-actions,.voice-card-actions{padding-top:0}.city-content{flex:1;padding-top:24px;padding-bottom:14px}.city-form{margin-top:18px}.primary-button,.secondary-button{min-height:50px}.voice-card-content{padding-top:12px;padding-bottom:8px}.record-visual{width:min(45vw,190px);height:min(45vw,190px);margin-top:10px}.voice-player audio{height:34px}}@media (width>=700px){.onboarding{padding-left:36px;padding-right:36px}}