*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 rgba(0,0,0,0);--tw-ring-shadow:0 0 rgba(0,0,0,0);--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 rgba(0,0,0,0);--tw-ring-shadow:0 0 rgba(0,0,0,0);--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{border-width:0}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--opera-red:#c95b43;--opera-red-pressed:#b94732;--opera-red-soft:#eca993;--gold:#d9a96c;--warm-white:#f7efe5;--soft-white:#f9f4ee;--ink:#5a4638;--ink-muted:#806e62;--line:#e8d9cb;--role-blue:#86afc8;--role-pink:#efa295;--serif:"Source Han Serif SC","Noto Serif SC","Noto Serif CJK SC","Songti SC",STSong,SimSun,serif;color:var(--ink);background:#eadfd4;font-family:var(--serif);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#eadfd4}body,html{min-width:320px;min-height:100%}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 15% 20%,rgba(217,169,108,.1),transparent 22rem),radial-gradient(circle at 85% 70%,rgba(201,91,67,.08),transparent 24rem),#eadfd4}audio,button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience-shell{position:relative;width:min(100%,430px);margin:0 auto;overflow:hidden;background:var(--warm-white);box-shadow:0 0 60px rgba(90,70,56,.12)}::view-transition-old(root){transform-origin:center;animation:page-zoom-fade-out .32s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){transform-origin:center;animation:page-zoom-fade-in .36s cubic-bezier(.22,1,.36,1) both}@supports not (view-transition-name:none){.screen{animation:page-zoom-fade-in .36s cubic-bezier(.22,1,.36,1) both}}.screen{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 24px max(22px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;isolation:isolate;background:radial-gradient(circle at -5% 30%,rgba(236,169,147,.12),transparent 18%),radial-gradient(circle at 102% 76%,rgba(217,169,108,.1),transparent 22%),var(--warm-white)}.screen:not(.home-screen){background-color:var(--warm-white);background-image:linear-gradient(rgba(247,239,229,.04),rgba(247,239,229,.04)),var(--inner-page-background);background-repeat:no-repeat;background-position:top;background-size:cover}.screen:after,.screen:before{position:absolute;z-index:-1;width:180px;height:95px;content:"";pointer-events:none;opacity:.22;background:radial-gradient(ellipse at 20% 70%,transparent 50%,var(--gold) 52%,transparent 54%),radial-gradient(ellipse at 50% 50%,transparent 52%,var(--opera-red-soft) 54%,transparent 56%);-webkit-filter:blur(.2px);filter:blur(.2px)}.screen:not(.home-screen):after,.screen:not(.home-screen):before{display:none}.screen:before{top:15%;right:-110px;transform:rotate(-10deg)}.screen:after{bottom:8%;left:-115px;transform:rotate(180deg)}.screen.screen--stage{background-color:var(--warm-white);background-image:linear-gradient(to bottom,rgba(247,239,229,.02),rgba(247,239,229,.08)),var(--stage-image);background-repeat:no-repeat;background-position:top;background-size:cover}.screen.screen--stage:after,.screen.screen--stage:before{display:none}.topbar{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:54px;grid-gap:10px;gap:10px}.topbar>.brand,.topbar__brand-button{justify-self:start}.topbar__brand-button{padding:0;border:0;background:transparent;cursor:pointer}.topbar__spacer{width:44px}.icon-button,.quiet-action{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer}.icon-button{border:1px solid rgba(217,169,108,.8);border-radius:999px;background:rgba(249,244,238,.72)}.quiet-action{gap:5px;color:var(--ink);font-size:15px}.brand{display:flex;flex-direction:column;align-items:center;color:#3f332b}.brand__mask{display:block;width:68px;height:82px}.brand__mask img{display:block;width:100%;height:100%;object-fit:contain}.brand__words{display:flex;flex-direction:column;align-items:center;margin-top:12px}.brand__words strong{font-size:26px;font-weight:900;letter-spacing:.16em}.brand__words small{margin-top:4px;color:#a77757;font-size:7px;letter-spacing:.42em}.brand--compact{flex-direction:row;justify-self:start}.brand--compact .brand__mask{width:32px;height:39px}.brand--compact .brand__words{align-items:flex-start;margin:0 0 0 8px}.brand--compact .brand__words strong{font-size:16px}.brand--compact .brand__words small{font-size:5px}.home-screen{justify-content:space-between;padding-top:max(48px,env(safe-area-inset-top));text-align:center}.home-screen__content{display:flex;flex:1;flex-direction:column;align-items:center;padding-top:4vh}.home-screen__content>.brand--compact{align-self:flex-start}.home-screen__title{width:100%;margin-top:max(104px,min(16vh,150px))}.home-screen__heading{margin:0;line-height:0}.home-screen__wordmark{display:block;width:min(62vw,260px);height:auto;margin:0 auto}.home-screen__title p{margin:14px 0 0;font-size:17px;letter-spacing:.12em}.home-screen__title .latin{margin-top:7px;color:#a77757;font-size:10px;letter-spacing:.52em}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;gap:8px;border-radius:999px;font-size:17px;font-weight:500;letter-spacing:.08em;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.primary-button{position:relative;overflow:hidden;border:1px solid #e7aa62;color:#fffaf2;background:radial-gradient(ellipse at 50% -20%,rgba(255,229,187,.38),transparent 52%),linear-gradient(105deg,transparent 8%,rgba(255,214,167,.15) 34%,transparent 58%),linear-gradient(180deg,#db5a3d,#c84731 48%,#ad3325);box-shadow:inset 0 1px 0 rgba(255,247,226,.7),inset 0 -3px 7px rgba(103,29,20,.12),0 8px 18px rgba(122,49,31,.2),0 0 18px rgba(239,173,105,.12);text-shadow:0 1px 2px rgba(83,25,17,.42);transform:translateY(0);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,-webkit-filter .18s ease;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,filter .18s ease;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,filter .18s ease,-webkit-filter .18s ease}.primary-button:disabled{cursor:not-allowed;opacity:.45;-webkit-filter:saturate(.5);filter:saturate(.5);box-shadow:none}.secondary-button{border:1px solid var(--gold);color:var(--ink);background:rgba(249,244,238,.72)}.primary-button:not(:disabled):active,.secondary-button:active{transform:scale(.98)}.primary-button--hero{min-width:224px;min-height:62px;margin-top:auto;margin-bottom:42px;font-size:20px}.primary-button:after{position:absolute;z-index:0;top:-85%;left:-12%;width:48%;height:240%;content:"";background:linear-gradient(90deg,transparent,rgba(255,244,220,.2),transparent);pointer-events:none;transform:rotate(18deg)}.primary-button--hero>span{position:relative;z-index:2;margin-left:3px;font-size:22px;-webkit-filter:drop-shadow(0 1px 1px rgba(78,23,16,.32));filter:drop-shadow(0 1px 1px rgba(78,23,16,.32))}@media (hover:hover){.primary-button:not(:disabled):hover{-webkit-filter:saturate(1.06) brightness(1.035);filter:saturate(1.06) brightness(1.035);box-shadow:inset 0 1px 0 rgba(255,247,226,.76),inset 0 -3px 7px rgba(103,29,20,.1),0 9px 20px rgba(122,49,31,.22),0 0 20px rgba(239,173,105,.15)}}.primary-button:not(:disabled):active{-webkit-filter:brightness(.96);filter:brightness(.96);transform:scale(.98);box-shadow:inset 0 1px 4px rgba(82,23,16,.16),0 4px 10px rgba(122,49,31,.18)}.step-rail{display:grid;grid-template-columns:repeat(5,1fr);width:100%;padding:0;margin:0;list-style:none}.step-rail__item{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;color:#9d7d64;font-size:13px;letter-spacing:.08em}.step-rail__item:not(:last-child):after{position:absolute;top:20px;left:calc(50% + 25px);width:calc(100% - 50px);height:1px;content:"";background:var(--gold);opacity:.55}.step-rail__icon{display:grid;width:42px;height:42px;align-items:center;justify-items:center;place-items:center;border:1px solid var(--gold);border-radius:50%;background:rgba(249,244,238,.8)}.step-rail__item--active{color:var(--opera-red-pressed);font-weight:700}.step-rail__item--active .step-rail__icon{border-color:var(--opera-red);color:#fff;background:var(--opera-red);box-shadow:0 5px 14px rgba(201,91,67,.28)}.step-rail__item--done{color:#9b6c46}.screen-heading{margin-top:max(42px,min(8vh,72px));text-align:center}.generating-screen__copy h1,.result-heading h1,.screen-heading h1{margin:8px 0 0;color:#382d26;font-size:max(29px,min(8vw,34px));font-weight:900;letter-spacing:.12em;line-height:1.25}.generating-screen__copy h1:has(.screen-heading__wordmark),.screen-heading h1:has(.screen-heading__wordmark){line-height:0}.screen-heading__wordmark{display:block;max-width:100%;height:auto;margin:0 auto}.screen-heading__wordmark--record{width:min(44vw,138px)}.screen-heading__wordmark--opera{width:min(52vw,170px)}.screen-heading__wordmark--voice{width:min(50vw,160px)}.screen-heading__wordmark--generating{width:min(62vw,210px)}.generating-screen__copy>p:last-child,.result-heading>p:last-child,.screen-heading>p:last-child{margin:16px 0 0;color:var(--ink-muted);font-size:14px;letter-spacing:.08em;line-height:1.6}.eyebrow{margin:0;color:#a86d4f;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.record-orbit{position:relative;display:grid;width:208px;height:208px;align-items:center;justify-items:center;place-items:center;margin:max(38px,min(8vh,78px)) auto 0}.record-orbit__ring{position:absolute;border:1px solid rgba(217,169,108,.26);border-radius:50%}.record-orbit__ring--1{width:150px;height:150px}.record-orbit__ring--2{width:180px;height:180px}.record-orbit__ring--3{width:208px;height:208px}.record-orbit--active .record-orbit__ring{animation:orbit-breathe 1.9s ease-in-out infinite}.record-orbit--active .record-orbit__ring--2{animation-delay:-.35s}.record-orbit--active .record-orbit__ring--3{animation-delay:-.7s}.record-button{position:relative;z-index:2;display:grid;width:132px;height:132px;align-items:center;justify-items:center;place-items:center;border:7px solid #edc28f;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.14),transparent 28%),var(--opera-red);box-shadow:inset 0 0 0 2px rgba(255,255,255,.2),0 10px 24px rgba(142,66,43,.24);cursor:pointer}.record-timer{display:flex;justify-content:center;margin-top:5px;font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.record-timer strong{color:#332a25;font-weight:700}.record-timer span{margin-left:8px;color:var(--ink-muted)}.waveform{display:flex;align-items:center;justify-content:center;height:72px;margin-top:24px;gap:3px}.waveform i{width:3px;height:calc(var(--bar) * .55);border-radius:999px;background:var(--opera-red-soft);opacity:.64}.waveform--active i{animation:wave-pulse .78s ease-in-out infinite alternate;animation-delay:var(--delay)}.record-hint{margin:18px 0 0;color:var(--ink-muted);font-size:15px;letter-spacing:.08em;text-align:center}.inline-error,.record-hint--warn{color:var(--opera-red-pressed)}.inline-error{margin:16px 0 0;font-size:14px;line-height:1.55;text-align:center}.record-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;grid-gap:10px;gap:10px}.record-actions audio{grid-column:1/-1;width:100%;height:44px;margin:16px 0 8px}.record-actions .primary-button,.record-actions .secondary-button{min-width:0;padding:0 12px;font-size:14px}.swiper.opera-carousel{position:relative;min-height:375px;margin:max(28px,min(6vh,54px)) -24px 0;padding:18px 0 40px}.opera-carousel-shell{position:relative}.opera-carousel__peek-trigger{position:absolute;z-index:8;top:calc(max(28px, min(6vh, 54px)) + 18px);width:96px;height:326px;padding:0;border:0;background:transparent;cursor:pointer}.opera-carousel__peek-trigger--previous{left:-24px}.opera-carousel__peek-trigger--next{right:-24px}.opera-carousel .opera-carousel__slide{--opera-card-scale:0.96;width:196px;height:326px;opacity:.44;-webkit-filter:saturate(.62);filter:saturate(.62);transition:opacity .42s ease,-webkit-filter .42s ease;transition:opacity .42s ease,filter .42s ease;transition:opacity .42s ease,filter .42s ease,-webkit-filter .42s ease}.opera-carousel .opera-carousel__slide.swiper-slide-active{--opera-card-scale:1.06;z-index:3;opacity:1;-webkit-filter:none;filter:none}.opera-card{position:relative;width:100%;height:100%;padding:0 16px;overflow:hidden;border:2px solid rgba(217,169,108,.7);border-radius:18px;color:#fff8ed;background:var(--soft-white);box-shadow:0 10px 30px rgba(90,70,56,.08);cursor:pointer;transform:scale(var(--opera-card-scale));will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease}.opera-card--selected{border-color:#efbb7f;color:#fff8ed}.opera-carousel--dragging .opera-card{transition-duration:0s,.3s,.3s}.opera-card:before{position:absolute;z-index:3;top:8px;right:8px;bottom:8px;left:8px;content:"";border:1px solid rgba(255,236,199,.78);border-radius:12px;pointer-events:none}.opera-card__art,.opera-card__veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.opera-card__art{object-fit:cover}.opera-card__veil{z-index:1;background:linear-gradient(180deg,rgba(73,25,18,.04) 10%,rgba(73,25,18,.18) 52%,rgba(73,25,18,.5))}.opera-card strong{position:absolute;z-index:4;top:44%;right:12px;left:12px;display:block;font-size:31px;letter-spacing:.16em;text-shadow:0 2px 8px rgba(75,24,17,.32)}.opera-card>span:not(.opera-card__veil):not(.opera-card__play):not(.sr-only){position:absolute;z-index:4;right:10px;bottom:82px;left:10px;display:block;margin-bottom:12px;font-size:11px;letter-spacing:.08em;text-shadow:0 1px 6px rgba(75,24,17,.4)}.opera-card__play{position:absolute;z-index:5;right:0;bottom:28px;left:0;display:grid;width:52px;height:52px;align-items:center;justify-items:center;place-items:center;margin:auto;border-radius:50%;color:var(--opera-red);background:rgba(249,244,238,.94)}.opera-carousel .swiper-pagination{bottom:0}.opera-carousel .swiper-pagination-bullet{width:9px;height:7px;margin:0 5px;border-radius:999px;background:var(--line);opacity:1;transition:width .2s ease,background-color .2s ease}.opera-carousel .swiper-pagination-bullet-active{width:25px;background:var(--opera-red)}.selection-next-button{min-width:184px;margin:16px auto 24px}.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:max(34px,min(7vh,62px));grid-gap:12px;gap:12px}.voice-card{position:relative;min-width:0;min-height:372px;overflow:hidden;border:1px solid rgba(217,169,108,.76);border-radius:18px;background:rgba(249,244,238,.72);box-shadow:0 10px 30px rgba(90,70,56,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.voice-card--selected{border:2px solid var(--gold);box-shadow:0 14px 32px rgba(90,70,56,.14);transform:translateY(-4px)}.voice-card__select{width:100%;height:100%;padding:0 10px 66px;border:0;background:transparent;cursor:pointer}.voice-card__check{position:absolute;z-index:4;top:12px;right:12px;display:grid;width:26px;height:26px;align-items:center;justify-items:center;place-items:center;border-radius:50%;color:#fff;background:var(--opera-red)}.voice-card__portrait{position:relative;display:block;height:252px;overflow:hidden;margin:0 -10px;border-radius:17px 17px 40% 40%;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.9),transparent 34%),repeating-radial-gradient(circle at 74% 96%,transparent 0,transparent 14px,color-mix(in srgb,currentColor 24%,transparent) 15px,color-mix(in srgb,currentColor 24%,transparent) 16px),color-mix(in srgb,currentColor 20%,var(--soft-white))}@supports (background:repeating-radial-gradient(red,red 1px 2px,red 3px)) and (color:color-mix(in lch,red,blue)){.voice-card__portrait{background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.9),transparent 34%),repeating-radial-gradient(circle at 74% 96%,transparent 0 14px,color-mix(in srgb,currentColor 24%,transparent) 15px 16px),color-mix(in srgb,currentColor 20%,var(--soft-white))}}.voice-card__portrait img{position:absolute;right:-18%;bottom:-27%;width:136%;height:136%;object-fit:contain;object-position:center bottom}.voice-card--female .voice-card__portrait img{right:auto;left:-18%}.voice-card--male{color:#5b8fae}.voice-card--female{color:#c56762}.voice-card strong{display:block;margin-top:12px;color:currentColor;font-size:25px;letter-spacing:.12em}.voice-card__select>span:last-child{display:block;margin-top:8px;color:var(--ink-muted);font-size:12px}.voice-card__preview{position:absolute;z-index:4;right:0;bottom:14px;left:0;display:grid;width:48px;height:48px;align-items:center;justify-items:center;place-items:center;margin:auto;border:1px solid var(--gold);border-radius:50%;color:#936037;background:rgba(249,244,238,.95);cursor:pointer}.voice-card__preview.is-playing{color:#fff;background:var(--opera-red);animation:preview-breathe 1.7s ease-in-out infinite}.voice-card__preview:disabled{cursor:not-allowed;opacity:.58}.generating-screen{justify-content:center;text-align:center}.generating-screen__copy{position:relative;z-index:2;margin:0}.generating-screen__copy h1{font-size:max(36px,min(10vw,44px))}.generation-status{display:flex;align-items:center;justify-content:center;gap:9px}.generation-status__loader{width:15px;height:15px;flex:0 0 auto;border:1.5px solid rgba(201,91,67,.24);border-top:1.5px solid var(--opera-red);border-radius:50%;animation:system-spin .8s linear infinite}.stage-glow{position:absolute;z-index:1;right:20%;bottom:16%;left:20%;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,247,221,.85),rgba(217,169,108,.05) 64%,transparent 72%);-webkit-filter:blur(3px);filter:blur(3px);animation:stage-glow 2.3s ease-in-out infinite}.generating-screen__footer{position:absolute;z-index:3;right:24px;bottom:max(22px,env(safe-area-inset-bottom));left:24px}.generation-note{margin:26px 0 0;color:var(--ink-muted);font-size:14px;letter-spacing:.22em}.generation-error{padding:16px;margin-top:18px;border:1px solid rgba(201,91,67,.3);border-radius:16px;background:rgba(249,244,238,.9)}.generation-error p{margin:0 0 12px;color:var(--opera-red-pressed);font-size:14px}.generation-error div{display:flex;gap:10px}.generation-error button{flex:1;min-width:0;min-height:44px;padding:0 12px;font-size:13px}.result-screen{overflow-y:auto}.screen.result-screen:before{top:28%;right:auto;left:-66px;width:224px;height:224px;opacity:.42}.screen.result-screen:after,.screen.result-screen:before{z-index:-1;display:block;background:var(--blossom-image) left center /contain no-repeat;-webkit-filter:none;filter:none}.screen.result-screen:after{right:-68px;bottom:27%;left:auto;width:218px;height:218px;opacity:.34;transform:scaleX(-1)}.result-heading{margin-top:22px;text-align:center}.result-heading h1{font-size:max(25px,min(7vw,30px));letter-spacing:.08em}.result-portrait{position:relative;width:min(64vw,268px);aspect-ratio:1;margin:24px auto 20px;overflow:hidden;border:2px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 50% 42%,#fffaf4 0,#fffaf4 36%,#f6e4da 72%,#efd0c3);background:radial-gradient(circle at 50% 42%,#fffaf4 0 36%,#f6e4da 72%,#efd0c3);box-shadow:0 10px 28px rgba(90,70,56,.08)}.result-portrait--male{color:var(--role-blue);background-color:#e9f1f3}.result-portrait--female{color:var(--role-pink)}.result-portrait img{display:block;width:100%;height:100%;object-fit:cover}.player{margin-top:6px}.player__timeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player__timeline input{width:100%;height:4px;margin:0;border-radius:999px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--opera-red) 0 var(--progress),var(--line) var(--progress) 100%);cursor:pointer}.player__timeline input::-webkit-slider-thumb{width:20px;height:20px;border:2px solid var(--soft-white);border-radius:50%;-webkit-appearance:none;appearance:none;background:var(--opera-red);box-shadow:0 2px 7px rgba(142,66,43,.24)}.player__timeline input::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--soft-white);border-radius:50%;background:var(--opera-red);box-shadow:0 2px 7px rgba(142,66,43,.24)}.player__main{display:grid;width:78px;height:78px;align-items:center;justify-items:center;place-items:center;margin:22px auto 0;border:5px solid #edc28f;border-radius:50%;color:#fff;background:var(--opera-red);box-shadow:0 8px 20px rgba(142,66,43,.22);cursor:pointer}.result-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;grid-gap:10px;gap:10px}.result-actions .secondary-button{min-width:0;padding:0 10px;font-size:13px}.result-actions__primary{grid-column:1/-1;margin-top:2px}.dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;padding:24px;align-items:center;justify-items:center;place-items:center;background:rgba(60,44,34,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.system-screen{display:flex;align-items:center;flex-direction:column;justify-content:center;width:min(100%,430px);min-height:100vh;min-height:100dvh;padding:32px;margin:auto;color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 32%,rgba(236,169,147,.16),transparent 24%),var(--warm-white)}.system-screen h1{margin:12px 0;font-size:30px;letter-spacing:.08em}.system-screen>p:not(.eyebrow){margin:0 0 26px;color:var(--ink-muted);line-height:1.7}.system-screen__loader{width:48px;height:48px;margin-bottom:20px;border:2px solid var(--line);border-top-color:var(--opera-red);border-radius:50%;animation:system-spin .9s linear infinite}.help-dialog{width:min(100%,380px);padding:30px;border:1px solid var(--gold);border-radius:28px;color:var(--ink);background:radial-gradient(circle at 100% 0,rgba(236,169,147,.16),transparent 30%),var(--soft-white);box-shadow:0 24px 70px rgba(62,42,30,.22)}.help-dialog h2{margin:9px 0 18px;font-size:25px;letter-spacing:.06em}.help-dialog ul{padding-left:1.3em;margin:0 0 24px;color:var(--ink-muted);font-size:15px;line-height:1.9}.help-dialog .primary-button{width:100%}@keyframes orbit-breathe{0%,to{opacity:.25;transform:scale(.92)}50%{opacity:.65;transform:scale(1)}}@keyframes wave-pulse{0%{height:8px;opacity:.45}to{height:var(--bar);opacity:.9}}@keyframes preview-breathe{50%{box-shadow:0 0 0 9px rgba(201,91,67,.12)}}@keyframes stage-glow{0%,to{opacity:.68;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes system-spin{to{transform:rotate(1turn)}}@keyframes page-zoom-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.045)}}@keyframes page-zoom-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:359px){.screen{padding-right:16px;padding-left:16px}.home-screen__wordmark{width:min(64vw,218px)}.screen-heading{margin-top:25px}.screen-heading h1{font-size:32px}.record-orbit{width:180px;height:180px;margin-top:28px}.record-orbit__ring--2{width:164px;height:164px}.record-orbit__ring--3{width:180px;height:180px}.voice-card{min-height:350px}.voice-card__portrait{height:205px}.step-rail__item{font-size:11px}.step-rail__icon{width:38px;height:38px}.result-actions{grid-template-columns:1fr}.result-actions>*{grid-column:1}}@media (max-height:700px){.home-screen__content{padding-top:0}.brand:not(.brand--compact) .brand__mask{width:52px;height:63px}.home-screen__title{margin-top:36px}.primary-button--hero{margin-bottom:20px}.record-orbit,.screen-heading{margin-top:20px}.record-orbit{width:170px;height:170px}.record-orbit__ring--1{width:130px;height:130px}.record-orbit__ring--2{width:150px;height:150px}.record-orbit__ring--3{width:170px;height:170px}.record-button{width:116px;height:116px}.waveform{height:50px;margin-top:10px}.swiper.opera-carousel{min-height:300px;margin-top:12px;padding-top:10px}.opera-carousel__peek-trigger{top:22px;height:285px}.opera-carousel .opera-carousel__slide{height:285px}.voice-grid{margin-top:18px}.voice-card{min-height:315px}.voice-card__portrait{height:180px}}@media (min-width:431px){.experience-shell{margin-top:16px;margin-bottom:16px;border:1px solid rgba(217,169,108,.35);border-radius:32px}.screen{min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px)}}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation:none!important}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}