:root {
  color-scheme: dark;
  --arcade-bg: #08051a;
  --arcade-panel: #15102e;
  --arcade-panel-2: #211746;
  --arcade-ink: #fff9ff;
  --arcade-muted: #c6bdd9;
  --arcade-pink: #ff4dce;
  --arcade-cyan: #42e8ff;
  --arcade-yellow: #ffd84a;
  --arcade-lime: #8aff6a;
  --arcade-purple: #855cff;
  --arcade-line: rgba(255,255,255,.15);
  --arcade-shadow: 0 24px 70px rgba(0,0,0,.42);
}

html { background: var(--arcade-bg); }
body.arcade-theme {
  min-height: 100vh;
  color: var(--arcade-ink);
  background:
    radial-gradient(circle at 15% 10%, rgba(255,77,206,.18), transparent 24rem),
    radial-gradient(circle at 90% 20%, rgba(66,232,255,.15), transparent 28rem),
    radial-gradient(circle at 50% 85%, rgba(133,92,255,.16), transparent 32rem),
    var(--arcade-bg);
  font-family: ui-rounded, "Arial Rounded MT Bold", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.arcade-theme::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .32;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 85%);
}

body.arcade-theme a { color: var(--arcade-cyan); }
body.arcade-theme .site-shell { width: min(1180px, calc(100% - 36px)); }
body.arcade-theme .site-header {
  background: rgba(8,5,26,.82);
  border-bottom: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 8px 30px rgba(0,0,0,.25);
}
body.arcade-theme .header-inner { min-height: 72px; }
body.arcade-theme .wordmark {
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: .02em;
  text-shadow: 0 0 20px rgba(66,232,255,.35);
}
body.arcade-theme .wordmark-dot {
  width: 18px;
  height: 18px;
  background: var(--arcade-cyan);
  box-shadow: 10px 0 0 var(--arcade-pink), 5px 9px 0 var(--arcade-yellow), 0 0 24px var(--arcade-cyan);
}
body.arcade-theme .main-nav { margin-left: auto; }
body.arcade-theme .main-nav a {
  color: var(--arcade-muted);
  font-weight: 800;
  letter-spacing: .03em;
}
body.arcade-theme .main-nav a:hover,
body.arcade-theme .main-nav a:focus-visible { color: #fff; text-decoration: none; }

.language-picker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 6px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 5px 7px 5px 12px;
  background: rgba(255,255,255,.07);
  color: var(--arcade-muted);
  font-size: .74rem;
  font-weight: 800;
  white-space: nowrap;
}
.language-picker select {
  appearance: none;
  min-width: 104px;
  border: 0;
  border-radius: 999px;
  padding: 7px 28px 7px 11px;
  color: #fff;
  background:
    linear-gradient(45deg, transparent 50%, #fff 50%) calc(100% - 14px) 50%/5px 5px no-repeat,
    linear-gradient(135deg, #fff 50%, transparent 50%) calc(100% - 10px) 50%/5px 5px no-repeat,
    #2b2055;
  font: inherit;
  cursor: pointer;
}
.language-picker option { background: #17102f; color: #fff; }

body.arcade-theme .launch-hero {
  min-height: 650px;
  border: 0;
  padding: 90px 0 100px;
  overflow: hidden;
  background:
    radial-gradient(circle at 83% 20%, rgba(255,216,74,.86) 0 5%, transparent 5.5%),
    radial-gradient(circle at 88% 28%, rgba(255,77,206,.82) 0 3%, transparent 3.5%),
    radial-gradient(circle at 75% 38%, rgba(66,232,255,.75) 0 7%, transparent 7.5%),
    linear-gradient(135deg, #321670 0%, #8a31a8 48%, #ff5e93 100%);
}
body.arcade-theme .launch-hero::before {
  content: "PLAY";
  position: absolute;
  right: -1vw;
  bottom: -7vw;
  color: rgba(255,255,255,.07);
  font-size: clamp(9rem, 25vw, 25rem);
  font-weight: 1000;
  line-height: .8;
  letter-spacing: -.08em;
  transform: rotate(-8deg);
}
body.arcade-theme .launch-hero::after {
  background: linear-gradient(90deg, rgba(8,5,26,.18), rgba(8,5,26,0));
}
body.arcade-theme .hero-copy { max-width: 850px; }
body.arcade-theme .hero-copy h1 {
  max-width: 10ch;
  color: #fff;
  font-size: clamp(3.4rem, 9vw, 7.8rem);
  font-weight: 1000;
  letter-spacing: -.065em;
  text-transform: uppercase;
  text-shadow: 0 6px 0 rgba(59,15,92,.45), 0 0 40px rgba(255,255,255,.18);
}
body.arcade-theme .eyebrow {
  color: var(--arcade-yellow);
  font-weight: 1000;
  letter-spacing: .17em;
}
body.arcade-theme .lede { color: rgba(255,255,255,.85); font-weight: 650; }
body.arcade-theme .hero-proof span,
body.arcade-theme .soft-badge {
  border-color: rgba(255,255,255,.22);
  background: rgba(17,8,43,.42);
  color: #fff;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

body.arcade-theme .button {
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  padding: 11px 20px;
  background: rgba(36,27,66,.9);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
body.arcade-theme .button:hover { transform: translateY(-1px); border-color:rgba(203,194,238,.78);background:#30264f;box-shadow:0 11px 27px rgba(0,0,0,.23); }
body.arcade-theme .button:active { transform: translateY(1px); box-shadow: 0 4px 12px rgba(0,0,0,.2); }
body.arcade-theme .button-primary {
  border-color: #7766b5;
  background: #7766b5;
}
body.arcade-theme .button-primary:hover{border-color:#8c7bc9;background:#6858a5}
body.arcade-theme .button-secondary { background: rgba(36,27,66,.75); }
body.arcade-theme .button-danger { background: rgba(91,42,61,.72); color: #fff; border-color: rgba(224,153,181,.65); }
body.arcade-theme .ai-voice-contact a{color:#7766b5}
body.arcade-theme .ai-voice-contact a:hover,body.arcade-theme .ai-voice-contact a:focus-visible{color:#6858a5}

body.arcade-theme .section {
  border: 0;
  color: var(--arcade-ink);
  background: transparent;
}
body.arcade-theme .section-soft {
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.055));
  border-block: 1px solid rgba(255,255,255,.08);
}
body.arcade-theme .section-heading h2,
body.arcade-theme h2 { color: #fff; font-weight: 950; letter-spacing: -.045em; }
body.arcade-theme .section-heading p,
body.arcade-theme .info-card p,
body.arcade-theme .creator-panel p { color: var(--arcade-muted); }

body.arcade-theme .game-grid { gap: 24px; }
body.arcade-theme .game-card {
  isolation: isolate;
  min-height: 430px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.2);
  border-radius: 28px;
  padding: 24px;
  color: #fff;
  background: linear-gradient(160deg, rgba(255,255,255,.15), rgba(255,255,255,.035));
  box-shadow: var(--arcade-shadow), inset 0 1px 0 rgba(255,255,255,.15);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
body.arcade-theme .game-card::before {
  display: block;
  margin: 2px 0 18px;
  font-size: 5rem;
  line-height: 1;
  filter: drop-shadow(0 12px 16px rgba(0,0,0,.28));
  transform: rotate(-5deg);
}
body.arcade-theme .game-card:nth-child(1)::before { content: "🎡"; }
body.arcade-theme .game-card:nth-child(2)::before { content: "🎤"; }
body.arcade-theme .game-card:nth-child(3)::before { content: "🥁"; }
body.arcade-theme .game-card:nth-child(4)::before { content: "🎧"; }
body.arcade-theme .game-card:nth-child(5)::before { content: "🚇"; }
body.arcade-theme .game-card:nth-child(1) { background: linear-gradient(150deg, #492184, #e33ca9); }
body.arcade-theme .game-card:nth-child(2) { background: linear-gradient(150deg, #0a6c91, #29bfc6); }
body.arcade-theme .game-card:nth-child(3) { background: linear-gradient(150deg, #b64f1d, #f7b52d); }
body.arcade-theme .game-card:nth-child(4) { background: linear-gradient(150deg, #233b95, #6c37c9); }
body.arcade-theme .game-card:nth-child(5) { background: linear-gradient(150deg, #006c46, #00a84d); }
body.arcade-theme .game-card:hover {
  transform: translateY(-9px) rotate(-.6deg);
  border-color: rgba(255,255,255,.75);
  box-shadow: 0 34px 80px rgba(0,0,0,.5), 0 0 35px rgba(255,255,255,.1);
}
body.arcade-theme .game-card-topline { order: -1; justify-content: flex-end; margin-bottom: 8px; }
body.arcade-theme .game-card h3 { font-size: 1.8rem; font-weight: 1000; }
body.arcade-theme .game-card p,
body.arcade-theme .game-card .feature-list li { color: rgba(255,255,255,.83); }
body.arcade-theme .status-badge {
  color: #120b24;
  background: var(--arcade-yellow);
  font-weight: 1000;
  box-shadow: 0 3px 0 rgba(0,0,0,.25);
}
body.arcade-theme .status-beta { background: var(--arcade-cyan); color: #06212b; }
body.arcade-theme .game-category { color: rgba(255,255,255,.74); font-weight: 800; }
body.arcade-theme .creator-panel {
  border: 2px solid rgba(255,255,255,.18);
  background: linear-gradient(145deg, #24184c, #411e75);
  box-shadow: var(--arcade-shadow);
}
body.arcade-theme .creator-list div,
body.arcade-theme .info-card {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  padding: 20px;
  color: #fff;
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
body.arcade-theme .creator-list span { color: var(--arcade-muted); }
body.arcade-theme .info-card { border-top: 4px solid var(--arcade-cyan); }
body.arcade-theme .info-card:nth-child(2) { border-top-color: var(--arcade-pink); }
body.arcade-theme .info-card:nth-child(3) { border-top-color: var(--arcade-yellow); }

body.arcade-theme .game-hero {
  border: 0;
  padding: 76px 0 58px;
  background:
    radial-gradient(circle at 88% 20%, rgba(255,77,206,.24), transparent 18rem),
    linear-gradient(135deg, #17102f, #28184f);
}
body.arcade-theme .game-hero h1 {
  color: #fff;
  font-weight: 1000;
  text-shadow: 0 5px 0 rgba(0,0,0,.25);
}
body.arcade-theme .ai-voice-overview-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 22%, rgba(141,185,229,.34), transparent 19rem),
    radial-gradient(circle at 18% 88%, rgba(31,198,166,.2), transparent 22rem),
    linear-gradient(145deg,#f5fff9 0%,#e8f7ff 52%,#f4efff 100%);
}
body.arcade-theme .ai-voice-overview-hero:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -7rem;
  bottom: -12rem;
  width: 34rem;
  aspect-ratio: 1;
  border: 1px solid rgba(8,115,94,.1);
  border-radius: 50%;
  box-shadow: 0 0 0 4rem rgba(255,255,255,.24),0 0 0 8rem rgba(255,255,255,.16);
}
body.arcade-theme .ai-voice-overview-hero h1 { color:#111714;text-shadow:none }
body.arcade-theme .ai-voice-overview-hero .eyebrow { color:#08735e }
body.arcade-theme .ai-voice-overview-hero .lede { color:#4b5a55 }
body.arcade-theme .ai-voice-overview-hero .soft-badge { border-color:rgba(8,115,94,.16);color:#31534b;background:rgba(255,255,255,.72);box-shadow:0 8px 25px rgba(54,90,79,.08) }
body.arcade-theme .ai-voice-overview-hero .button-primary { border-color:#08735e;background:#08735e }
body.arcade-theme .ai-voice-overview-hero .button-primary:hover { border-color:#075e4e;background:#075e4e }
body.arcade-theme .ai-voice-overview-hero .button-secondary { border-color:#b9ccc6;color:#173d31;background:rgba(255,255,255,.82) }
.ai-voice-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;column-gap:clamp(38px,6vw,88px);row-gap:clamp(24px,4vw,42px)}
.ai-voice-hero-layout>h1{grid-column:1/-1;margin-bottom:0}
.ai-voice-hero-copy{min-width:0}
.ai-voice-hero-copy .lede{margin-top:0!important}
.ai-overview-wave-artifact{position:relative;isolation:isolate;display:grid;min-height:250px;align-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:34px;padding:30px;color:#174f43;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(224,247,240,.64));box-shadow:0 28px 65px rgba(36,102,85,.13),inset 0 1px 1px #fff;backdrop-filter:blur(16px) saturate(130%);animation:aiOverviewFloat 5.4s ease-in-out infinite}
.ai-overview-wave-artifact:before{position:absolute;inset:auto -20% -55% 20%;z-index:-1;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(31,198,166,.24),transparent 68%);content:"";animation:aiOverviewGlow 4s ease-in-out infinite}
.ai-overview-wave-label{display:flex;align-items:center;gap:9px;color:#3f7165;font-size:.62rem;font-weight:700;letter-spacing:.15em}
.ai-overview-wave-label i{width:8px;height:8px;border-radius:50%;background:#1fc6a6;box-shadow:0 0 0 6px rgba(31,198,166,.12);animation:aiOverviewPulse 1.8s ease-out infinite}
.ai-overview-wave-bars{display:flex;height:105px;align-items:center;justify-content:center;gap:6px;margin:17px 0 14px}
.ai-overview-wave-bars i{display:block;width:7px;height:var(--bar);border-radius:999px;background:linear-gradient(180deg,#08735e,#1fc6a6 55%,#8ddfcf);transform-origin:center;animation:aiOverviewWave 1.4s ease-in-out infinite alternate;animation-delay:var(--delay)}
.ai-overview-wave-meta{display:flex;align-items:end;justify-content:space-between;gap:18px}.ai-overview-wave-meta strong{color:#173d31;font-size:1rem;font-weight:650;letter-spacing:-.025em}.ai-overview-wave-meta span{color:#6b8b82;font-size:.66rem}
.ai-overview-wave-ring{position:absolute;z-index:-1;border:1px solid rgba(8,115,94,.12);border-radius:50%;animation:aiOverviewOrbit 14s linear infinite}.ai-overview-wave-ring:after{position:absolute;width:9px;height:9px;border-radius:50%;background:#71cdbb;box-shadow:0 4px 13px rgba(8,115,94,.2);content:""}.ring-a{width:190px;height:190px;top:-105px;right:-55px}.ring-a:after{bottom:16px;left:21px}.ring-b{width:135px;height:135px;right:-75px;bottom:-42px;animation-direction:reverse;animation-duration:10s}.ring-b:after{top:17px;left:7px}
@keyframes aiOverviewWave{0%{transform:scaleY(.28);opacity:.48}100%{transform:scaleY(1);opacity:1}}
@keyframes aiOverviewFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.4deg)}}
@keyframes aiOverviewPulse{70%{box-shadow:0 0 0 12px rgba(31,198,166,0)}}
@keyframes aiOverviewGlow{50%{transform:scale(1.15);opacity:.7}}
@keyframes aiOverviewOrbit{to{transform:rotate(1turn)}}
@media(max-width:850px){.ai-voice-hero-layout{grid-template-columns:1fr}.ai-overview-wave-artifact{width:min(100%,430px);min-height:220px;margin-top:18px}.ai-overview-wave-bars{height:86px}}
@media(max-width:480px){.ai-overview-wave-artifact{min-height:190px;border-radius:26px;padding:23px}.ai-overview-wave-bars{height:72px;gap:5px}.ai-overview-wave-bars i{width:6px}}
@media(prefers-reduced-motion:reduce){.ai-overview-wave-artifact,.ai-overview-wave-artifact:before,.ai-overview-wave-label i,.ai-overview-wave-bars i,.ai-overview-wave-ring{animation:none!important}}
body.arcade-theme .ai-voice-intro,
body.arcade-theme .number-demo-section,
body.arcade-theme .ai-voice-projects,
body.arcade-theme .ai-voice-trust,
body.arcade-theme .ai-voice-cta { color:#17231d }
body.arcade-theme .ai-voice-intro { background:#fbfdfc }
body.arcade-theme .ai-voice-intro h2,
body.arcade-theme .number-demo-section h2,
body.arcade-theme .ai-voice-projects h2,
body.arcade-theme .ai-voice-trust h2,
body.arcade-theme .ai-voice-cta h2 { color:#17231d }
body.arcade-theme .ai-voice-intro .section-heading>p,
body.arcade-theme .number-demo-section .section-heading>p,
body.arcade-theme .ai-voice-projects .section-heading>p,
body.arcade-theme .ai-voice-cta .lede { color:#596760 }
body.arcade-theme .ai-voice-intro .info-card { border-color:#dce9e4;color:#17231d;background:#fff;box-shadow:0 14px 38px rgba(31,75,59,.07) }
body.arcade-theme .ai-voice-intro .info-card p { color:#647069 }
body.arcade-theme .ai-step-number { color:#08735e }
body.arcade-theme .number-demo-section { border-block:1px solid #dce9e4;background:linear-gradient(145deg,#eefaf6,#eef3ff 55%,#f8f2ff) }
body.arcade-theme .number-demo-card { border-color:#d8e5e0;color:#17231d;background:rgba(255,255,255,.92);box-shadow:0 16px 42px rgba(31,75,59,.09) }
body.arcade-theme .number-demo-meta { color:#6c7973 }
body.arcade-theme .number-demo-meta span:last-child { color:#08735e }
body.arcade-theme .number-demo-card p { color:#26332d }
body.arcade-theme .ai-voice-projects { border-block:1px solid #e3e8e6;background:#f7f9f8 }
body.arcade-theme .ai-use-grid article { border-color:#dce6e2;color:#17231d;background:#fff;box-shadow:0 12px 34px rgba(31,55,48,.06) }
body.arcade-theme .ai-use-grid p { color:#647069 }
body.arcade-theme .ai-voice-trust { background:#fbfdfc }
body.arcade-theme .ai-voice-trust .creator-panel { border-color:#cfe3dc;color:#173d31;background:linear-gradient(145deg,#e9f8f2,#eef4ff);box-shadow:0 18px 48px rgba(31,75,59,.09) }
body.arcade-theme .ai-voice-trust .creator-panel .eyebrow { color:#08735e }
body.arcade-theme .ai-voice-trust .creator-panel p { color:#53635c }
body.arcade-theme .ai-voice-trust .creator-panel .button { border-color:#173d31;color:#fff;background:#173d31 }
body.arcade-theme .ai-voice-trust .creator-list div { border-color:#dce6e2;color:#17231d;background:#fff;box-shadow:0 10px 28px rgba(31,55,48,.06) }
body.arcade-theme .ai-voice-trust .creator-list span { color:#647069 }
body.arcade-theme .ai-voice-cta { border-top:1px solid #dce9e4;background:linear-gradient(145deg,#eefaf6,#eef3ff 58%,#f7f2ff) }
body.arcade-theme .ai-voice-cta .button-secondary { border-color:#b9ccc6;color:#173d31;background:#fff }
body.arcade-theme .back-link { color: var(--arcade-cyan); font-weight: 900; }
body.arcade-theme .game-stage { background: transparent; }
body.arcade-theme .tool-shell {
  border: 2px solid rgba(255,255,255,.18);
  border-radius: 30px;
  color: #fff;
  background: linear-gradient(145deg, #15102e, #201744);
  box-shadow: var(--arcade-shadow), 0 0 50px rgba(133,92,255,.12);
}
body.arcade-theme .tool-controls {
  border-color: rgba(255,255,255,.12);
  background: rgba(5,3,18,.38);
}
body.arcade-theme .tool-output { background: radial-gradient(circle at 50% 30%, rgba(66,232,255,.08), transparent 24rem); }
body.arcade-theme .text-input,
body.arcade-theme .text-area,
body.arcade-theme .select-input {
  border: 2px solid rgba(255,255,255,.16);
  color: #fff;
  background: #0f0b24;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.25);
}
body.arcade-theme .select-input option { color: #fff; background: #17102f; }
body.arcade-theme .control-group label,
body.arcade-theme .control-label { color: var(--arcade-yellow); }

/* The TTS workspace uses light cards, so it must not inherit the arcade
   theme's white and yellow text intended for dark game panels. */
body.arcade-theme .tts-shell { color: #17171c; }
body.arcade-theme .tts-account strong { color: #17171c; }
body.arcade-theme .tts-account p { color: #4d5058; }
body.arcade-theme .tts-shell .control-group label,
body.arcade-theme .tts-shell .control-label { color: #173f37; }
body.arcade-theme .tts-shell .tts-consent { color: #27282e; }
body.arcade-theme .tts-shell .tts-result-copy p { color: #4d5058; }
body.arcade-theme .tts-shell #tts-ref-audio-help,
body.arcade-theme .tts-shell .tts-recording-status { color: #17171c; font-weight: 700; }
body.arcade-theme .tts-shell .tts-tab { color: #565860; }
body.arcade-theme .tts-shell .tts-tab:hover { color: #17171c; }
body.arcade-theme .tts-shell .tts-tab.is-active { color: #2d263a; }
body.arcade-theme .tts-shell .text-input,
body.arcade-theme .tts-shell .text-area,
body.arcade-theme .tts-shell .select-input{border:1px solid #d9d6df;color:#25222b;background:#fbfafc;box-shadow:none}
body.arcade-theme .tts-shell .select-input option{color:#25222b;background:#fff}
body.arcade-theme .tts-shell .tts-account{background:#f1eff7}
body.arcade-theme .tts-shell .tts-tabs{background:#f8f7fa}
body.arcade-theme .tts-shell .tts-tab.is-active{border-color:#d8d1e5;background:#fff}
body.arcade-theme .tts-shell .button-secondary{border-color:#d5d0df;color:#393247;background:#fff;box-shadow:none}
body.arcade-theme .tts-shell .button-secondary:hover{border-color:#998db8;background:#f7f5fa}
body.arcade-theme .tts-voice-detail-link{color:#85828a}
body.arcade-theme .tts-voice-detail-link:hover{color:#5f5c64}
body.arcade-theme .tts-paywall .eyebrow { color: #765400; }
body.arcade-theme .tts-paywall h2 { color: #17171c; }
body.arcade-theme .tts-login-prompt,
body.arcade-theme .tts-login-prompt-card { color: #17171c; }
body.arcade-theme .tts-login-prompt .eyebrow { color: #765400; }
body.arcade-theme .tts-login-prompt h2 { color: #17231d; }
body.arcade-theme .tts-login-prompt-card > p:not(.eyebrow):not(.tts-paywall-note) { color: #4f5954; }
body.arcade-theme .tts-login-prompt .tts-paywall-note { color: #707a75; }
body.arcade-theme .tts-feedback-dialog .eyebrow { color:#175f4a; font-weight:850; letter-spacing:.1em; }

body.arcade-theme .tts-page-hero{position:relative;overflow:hidden;border:0;padding:clamp(70px,10vw,130px) 0 clamp(76px,11vw,140px);color:#17221e;background:linear-gradient(145deg,#f5fff9 0%,#e8f7ff 52%,#f4efff 100%)}
body.arcade-theme .tts-page-hero:before{content:'';position:absolute;right:-8rem;top:-10rem;width:30rem;height:30rem;border-radius:45% 55% 60% 40%;background:rgba(141,185,229,.28);transform:rotate(18deg)}
body.arcade-theme .tts-page-hero:after{content:'';position:absolute;left:-8rem;bottom:-15rem;width:28rem;height:28rem;border-radius:55% 45% 42% 58%;background:rgba(31,198,166,.2)}
body.arcade-theme .tts-hero-copy{position:relative;z-index:1;width:min(980px,calc(100% - 40px));margin:auto}
body.arcade-theme .tts-page-hero .back-link{margin-bottom:clamp(44px,7vw,76px);color:#43615a}
body.arcade-theme .tts-page-hero .eyebrow{color:#08735e;font-size:.82rem;letter-spacing:.08em}
body.arcade-theme .tts-page-hero h1{max-width:14ch;color:#111714;font-family:inherit;font-size:clamp(3.1rem,7.2vw,6.8rem);font-weight:800;line-height:1.04;letter-spacing:-.065em;text-shadow:none}
body.arcade-theme .tts-page-hero h1 span{display:block}
body.arcade-theme .tts-page-hero h1 span+span{color:#08735e}
body.arcade-theme .tts-page-hero .lede{max-width:620px;margin-top:30px;color:#4b5a55;font-size:clamp(1.08rem,2vw,1.35rem);font-weight:500;line-height:1.65}
body.arcade-theme .tts-page-hero .soft-badge{border-color:rgba(8,115,94,.16);color:#31534b;background:rgba(255,255,255,.72);box-shadow:0 8px 25px rgba(54,90,79,.08)}
body.arcade-theme .tts-page-stage{padding-top:clamp(46px,7vw,84px);background:linear-gradient(180deg,#fafcfc,#f4f6f5)}
body.arcade-theme .tts-page-stage .tts-shell{border:1px solid #e2e7e5;border-radius:32px;box-shadow:0 24px 70px rgba(31,55,48,.11)}
@media(max-width:620px){body.arcade-theme .tts-page-hero{padding:58px 0 78px}body.arcade-theme .tts-hero-copy{width:min(calc(100% - 32px),980px)}body.arcade-theme .tts-page-hero .back-link{margin-bottom:40px}body.arcade-theme .tts-page-hero h1{max-width:10ch;font-size:clamp(2.7rem,13vw,4.2rem);line-height:1.08}body.arcade-theme .tts-page-hero h1 span{display:inline}body.arcade-theme .tts-page-hero h1 span+span:before{content:' '}}

.pricing-hero{padding:74px 0 48px}.pricing-hero h1{max-width:12ch;color:#fff;font-size:clamp(3rem,7vw,6rem);font-weight:950;line-height:.96}.pricing-section{padding:24px 0 100px}.pricing-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:22px;align-items:start}.pricing-card,.pricing-checkout{border:2px solid rgba(255,255,255,.17);border-radius:28px;padding:clamp(25px,5vw,44px);background:linear-gradient(145deg,#211746,#15102e);box-shadow:var(--arcade-shadow)}.pricing-plan-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.pricing-plan-head h2{font-size:clamp(2rem,4vw,3.2rem)}.pricing-price{text-align:right;white-space:nowrap}.pricing-price strong{display:block;color:var(--arcade-yellow);font-size:clamp(2.2rem,5vw,4rem);line-height:1}.pricing-price span{color:var(--arcade-muted)}.pricing-features{display:grid;gap:14px;margin:34px 0;padding:0;list-style:none}.pricing-features li{position:relative;padding-left:30px;color:#fff;font-weight:750}.pricing-features li:before{content:'✓';position:absolute;left:0;color:var(--arcade-lime);font-weight:1000}.pricing-fair-use,.pricing-secure{color:var(--arcade-muted);font-size:.8rem}.pricing-checkout{position:sticky;top:94px;background:#fff;color:#17171c}.pricing-checkout [data-pricing-state]>strong{font-size:1.25rem}.pricing-checkout [data-pricing-state]>p{color:#50515a}.nicepay-card{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.nicepay-card[hidden]{display:none}.nicepay-card-number{grid-column:1/-1}.nicepay-card-field label{display:grid;gap:6px;color:#303139;font-size:.78rem;font-weight:800}.nicepay-card-field input{width:100%;min-height:46px;border:1px solid #c8c9cf;border-radius:10px;padding:10px 12px;color:#17171c;background:#fff;font:inherit}.nicepay-card-field input:focus{border-color:#17171c;outline:3px solid rgba(78,55,231,.16)}.pricing-agreement{display:flex;align-items:flex-start;gap:10px;margin:26px 0;color:#303139;font-size:.88rem}.pricing-agreement input{width:20px;height:20px;flex:0 0 auto}.pricing-submit,.pricing-cancel{width:100%}.pricing-cancel{margin-top:12px}.pricing-status{min-height:24px;color:#8b2d36;font-size:.86rem;font-weight:700}.pricing-secure{color:#62636b}.pricing-checkout .button-primary{border-color:#17171c;background:#17171c}.pricing-checkout .button-danger{color:#8b2d36;background:#fff;border-color:#c88}.pricing-checkout .button{box-shadow:none}
.pricing-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pricing-tier-grid .pricing-card{position:relative;display:flex;min-height:330px;flex-direction:column;padding:25px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.pricing-tier-grid .pricing-card h2{font-size:1.75rem}.pricing-tier-grid .pricing-card strong{color:var(--arcade-yellow);font-size:1.1rem}.pricing-tier-grid .pricing-card>p:not(.eyebrow){color:var(--arcade-muted);line-height:1.6}.pricing-tier-grid .pricing-card .button{width:100%;margin-top:auto}.pricing-tier-grid .is-recommended{border-color:var(--arcade-yellow);transform:translateY(-8px)}.pricing-recommended{position:absolute;top:14px;right:14px;border-radius:99px;padding:5px 9px;color:#17102f;background:var(--arcade-yellow);font-size:.7rem;font-weight:900}.pricing-explanation{margin:24px 0;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:24px;color:#fff;background:rgba(255,255,255,.06)}.pricing-explanation p{color:var(--arcade-muted);line-height:1.7}.pricing-section>.site-shell>.pricing-checkout{position:static;max-width:720px;margin:24px auto 0}.pricing-checkout [data-selected-plan]{font-weight:800;color:#303139}
@media(hover:hover) and (pointer:fine){.pricing-tier-grid .pricing-card:hover{z-index:2;border-color:var(--arcade-lime);transform:translateY(-8px) scale(1.015);background:linear-gradient(145deg,#302060,#1b143b);box-shadow:0 24px 55px rgba(6,4,24,.48),0 0 0 3px rgba(183,255,63,.12)}.pricing-tier-grid .is-recommended:hover{border-color:var(--arcade-yellow);transform:translateY(-14px) scale(1.015);box-shadow:0 26px 60px rgba(6,4,24,.52),0 0 0 3px rgba(255,223,64,.18)}}
@media(max-width:1050px){.pricing-tier-grid{grid-template-columns:1fr 1fr}.pricing-tier-grid .is-recommended{transform:none}}@media(max-width:820px){.pricing-layout{grid-template-columns:1fr}.pricing-checkout{position:static}.pricing-plan-head{flex-direction:column}.pricing-price{text-align:left}}@media(max-width:600px){.pricing-tier-grid{grid-template-columns:1fr}.pricing-tier-grid .pricing-card{min-height:270px}}

/* Toss Payments localized pricing and overlay checkout */
.pricing-hero .lede{max-width:62ch}.pricing-toolbar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.pricing-toolbar h2{max-width:15ch;color:#fff;font-size:clamp(1.8rem,4vw,3.1rem)}.pricing-frequency{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;flex:0 0 auto;gap:5px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px;background:rgba(255,255,255,.07);isolation:isolate}.pricing-frequency-indicator{position:absolute;z-index:-1;top:5px;bottom:5px;left:5px;width:calc((100% - 15px)/2);border-radius:999px;background:var(--arcade-yellow);box-shadow:0 5px 18px rgba(0,0,0,.25);transition:transform .34s cubic-bezier(.22,1,.36,1)}.pricing-frequency.is-yearly .pricing-frequency-indicator{transform:translateX(calc(100% + 5px))}.pricing-frequency button{position:relative;z-index:1;min-width:104px;border:0;border-radius:999px;padding:11px 18px;color:var(--arcade-muted);background:transparent;font:inherit;font-weight:850;cursor:pointer;transition:color .25s ease}.pricing-frequency button:hover{color:#fff}.pricing-frequency button.is-active{color:#17102f;background:transparent}.pricing-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-tier-grid .pricing-card{min-height:520px;animation:pricing-card-enter .42s cubic-bezier(.22,1,.36,1) both}.pricing-tier-grid .pricing-card:nth-child(2){animation-delay:.06s}.pricing-tier-grid .pricing-card:nth-child(3){animation-delay:.12s}@keyframes pricing-card-enter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-tier-description{min-height:3.4em;margin:6px 0 0}.pricing-localized-price{display:grid;gap:5px;margin:30px 0 5px}.pricing-localized-price strong{color:var(--arcade-yellow)!important;font-size:clamp(2.3rem,5vw,3.7rem)!important;line-height:1;letter-spacing:-.045em}.pricing-localized-price span{color:var(--arcade-muted);font-size:.84rem;font-weight:750}.pricing-tier-grid .pricing-features{margin:28px 0}.pricing-tier-grid .button:disabled{cursor:wait;opacity:.48;transform:none}.pricing-status{min-height:26px;margin:26px auto 0;color:var(--arcade-lime);font-size:.88rem;font-weight:750;text-align:center}.pricing-secure{max-width:720px;margin:22px auto 0;text-align:center}.welcome-hero{min-height:70vh;display:grid;align-items:center}.welcome-hero h1{max-width:10ch}.welcome-hero .hero-actions{margin-top:30px}
@media(max-width:900px){.pricing-toolbar{align-items:flex-start;flex-direction:column}.pricing-tier-grid{grid-template-columns:1fr}.pricing-tier-grid .pricing-card{min-height:0}.pricing-tier-description{min-height:0}}@media(max-width:520px){.pricing-frequency{display:grid;width:100%;grid-template-columns:1fr 1fr}.pricing-frequency button{min-width:0;padding-inline:12px}}
body.arcade-theme .help-text,
body.arcade-theme .inline-status,
body.arcade-theme .muted,
body.arcade-theme .history { color: var(--arcade-muted); }
body.arcade-theme .history li { border-color: rgba(255,255,255,.1); }
body.arcade-theme .result-banner {
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  background: linear-gradient(135deg, rgba(255,77,206,.16), rgba(66,232,255,.12));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
body.arcade-theme .wheel { border-color: #211746; box-shadow: 0 20px 55px rgba(0,0,0,.5), 0 0 35px rgba(255,77,206,.18); }
body.arcade-theme .wheel-pointer { border-top-color: var(--arcade-yellow); filter: drop-shadow(0 5px 5px rgba(0,0,0,.35)); }
body.arcade-theme .wheel-center { border: 3px solid var(--arcade-cyan); color: #fff; background: #15102e; }
body.arcade-theme .wheel-legend { color: var(--arcade-muted); }
body.arcade-theme .target-note { color: var(--arcade-cyan); text-shadow: 0 0 28px rgba(66,232,255,.35); }
body.arcade-theme .pitch-meter { border: 2px solid rgba(255,255,255,.15); }
body.arcade-theme .readout-card { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.055); }
body.arcade-theme .readout-card span { color: var(--arcade-muted); }
body.arcade-theme .hold-track { background: rgba(255,255,255,.1); }
body.arcade-theme .hold-progress { background: linear-gradient(90deg, var(--arcade-pink), var(--arcade-yellow)); }
body.arcade-theme .challenge-hud > div {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
}
body.arcade-theme .challenge-hud span,
body.arcade-theme .leaderboard-heading > span:last-child,
body.arcade-theme .leaderboard-rank,
body.arcade-theme .leaderboard-player small { color: var(--arcade-muted); }
body.arcade-theme .challenge-timer strong { color: var(--arcade-yellow); }
body.arcade-theme .note-sequence span { border-color: rgba(255,255,255,.17); color: var(--arcade-muted); }
body.arcade-theme .note-sequence .is-current {
  border-color: var(--arcade-cyan);
  color: #07121b;
  background: var(--arcade-cyan);
  box-shadow: 0 0 20px rgba(66,232,255,.55);
}
body.arcade-theme .note-sequence .is-cleared { border-color: var(--arcade-lime); color: #07121b; background: var(--arcade-lime); }
body.arcade-theme .leaderboard-list li { border-color: rgba(255,255,255,.1); }
body.arcade-theme .leaderboard-list .leaderboard-empty { color: var(--arcade-muted); }
body.arcade-theme .leaderboard-list strong { color: var(--arcade-yellow); }
body.arcade-theme .challenge-complete { animation-name: arcadeChallengeComplete; }
@keyframes arcadeChallengeComplete {
  35% { box-shadow: inset 0 0 0 8px var(--arcade-lime), 0 0 65px rgba(138,255,106,.4); background: rgba(138,255,106,.12); }
}
body.arcade-theme .runner-scoreboard > div {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
}
body.arcade-theme .runner-scoreboard span { color: var(--arcade-muted); }
body.arcade-theme .runner-scoreboard strong { color: var(--arcade-yellow); }
body.arcade-theme .runner-canvas {
  border: 2px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 45px rgba(0,0,0,.38), 0 0 34px rgba(66,232,255,.1);
}
body.arcade-theme .runner-jump-button {
  border: 2px solid #fff;
  box-shadow: 0 7px 0 #32135d, 0 14px 28px rgba(0,0,0,.3);
}
body.arcade-theme .related-game-card {
  border: 2px solid rgba(255,255,255,.2);
  color: #fff;
  box-shadow: var(--arcade-shadow), inset 0 1px 0 rgba(255,255,255,.14);
}
body.arcade-theme .related-game-card p { color: rgba(255,255,255,.8); }
body.arcade-theme .related-game-card .game-category { color: rgba(255,255,255,.7); font-weight: 800; }
body.arcade-theme .related-creator-roulette { background: linear-gradient(150deg, #492184, #b72a91); }
body.arcade-theme .related-pitch-challenge { background: linear-gradient(150deg, #0a668c, #24aeb8); }
body.arcade-theme .related-clap-the-rhythm { background: linear-gradient(150deg, #a8491d, #dc951c); }
body.arcade-theme .related-soundwave-sprint { background: linear-gradient(150deg, #233b95, #6c37c9); }
body.arcade-theme .related-next-station { background: linear-gradient(150deg, #006c46, #00a84d); }
body.arcade-theme .related-game-arrow { color: #fff; background: rgba(8,5,26,.25); }
body.arcade-theme .related-game-card:hover .related-game-arrow { color: #08051a; background: var(--arcade-cyan); }
body.arcade-theme .rhythm-beat { background: #574a79; }
body.arcade-theme .rhythm-beat.active { background: var(--arcade-yellow); box-shadow: 0 0 25px rgba(255,216,74,.5); }
body.arcade-theme .tap-pad {
  border: 3px solid var(--arcade-cyan);
  color: #fff;
  background: linear-gradient(145deg, #30225f, #1a1238);
  box-shadow: 0 10px 0 #090517, 0 0 35px rgba(66,232,255,.15);
}
body.arcade-theme .tap-pad:active,
body.arcade-theme .tap-pad.active { background: linear-gradient(145deg, var(--arcade-pink), #7633bd); }

body.arcade-theme .transit-stats > div,
body.arcade-theme .transit-board {
  border-color: rgba(255,255,255,.14);
  color: #fff;
  background: rgba(255,255,255,.055);
}
body.arcade-theme .transit-stats span,
body.arcade-theme .transit-source { color: var(--arcade-muted); }
body.arcade-theme .transit-stats strong { color: var(--arcade-yellow); }
body.arcade-theme .transit-source a { color: var(--arcade-cyan); }
body.arcade-theme .transit-board-head {
  border-color: rgba(255,255,255,.12);
  background: rgba(5,3,18,.4);
}
body.arcade-theme .transit-board-head span:not(.transit-line-badge),
body.arcade-theme .transit-question p { color: var(--arcade-muted); }
body.arcade-theme .transit-map-window { background: linear-gradient(180deg, #17102f, #24184c); }
body.arcade-theme .transit-map-window::before { background: linear-gradient(90deg,#17102f,transparent); }
body.arcade-theme .transit-map-window::after { background: linear-gradient(-90deg,#17102f,transparent); }
body.arcade-theme .transit-result {
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
body.arcade-theme .transit-topbar,
body.arcade-theme .transit-meta {
  border-color: rgba(255,255,255,.12);
  color: #fff;
  background: #100b27;
}
body.arcade-theme .transit-output { background: linear-gradient(180deg,#0c081e,#17102f); }
body.arcade-theme .transit-map-land { fill: #1d2540; }
body.arcade-theme .transit-map-street { stroke: #39425d; }
body.arcade-theme .transit-map-river { stroke: #174b6d; }
body.arcade-theme .transit-map-city { fill: #29324f; }
body.arcade-theme .transit-route-shadow { stroke: rgba(7,4,22,.88); }
body.arcade-theme .transit-map-attribution { color: #bbc2d1; background: rgba(8,5,26,.78); }
body.arcade-theme .transit-map-label rect { fill: #fff; }
body.arcade-theme .transit-question { border-color: rgba(255,255,255,.12); background: rgba(5,3,18,.42); }

body.arcade-theme .prose {
  width: min(820px, calc(100% - 32px));
  margin-block: 70px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  padding: clamp(28px, 6vw, 64px);
  color: #fff;
  background: rgba(21,16,46,.86);
  box-shadow: var(--arcade-shadow);
}
body.arcade-theme .prose h1,
body.arcade-theme .prose h2 { color: #fff; }
body.arcade-theme .prose p,
body.arcade-theme .prose li { color: var(--arcade-muted); }
body.arcade-theme .site-footer { border-color: rgba(255,255,255,.1); background: #070416; }
body.arcade-theme .footer-inner p,
body.arcade-theme .footer-business,
body.arcade-theme .footer-business a,
body.arcade-theme .footer-links a { color: var(--arcade-muted); }

/* The voice gallery uses a light paper surface inside the dark arcade theme. */
body.arcade-theme .voices-hero h1,
body.arcade-theme .voice-card h2 {
  color: #17231d;
}
body.arcade-theme .voices-hero .lede {
  color: #35443d;
}
body.arcade-theme .voices-hero .eyebrow,
body.arcade-theme .voices-hero .back-link {
  color: #175f4a;
}
body.arcade-theme .voice-card h2 {
  font-size: clamp(1.7rem, 2.4vw, 2.05rem);
  font-weight: 850;
  line-height: 1.08;
}
body.arcade-theme .voice-card .voice-id,
body.arcade-theme .voice-card-head span,
body.arcade-theme .voice-script strong {
  color: #68756e;
}
body.arcade-theme .voice-card .voice-description {
  color: #444b47;
}
body.arcade-theme .voice-card .voice-script {
  background: #f4f7f5;
}
body.arcade-theme .voice-card .voice-script p {
  color: #26332d;
}

@media (max-width: 900px) {
  body.arcade-theme .header-inner { flex-wrap: wrap; padding: 12px 0; }
  body.arcade-theme .main-nav { order: 3; width: 100%; justify-content: center; }
  .language-picker { margin-left: auto; }
}
@media (max-width: 620px) {
  body.arcade-theme .site-shell { width: min(100% - 24px, 1180px); }
  body.arcade-theme .launch-hero { min-height: 590px; padding: 72px 0 82px; }
  body.arcade-theme .hero-copy h1 { font-size: clamp(3rem, 17vw, 5.2rem); }
  body.arcade-theme .game-card { min-height: 390px; }
  .language-picker span { display: none; }
  .language-picker select { min-width: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  body.arcade-theme .game-card:hover,
  body.arcade-theme .button:hover { transform: none; }
}

/* Bright pricing surface aligned with the AI Voice overview. */
body.arcade-theme .pricing-hero{border-bottom:1px solid #d8e8e2;color:#17231d;background:linear-gradient(145deg,#eefaf6,#eef3ff 58%,#fff5e9)}
body.arcade-theme .pricing-hero h1{max-width:none;color:#111714;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:650;line-height:1.02;letter-spacing:-.055em;text-shadow:none}
body.arcade-theme .pricing-hero .back-link,body.arcade-theme .pricing-hero .eyebrow{color:#08735e}
body.arcade-theme .pricing-hero .lede{color:#4b5a55}
body.arcade-theme .pricing-section{color:#17231d;background:#f7faf8}
body.arcade-theme .pricing-toolbar h2{max-width:none;color:#17231d;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08}
body.arcade-theme .pricing-toolbar .eyebrow{color:#08735e}
body.arcade-theme .pricing-frequency{border-color:#cbded7;background:#e8f2ee}
body.arcade-theme .pricing-frequency button{color:#52625b}
body.arcade-theme .pricing-frequency button:hover{color:#173d31;background:#fff}
body.arcade-theme .pricing-frequency button.is-active{color:#fff;background:#08735e;box-shadow:0 6px 16px rgba(8,115,94,.2)}
body.arcade-theme .pricing-tier-grid .pricing-card{border:1px solid #d9e6e1;color:#17231d;background:#fff;box-shadow:0 16px 42px rgba(31,75,59,.08)}
body.arcade-theme .pricing-tier-grid .pricing-card .eyebrow{color:#08735e}
body.arcade-theme .pricing-tier-grid .pricing-card>p:not(.eyebrow),body.arcade-theme .pricing-tier-grid .pricing-card .pricing-localized-price span{color:#637069}
body.arcade-theme .pricing-tier-grid .pricing-localized-price strong{color:#08735e!important}
body.arcade-theme .pricing-tier-grid .pricing-features li{color:#2e3b35}
body.arcade-theme .pricing-tier-grid .pricing-features li:before{color:#08735e}
body.arcade-theme .pricing-tier-grid.is-two-tier{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto}
@media(max-width:900px){body.arcade-theme .pricing-tier-grid.is-two-tier{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pricing-frequency-indicator{transition:none}.pricing-tier-grid .pricing-card{animation:none}}
.pricing-frequency-indicator{z-index:0}
.pricing-tier-grid .pricing-card{animation-fill-mode:backwards}
body.arcade-theme .pricing-tier-grid .pricing-card .button-secondary{border-color:#b9ccc6;color:#173d31;background:#fff}
body.arcade-theme .pricing-tier-grid .pricing-card .button-primary{border-color:#08735e;color:#fff;background:#08735e}
body.arcade-theme .pricing-tier-grid .is-recommended{border-color:#ef9a88;box-shadow:0 20px 48px rgba(188,91,67,.12)}
body.arcade-theme .pricing-recommended{color:#fff;background:#ef6b5b}

/* Voice gallery stays light and editorial inside the arcade shell. */
body.arcade-theme .voices-section{background:#f5f8f6}
body.arcade-theme .voice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.arcade-theme .voice-card{min-height:420px;border-color:#dce6e2;color:#17231d;background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(31,75,59,.07)}
body.arcade-theme .voice-card.is-recommended{border-color:#a7d4c4;background:linear-gradient(145deg,#fff 45%,#effaf6)}
body.arcade-theme .voice-card h2{color:#17231d;font-size:clamp(1.9rem,3vw,2.35rem);font-weight:760}
body.arcade-theme .voice-card-head [data-sample-language]{color:#718078}
body.arcade-theme .voice-card .voice-description{color:#4d5a54}
body.arcade-theme .voice-card .voice-script{border-color:#e5ece8;background:#f7f9f8}
body.arcade-theme .voice-card .voice-script p{color:#26332d}
body.arcade-theme .voice-recommended-badge{color:#a23d30!important;background:#fff2ef!important}
@media(max-width:1100px){body.arcade-theme .voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.arcade-theme .voice-grid{grid-template-columns:1fr}body.arcade-theme .voice-card{min-height:0}}
body.arcade-theme .pricing-explanation{border-color:#d7e5e0;color:#17231d;background:#fff;box-shadow:0 12px 34px rgba(31,55,48,.05)}
body.arcade-theme .pricing-explanation p{color:#5c6963}
body.arcade-theme .pricing-status{color:#08735e}
body.arcade-theme .pricing-payment-alert{position:fixed;z-index:1200;top:82px;left:50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;width:min(720px,calc(100% - 28px));border:1px solid #efb4aa;border-radius:18px;padding:17px 18px;color:#5d211c;background:#fff8f6;box-shadow:0 20px 55px rgba(91,31,24,.2);transform:translate(-50%,-14px);opacity:0;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}
body.arcade-theme .pricing-payment-alert[hidden]{display:none}
body.arcade-theme .pricing-payment-alert.is-visible{transform:translate(-50%,0);opacity:1}
body.arcade-theme .pricing-payment-alert-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#c44738;font-size:1rem;font-weight:900}
body.arcade-theme .pricing-payment-alert-copy{display:grid;gap:5px;padding-top:2px}
body.arcade-theme .pricing-payment-alert-copy strong{color:#5d211c;font-size:1rem;line-height:1.35}
body.arcade-theme .pricing-payment-alert-copy p{margin:0;color:#783a33;font-size:.9rem;line-height:1.55}
body.arcade-theme .pricing-payment-alert-copy code{justify-self:start;margin-top:3px;border-radius:999px;padding:4px 9px;color:#803329;background:#f8ded9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:750}
body.arcade-theme .pricing-payment-alert>button{border:0;padding:0 2px;color:#8b514b;background:transparent;font:inherit;font-size:1.45rem;line-height:1;cursor:pointer}
body.arcade-theme .pricing-payment-alert>button:hover{color:#4f1d18}
@media(max-width:600px){body.arcade-theme .pricing-payment-alert{top:70px;gap:10px;padding:14px}.pricing-payment-alert-icon{width:27px;height:27px}}
body.arcade-theme .pricing-secure{color:#68756f}
body.arcade-theme .toss-widget-checkout{max-width:760px;margin:40px auto;padding:clamp(22px,4vw,38px);border:1px solid #cfe1da;border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(31,75,59,.1);scroll-margin-top:24px}
body.arcade-theme .toss-widget-checkout[hidden]{display:none}
body.arcade-theme .toss-widget-heading{padding:0 10px 14px}
body.arcade-theme .toss-widget-heading .eyebrow{color:#1d4ed8}
body.arcade-theme .toss-widget-heading h2{margin:.25rem 0 .5rem;color:#17231d;font-size:clamp(1.6rem,3vw,2.25rem)}
body.arcade-theme .toss-widget-heading p:last-child{margin:0;color:#637069}
body.arcade-theme .toss-subscription-agreement{display:flex;align-items:flex-start;gap:12px;margin:18px 10px 8px;padding:18px;border:1px solid #d7e5e0;border-radius:16px;color:#35443d;background:#f7fbf9;line-height:1.55}
body.arcade-theme .toss-subscription-agreement input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:#08735e}
body.arcade-theme .toss-subscription-agreement a{color:#08735e;font-weight:750}
body.arcade-theme .toss-widget-pay{display:block;width:calc(100% - 20px);margin:18px auto 4px;min-height:54px;background:#08735e}
body.arcade-theme .pricing-extra-option{display:grid;gap:8px;margin:8px 10px 18px;color:#35443d;font-weight:750}body.arcade-theme .pricing-extra-option select{width:100%;min-height:50px;border:1px solid #c9ddd5;border-radius:13px;padding:10px 14px;color:#17231d;background:#fff;font:inherit}body.arcade-theme .pricing-extra-credits [data-extra-credit-status]{margin:14px 10px 0}
@media(hover:hover) and (pointer:fine){body.arcade-theme .pricing-tier-grid .pricing-card:hover{border-color:#82bdaa;transform:translateY(-8px) scale(1.01);background:#fff;box-shadow:0 24px 55px rgba(31,75,59,.14)}body.arcade-theme .pricing-tier-grid .is-recommended:hover{border-color:#ef9a88;transform:translateY(-14px) scale(1.01);box-shadow:0 26px 58px rgba(188,91,67,.16)}}
html:lang(ko) body.arcade-theme .pricing-hero-title,html:lang(ko) body.arcade-theme .pricing-subtitle{white-space:pre;text-wrap:nowrap}
html:lang(ko) body.arcade-theme .pricing-hero-title{font-size:clamp(1.8rem,3vw,2.35rem);white-space:nowrap}
@media(max-width:600px){html:lang(ko) body.arcade-theme .pricing-hero-title{font-size:clamp(.95rem,4.9vw,1.8rem)}html:lang(ko) body.arcade-theme .pricing-subtitle{font-size:clamp(1.7rem,7vw,2.15rem)}}

/* Home — bright blue voice space with a live, code-rendered audio artifact. */
html:has(body.home-page){background:#eaf6ff}
body.home-page.arcade-theme{
  color:#142c46;
  background:#eaf6ff;
  font-family:"Pretendard Variable",Pretendard,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.home-page.arcade-theme::before{
  opacity:.42;
  background-image:linear-gradient(rgba(69,143,207,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(69,143,207,.075) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
body.home-page.arcade-theme .ai-home-hero{
  min-height:720px;
  padding:72px 0 90px;
  background:
    radial-gradient(circle at 82% 25%,rgba(88,190,237,.22),transparent 22rem),
    radial-gradient(circle at 12% 84%,rgba(121,195,245,.18),transparent 28rem),
    linear-gradient(138deg,#f7fcff 0%,#e6f5ff 46%,#d9effd 100%);
}
body.home-page.arcade-theme .ai-home-hero::before,body.home-page.arcade-theme .ai-home-hero::after{display:none}
.home-hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);align-items:center;gap:clamp(36px,5vw,78px)}
body.home-page.arcade-theme .ai-home-hero .hero-copy{max-width:700px}
body.home-page.arcade-theme .ai-home-hero .eyebrow{margin-bottom:20px;color:#2279ad;font-size:.76rem;font-weight:620;letter-spacing:.13em}
body.home-page.arcade-theme .ai-home-hero .hero-copy h1{
  max-width:11.5ch;
  color:#143c5d;
  font-size:clamp(3.45rem,6.5vw,6.35rem);
  font-weight:620;
  line-height:.98;
  letter-spacing:-.062em;
  text-transform:none;
  text-shadow:none;
}
html:lang(ko) body.home-page.arcade-theme .ai-home-hero .hero-copy h1{max-width:11ch;font-size:clamp(3.1rem,5.4vw,5.15rem);font-weight:590;line-height:1.08;letter-spacing:-.048em}
body.home-page.arcade-theme .ai-home-hero .lede{max-width:620px;margin-top:25px;color:#557087;font-size:clamp(1rem,1.55vw,1.18rem);font-weight:430;line-height:1.75}
body.home-page.arcade-theme .ai-home-hero .button{font-weight:620;box-shadow:0 9px 24px rgba(25,100,155,.11)}
body.home-page.arcade-theme .ai-home-hero .button-primary{border-color:#2d8fc5;color:#fff;background:#2d8fc5}
body.home-page.arcade-theme .ai-home-hero .button-primary:hover{border-color:#197cae;background:#197cae;box-shadow:0 13px 30px rgba(25,100,155,.2)}
body.home-page.arcade-theme .ai-home-hero .button-secondary{border-color:#b7d9eb;color:#245776;background:rgba(255,255,255,.72)}
body.home-page.arcade-theme .ai-home-hero .button-secondary:hover{border-color:#8cc4df;color:#174965;background:#fff;box-shadow:0 13px 30px rgba(25,100,155,.13)}
body.home-page.arcade-theme .ai-home-hero .hero-proof span{border-color:rgba(82,145,190,.2);color:#41667e;background:rgba(255,255,255,.58);font-weight:520;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}

.home-audio-artifact{position:relative;isolation:isolate;width:100%;min-height:540px;perspective:1100px}
.home-audio-artifact::before{position:absolute;inset:14% 4% 8% 13%;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(80,185,235,.38),rgba(119,202,240,.12) 48%,transparent 72%);filter:blur(5px);content:"";animation:homeGlow 5.2s ease-in-out infinite}
.home-artifact-halo{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);animation:homeHalo 8s ease-in-out infinite alternate}
.halo-one{width:150px;height:150px;top:2%;right:1%;background:linear-gradient(145deg,rgba(97,195,238,.48),rgba(208,241,255,.1))}
.halo-two{width:105px;height:105px;bottom:6%;left:3%;background:linear-gradient(145deg,rgba(129,216,246,.5),rgba(227,248,255,.15));animation-delay:-3s}
.home-audio-core{position:absolute;top:50%;left:50%;z-index:4;display:grid;width:min(78%,390px);aspect-ratio:1/.94;align-content:center;border:1px solid rgba(255,255,255,.82);border-radius:42px;padding:34px;color:#174a6b;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(218,241,253,.58));box-shadow:0 38px 80px rgba(35,119,174,.18),inset 0 1px 1px #fff;backdrop-filter:blur(18px) saturate(135%);transform:translate(-50%,-50%) rotateX(3deg) rotateY(-8deg);animation:homeCoreFloat 6s ease-in-out infinite}
.home-audio-core small{font-size:.66rem;font-weight:610;letter-spacing:.18em}
.home-audio-core strong{margin-top:18px;font-size:clamp(1.45rem,3vw,2.15rem);font-weight:600;letter-spacing:-.045em}
.home-live-dot{position:absolute;top:35px;right:35px;width:9px;height:9px;border-radius:50%;background:#45bde6;box-shadow:0 0 0 7px rgba(69,189,230,.12);animation:homePulse 1.8s ease-out infinite}
.home-time{position:absolute;right:34px;bottom:38px;color:#6f93aa;font-size:.7rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.home-wave{display:flex;height:145px;align-items:center;justify-content:center;gap:7px;margin-top:18px}
.home-wave i{display:block;width:8px;height:var(--bar);border-radius:999px;background:linear-gradient(180deg,#4eb5e5,#7bd0ef 55%,#afdff4);box-shadow:0 4px 12px rgba(53,157,207,.16);transform-origin:center;animation:homeWave 1.55s ease-in-out infinite alternate;animation-delay:var(--delay)}
.home-orbit{position:absolute;top:50%;left:50%;z-index:2;border:1px solid rgba(48,136,192,.22);border-radius:50%;transform:translate(-50%,-50%);animation:homeOrbit 16s linear infinite}
.orbit-one{width:88%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-12deg)}
.orbit-two{width:72%;aspect-ratio:1;transform:translate(-50%,-50%) rotateY(63deg) rotateZ(32deg);animation-direction:reverse;animation-duration:12s}
.home-orbit i{position:absolute;width:13px;height:13px;border:3px solid rgba(255,255,255,.78);border-radius:50%;background:#47addd;box-shadow:0 5px 18px rgba(37,132,185,.3)}
.orbit-one i:first-child{top:9%;left:25%}.orbit-one i:last-child{right:4%;bottom:35%}.orbit-two i{top:54%;left:-6px;background:#9ddcf4}
.home-float-chip{position:absolute;z-index:5;display:grid;min-width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.9);border-radius:19px;color:#377394;background:rgba(250,254,255,.7);font-size:.72rem;font-weight:620;letter-spacing:.1em;box-shadow:0 16px 32px rgba(48,125,174,.13);backdrop-filter:blur(10px);animation:homeChip 5s ease-in-out infinite}
.chip-ko{top:13%;left:5%;animation-delay:-1s}.chip-wav{right:1%;bottom:16%;animation-delay:-2.8s}.chip-ai{right:5%;top:12%;width:46px;min-width:46px;height:46px;border-radius:50%;animation-delay:-4s}
.home-spark{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;background:#6bc6eb;box-shadow:0 0 16px #5ec1e9;animation:homeSpark 4.5s ease-in-out infinite}
.spark-one{top:24%;left:2%}.spark-two{top:6%;left:43%;animation-delay:-1.6s}.spark-three{right:10%;bottom:5%;animation-delay:-3.1s}
@keyframes homeWave{0%{transform:scaleY(.32);opacity:.5}100%{transform:scaleY(1);opacity:1}}
@keyframes homeCoreFloat{0%,100%{transform:translate(-50%,-50%) rotateX(3deg) rotateY(-8deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(0) rotateY(-4deg) translateY(-12px)}}
@keyframes homeOrbit{to{rotate:1turn}}
@keyframes homeGlow{50%{transform:scale(1.08);opacity:.74}}
@keyframes homeHalo{to{transform:translate(18px,-16px) scale(1.12)}}
@keyframes homeChip{50%{transform:translateY(-13px) rotate(2deg)}}
@keyframes homePulse{70%{box-shadow:0 0 0 13px rgba(69,189,230,0)}}
@keyframes homeSpark{50%{transform:translateY(-18px) scale(1.7);opacity:.45}}

body.home-page.arcade-theme .site-footer{border-color:#cfe4ef;background:#e7f4fb}
body.home-page.arcade-theme .footer-company strong{color:#214c67;font-weight:620}
body.home-page.arcade-theme .footer-inner p,body.home-page.arcade-theme .footer-business,body.home-page.arcade-theme .footer-business a,body.home-page.arcade-theme .footer-links a{color:#658196;font-weight:450}
body.home-page.arcade-theme .footer-links a:hover{color:#176f9e}
@media(max-width:960px){.home-hero-layout{grid-template-columns:1fr;gap:24px}.home-audio-artifact{width:min(100%,620px);min-height:460px;margin-inline:auto}body.home-page.arcade-theme .ai-home-hero .hero-copy{max-width:760px}body.home-page.arcade-theme .ai-home-hero .hero-copy h1{max-width:12ch}}
@media(max-width:620px){body.home-page.arcade-theme .ai-home-hero{min-height:auto;padding:58px 0 60px}body.home-page.arcade-theme .ai-home-hero .hero-copy h1,html:lang(ko) body.home-page.arcade-theme .ai-home-hero .hero-copy h1{font-size:clamp(2.55rem,12vw,4rem);font-weight:590;line-height:1.08}.home-audio-artifact{min-height:380px}.home-audio-core{width:min(77%,310px);border-radius:32px;padding:26px}.home-wave{height:110px;gap:5px}.home-wave i{width:6px}.home-float-chip{min-width:48px;height:48px;border-radius:16px}.chip-ai{width:40px;min-width:40px;height:40px}.home-time{right:26px;bottom:28px}.home-live-dot{top:27px;right:27px}}
@media(max-width:420px){.home-audio-artifact{min-height:340px}.home-audio-core{width:79%;padding:22px}.home-wave{height:94px}.halo-one{width:105px;height:105px}.halo-two{width:76px;height:76px}.home-float-chip{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.home-audio-artifact::before,.home-artifact-halo,.home-audio-core,.home-wave i,.home-orbit,.home-float-chip,.home-live-dot,.home-spark{animation:none!important}}

/* The developer workspace is intentionally light and code-focused. */
html:has(body.api-docs-body){color-scheme:light;background:#f6f5f2}
body.api-docs-body.arcade-theme{color:#202a35;background:#f6f5f2;font-family:Pretendard Variable,Pretendard,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.api-docs-body.arcade-theme::before{display:none}
body.api-docs-body.arcade-theme .api-docs-page{background:radial-gradient(circle at 78% 0,rgba(76,91,108,.07),transparent 34rem),linear-gradient(180deg,#f2f1ed 0,#faf9f6 56rem)}
body.api-docs-body.arcade-theme a{color:#40566e}
body.api-docs-body.arcade-theme .site-header{border-color:#dddcd7;background:rgba(250,249,246,.95);box-shadow:0 8px 28px rgba(35,42,50,.05)}
body.api-docs-body.arcade-theme .wordmark{color:#202a35;text-shadow:none}
body.api-docs-body.arcade-theme .wordmark-dot{background:#344353;box-shadow:10px 0 0 #718094,5px 9px 0 #b29b73}
body.api-docs-body.arcade-theme .main-nav a{color:#5b6672;font-weight:680}
body.api-docs-body.arcade-theme .main-nav a:hover,body.api-docs-body.arcade-theme .main-nav a:focus-visible{color:#111b27}
body.api-docs-body.arcade-theme .api-docs-sidebar nav a,body.api-docs-body.arcade-theme .api-docs-resources a{color:#080d14}
body.api-docs-body.arcade-theme .api-docs-brand span{background:#344353;box-shadow:7px 0 0 #718094,3px 6px 0 #b29b73}
body.api-docs-body.arcade-theme .api-docs-sidebar nav a:hover,body.api-docs-body.arcade-theme .api-docs-sidebar nav a:focus-visible{color:#05080c;background:#e8e6e0}
body.api-docs-body.arcade-theme .eyebrow,body.api-docs-body.arcade-theme .api-section-index{color:#596675;font-weight:850}
body.api-docs-body.arcade-theme .api-doc-section h2,body.api-docs-body.arcade-theme .api-agent-card h2{color:#10233e;font-weight:650}
body.api-docs-body.arcade-theme .button{min-height:44px;border-radius:12px;padding:10px 16px;font-weight:750;box-shadow:none}
body.api-docs-body.arcade-theme .button-primary{border-color:#30455b;color:#fff;background:#30455b}
body.api-docs-body.arcade-theme .button-primary:hover{border-color:#223548;background:#223548;box-shadow:0 9px 22px rgba(32,45,59,.16)}
body.api-docs-body.arcade-theme .button-secondary{border-color:#c8c6c0;color:#344454;background:rgba(255,255,255,.7)}
body.api-docs-body.arcade-theme .button-secondary:hover{border-color:#a7a49d;color:#202d3a;background:#fff;box-shadow:0 9px 22px rgba(42,49,57,.08)}
body.api-docs-body.arcade-theme .api-agent-card{border-color:#d1cec6;background:linear-gradient(125deg,#efeee9,#f8f7f3 58%,#eeece6)}
body.api-docs-body.arcade-theme .api-agent-icon{color:#e1e5e9;background:#263545}
body.api-docs-body.arcade-theme .api-compat-note{border-color:#d1cec6;color:#3d4a57;background:#eeede8}
body.api-docs-body.arcade-theme .api-compat-note strong{color:#344454}
body.api-docs-body.arcade-theme .api-endpoint-head>span{color:#ded2b8;background:#3d392f}
body.api-docs-body.arcade-theme .api-endpoint-meta span:first-child{color:#b9c9bd}
body.api-docs-body.arcade-theme .api-start-steps span{color:#344454;background:#e5e3dd}
body.api-docs-body.arcade-theme .api-callout{border-left-color:#667587;background:#efeee9}
body.api-docs-body.arcade-theme .api-code-tabs{border-color:#d2d0ca;background:#ebe9e4}
body.api-docs-body.arcade-theme .site-footer{border-color:#d8d6d0;background:#eceae5}
body.api-docs-body.arcade-theme .footer-company strong{color:#1b354d}
body.api-docs-body.arcade-theme .footer-business,body.api-docs-body.arcade-theme .footer-business a,body.api-docs-body.arcade-theme .footer-links a{color:#60768a}

/* Voice Studio workspace */
body.arcade-theme:has(.tts-studio){color:#0f172a;background:#fff;font-family:Pretendard Variable,Pretendard,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.arcade-theme:has(.tts-studio)::before{display:none}
body.arcade-theme:has(.tts-studio) .site-header{border-color:#e2e8f0;background:rgba(255,255,255,.96);box-shadow:none}
body.arcade-theme:has(.tts-studio) .wordmark{color:#0f172a;text-shadow:none}
body.arcade-theme:has(.tts-studio) .wordmark-dot{background:#3b82f6;box-shadow:10px 0 0 #7aa7e8,5px 9px 0 #d8b77b}
body.arcade-theme:has(.tts-studio) .main-nav a{color:#64748b;font-weight:650}
body.arcade-theme:has(.tts-studio) .main-nav a:hover{color:#0f172a}
body.arcade-theme:has(.tts-studio) .site-footer{display:none}
.tts-studio-stage{min-height:calc(100dvh - 72px);background:#fff}
.tts-studio{display:grid;min-height:calc(100dvh - 72px);grid-template-columns:252px minmax(0,1fr);color:#0f172a;background:#fff}
.tts-library-panel{position:sticky;top:72px;display:flex;height:calc(100dvh - 72px);min-width:0;flex-direction:column;border-right:1px solid #e2e8f0;padding:18px 10px 12px;background:#f8fafc}.tts-library-section{display:flex;min-height:0;flex:1;flex-direction:column;margin-top:26px;padding-top:20px;border-top:1px solid #e2e8f0}
.tts-library-header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:2px 8px 12px}.tts-library-header h1{margin:3px 0 0;color:#0f172a;font-size:1rem;font-weight:700;letter-spacing:-.02em}.tts-studio-kicker{display:block;color:#94a3b8;font-size:.6rem;font-weight:800;letter-spacing:.13em}.tts-library-count{display:grid;min-width:28px;height:24px;place-items:center;border:1px solid #e2e8f0;border-radius:999px;padding:0 8px;color:#64748b;background:#fff;font-size:.7rem;font-weight:700}.tts-library-policy{margin:0 8px 12px;color:#64748b;font-size:.71rem;line-height:1.55}.tts-library-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:3px;overflow-y:auto;padding:1px 2px 12px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tts-library-empty{display:grid;place-items:center;margin:auto;padding:28px 12px;text-align:center}.tts-library-empty>span{display:grid;width:38px;height:38px;place-items:center;margin-bottom:12px;border:1px solid #dbe3ed;border-radius:12px;color:#64748b;background:#fff}.tts-library-empty strong{font-size:.78rem}.tts-library-empty p{max-width:170px;margin:4px 0 0;color:#94a3b8;font-size:.68rem;line-height:1.5}.tts-library-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid transparent;border-radius:9px;padding:8px;color:#334155;background:transparent}.tts-library-item:hover,.tts-library-item.is-playing{border-color:#dbe5f0;background:#fff}.tts-library-play{display:grid;width:32px;height:32px;place-items:center;border:1px solid #d9e2ec;border-radius:50%;color:#315e91;background:#fff;font-size:.66rem;cursor:pointer}.tts-library-play:hover{border-color:#8ba9ca;background:#f2f7fd}.tts-library-copy{min-width:0}.tts-library-copy strong{display:block;overflow:hidden;color:#1e293b;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.tts-library-copy span{display:block;overflow:hidden;margin-top:2px;color:#94a3b8;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.tts-library-download{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;color:#64748b;text-decoration:none}.tts-library-download:hover{color:#1e293b;background:#f1f5f9}.tts-library-more{margin:4px 4px 10px;border:1px solid #dbe3ec;border-radius:8px;padding:7px;color:#64748b;background:#fff;font-size:.68rem;font-weight:700}.tts-library-upgrade{margin:4px 4px 10px;border:1px solid #d9e4f1;border-radius:12px;padding:12px;background:#fff}.tts-library-upgrade strong{font-size:.76rem}.tts-library-upgrade p{margin:4px 0 10px;color:#64748b;font-size:.65rem;line-height:1.45}.tts-library-upgrade .button{width:100%;min-height:32px;padding:6px 10px;font-size:.67rem}.tts-library-foot{display:flex;flex-wrap:wrap;gap:5px;padding:10px 6px 0;border-top:1px solid #e2e8f0}.tts-library-foot span{border-radius:999px;padding:4px 7px;color:#718096;background:#eef2f6;font-size:.58rem;font-weight:650}
.tts-studio-main{min-width:0}.tts-studio-header{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e2e8f0;padding:8px 22px}.tts-studio-header>div>strong{display:block;margin-top:1px;font-size:.9rem}.tts-studio-header .tts-account{display:flex;min-width:0;max-width:660px;align-items:center;justify-content:flex-end;gap:14px;border:0;padding:0;background:transparent}.tts-studio-header .tts-account>div:first-child{min-width:0}.tts-studio-header .tts-account strong{color:#1e293b;font-size:.76rem}.tts-studio-header .tts-account p{overflow:hidden;margin:1px 0 0;color:#94a3b8;font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.tts-studio-header .tts-account-actions{gap:5px}.tts-studio-header .button{min-height:32px;padding:6px 11px;font-size:.67rem;box-shadow:none}.tts-studio-header .tts-account-copy{grid-template-columns:auto minmax(100px,1fr)}.tts-studio-header .tts-account-avatar{width:30px;height:30px}.tts-studio-header .tts-account-usage{width:190px;margin-top:4px}.tts-studio-header .tts-account-usage-header{font-size:.58rem}.tts-studio-header .tts-account-usage-track{height:4px}
.tts-studio-workspace{width:min(940px,calc(100% - 40px));margin:0 auto;padding:42px 0 80px}.tts-workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.tts-workspace-heading h2{margin:6px 0 0;color:#0f172a;font-size:clamp(1.85rem,4vw,2.65rem);font-weight:650;letter-spacing:-.045em}.tts-workspace-heading p{margin:10px 0 0;color:#64748b;font-size:.88rem}.tts-workspace-heading>a{flex:0 0 auto;color:#64748b;font-size:.72rem;text-decoration:none}.tts-workspace-heading>a:hover{color:#0f172a}.tts-studio [data-tts-sidebar-menu]{display:flex;flex:0 0 auto;flex-direction:column;gap:6px;margin:0;border:0;padding:0;background:transparent}.tts-studio [data-tts-sidebar-menu] .tts-tab{width:100%;min-height:46px;grid-template-columns:28px minmax(0,1fr) auto;border-color:transparent;border-radius:11px;padding:7px 8px;color:#526173;background:transparent;box-shadow:none;font-size:.73rem}.tts-studio [data-tts-sidebar-menu] .tts-tab:before{display:none}.tts-studio [data-tts-sidebar-menu] .tts-tab-index{width:26px;height:26px;border-radius:8px;color:#64748b;background:#e8edf3;font-size:.57rem}.tts-studio [data-tts-sidebar-menu] .tts-tab:hover{border-color:#dce5ee;color:#26384c;background:#fff}.tts-studio [data-tts-sidebar-menu] .tts-tab.is-active{border-color:#cbd8e5;color:#1e293b;background:#fff;box-shadow:0 5px 16px rgba(51,65,85,.06)}.tts-studio [data-tts-sidebar-menu] .tts-tab.is-active .tts-tab-index{color:#fff;background:#405f83}
.tts-studio .tts-form{border:1px solid #e2e8f0;border-radius:14px;padding:20px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.035)}.tts-studio .control-group label,.tts-studio .tts-voice-picker legend{color:#334155;font-size:.72rem;font-weight:700}.tts-script-field .text-area{min-height:142px!important;resize:vertical;border:0;border-radius:0;padding:10px 0;color:#0f172a;background:transparent;font-size:1rem;line-height:1.7;box-shadow:none}.tts-script-field .text-area:focus{outline:0}.tts-script-field{border-bottom:1px solid #e2e8f0;padding-bottom:12px}.tts-studio .tts-usage-estimate{color:#94a3b8;font-size:.65rem}.tts-studio .tts-language-row{align-items:end;margin:18px 0}.tts-studio .tts-language-row .control-group{width:220px}.tts-studio .select-input{height:38px;border-color:#dbe3ec;border-radius:9px;color:#334155;background:#f8fafc;font-size:.75rem}.tts-voice-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 0 12px}.tts-studio .tts-voice-picker-intro{margin:0;color:#94a3b8;font-size:.67rem}.tts-studio .tts-voice-detail-link{padding:0;color:#64748b;font-size:.65rem}.tts-studio .tts-voice-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tts-studio .tts-voice-choice{border-color:#e2e8f0;border-radius:10px;background:#f8fafc;transform:none}.tts-studio .tts-voice-choice:hover{border-color:#b8c7d8;transform:none}.tts-studio .tts-voice-choice.is-selected{border-color:#547aa4;box-shadow:0 0 0 2px rgba(84,122,164,.12)}.tts-studio .tts-voice-choice.is-locked{border-style:dashed;background:#fafafa}.tts-studio .tts-voice-select{min-height:69px;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:10px}.tts-studio .tts-voice-number{width:23px;height:23px;color:#64748b;background:#e9eef3;font-size:.56rem}.tts-studio .tts-voice-copy strong{font-size:.78rem}.tts-studio .tts-voice-copy small{margin-top:3px;color:#8491a0;font-size:.59rem}.tts-studio .tts-voice-check{width:17px;height:17px;background:#e4e9ef;font-size:.58rem}.tts-studio .tts-voice-choice.is-selected .tts-voice-check{background:#405f83}.tts-studio .tts-voice-preview{min-height:29px;justify-content:center;border-top-color:#e5eaf0;padding:5px 9px;color:#64748b;background:#fff;font-size:.61rem}.tts-studio .tts-preview-symbol{color:#405f83}.tts-voice-plan-badge{border-radius:999px;padding:2px 5px;color:#7c5a16;background:#f8edcf;font-size:.5rem;font-weight:800}.tts-studio .tts-voice-choice.is-locked .tts-voice-check:before{color:#8a6a28;content:'🔒'}.tts-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px -20px -20px;border-top:1px solid #e2e8f0;padding:12px 16px;background:#f8fafc}.tts-compose-bar>div strong{display:block;color:#334155;font-size:.7rem}.tts-compose-bar>div span{display:block;margin-top:2px;color:#94a3b8;font-size:.6rem}.tts-compose-bar .button{min-height:38px;border-color:#3b82f6;border-radius:9px;padding:8px 16px;background:#3b82f6;font-size:.72rem;box-shadow:none}.tts-compose-bar .button:hover{border-color:#2f73db;background:#2f73db}
.tts-single-compose-bar{margin:-10px 0 22px;border:0;border-radius:12px;padding:10px 12px;background:#f4f7fa}
.tts-single-compose-bar+.tts-result{margin:-10px 0 22px}
.tts-studio .tts-result{display:grid;min-height:76px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:12px;border:1px solid #e2e8f0;border-radius:12px;padding:13px 15px;background:#fff}.tts-studio .tts-result.is-generating{grid-template-columns:1fr;border-color:#d7e7e2;text-align:left;background:linear-gradient(115deg,#eefaf6 0%,#dff6ee 20%,#e7efff 40%,#f5eaff 60%,#fff3df 80%,#eefaf6 100%);background-size:240% 180%;animation:ttsStudioPastelFlow 4.8s ease-in-out infinite alternate}.tts-result-play{display:grid;width:38px;height:38px;place-items:center;border:1px solid #cbd8e5;border-radius:50%;color:#315e91;background:#f8fafc;cursor:pointer}.tts-result-play:hover{background:#eef4fa}.tts-studio .tts-result-copy .control-label{color:#94a3b8;font-size:.55rem;letter-spacing:.1em}.tts-studio .tts-result-copy p{margin:3px 0 0;color:#475569;font-size:.72rem}.tts-studio .tts-result audio{display:none}.tts-studio .tts-result .button{min-height:34px;border-color:#d5dee8;border-radius:8px;padding:6px 10px;color:#475569;background:#fff;font-size:.65rem}.tts-studio .tts-feedback-button{position:fixed;right:18px;bottom:18px;z-index:30;margin:0;min-height:34px;border-color:#d8e1eb;color:#64748b;background:#fff;font-size:.66rem;box-shadow:0 6px 22px rgba(15,23,42,.1)}
@keyframes ttsStudioPastelFlow{0%{background-position:0% 45%}50%{background-position:52% 58%}100%{background-position:100% 45%}}
@media(prefers-reduced-motion:reduce){.tts-studio .tts-result.is-generating{animation:none;background:#eef7f5}}
.tts-studio [data-tts-panel][hidden]{display:none!important}.tts-studio .tts-tab small{margin-left:3px;border-radius:999px;padding:2px 6px;color:#7c5a16;background:#f8edcf;font-size:.49rem;font-weight:850;line-height:1.35}.tts-studio .tts-tab.is-active small{color:#fff;background:#55708f}.tts-batch-panel{border:1px solid #dce5ee;border-radius:20px;padding:20px;background:#fbfcfe;box-shadow:0 8px 30px rgba(41,58,78,.055)}.tts-batch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;padding:2px 2px 16px;border-bottom:1px solid #e2e8f0}.tts-batch-heading h3{margin:5px 0 0;color:#1e293b;font-size:1.22rem;font-weight:700;letter-spacing:-.025em}.tts-batch-heading p{margin:6px 0 0;color:#718096;font-size:.72rem;line-height:1.55}.tts-batch-plan-badge{flex:0 0 auto;border:1px solid #e5d3aa;border-radius:999px;padding:5px 9px;color:#7a5919;background:#fff7df;font-size:.62rem;font-weight:850}.tts-batch-gate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;margin:0 0 18px;border:1px solid #d9e4f1;border-radius:14px;padding:14px;background:#f2f7fd}.tts-batch-gate>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#fff;background:#405f83}.tts-batch-gate strong{display:block;color:#26384c;font-size:.78rem}.tts-batch-gate p{margin:3px 0 0;color:#718096;font-size:.66rem;line-height:1.45}.tts-batch-gate .button{min-height:34px;border-radius:8px;padding:7px 11px;font-size:.65rem;box-shadow:none}.tts-batch-form.is-locked{opacity:.52;pointer-events:none;user-select:none}.tts-batch-list{display:grid;gap:10px}.tts-batch-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 170px 170px 32px;gap:9px;align-items:start;border:1px solid #dce5ee;border-radius:14px;padding:12px;background:#fff}.tts-batch-number{display:grid;width:32px;height:32px;place-items:center;margin-top:20px;border-radius:9px;color:#405f83;background:#edf3f9;font-size:.64rem;font-weight:850}.tts-batch-field{display:grid;gap:5px;min-width:0}.tts-batch-field>span{color:#526579;font-size:.6rem;font-weight:760}.tts-batch-field textarea{width:100%;min-height:74px;resize:vertical;border:1px solid #d7e1eb;border-radius:10px;padding:9px 10px;color:#334155;background:#f4f7fa;font:inherit;font-size:.73rem;line-height:1.5}.tts-batch-field textarea:focus,.tts-batch-field select:focus{border-color:#9aabbd;background:#fff;outline:0;box-shadow:0 0 0 3px rgba(84,104,128,.1)}.tts-batch-field select{width:100%;height:38px;border:1px solid #d7e1eb;border-radius:10px;padding:7px 9px;color:#3f4d5e;background:#f4f7fa;font:inherit;font-size:.67rem;color-scheme:light}.tts-batch-field select option{color:#334155;background:#fff}.tts-batch-remove{display:grid;width:30px;height:30px;place-items:center;margin-top:20px;border:0;border-radius:8px;color:#94a3b8;background:transparent;font-size:1rem;cursor:pointer}.tts-batch-remove:hover,.tts-batch-remove:focus-visible{color:#9f3f4c;background:#fff0f2;outline:0}.tts-batch-remove:disabled{visibility:hidden}.tts-batch-item-meta{grid-column:2/-2;display:flex;justify-content:flex-end;color:#94a3b8;font-size:.57rem}.tts-batch-add-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px}.tts-batch-add{border:1px dashed #bdcad8;border-radius:10px;padding:8px 12px;color:#526579;background:#f8fafc;font:inherit;font-size:.67rem;font-weight:760;cursor:pointer}.tts-batch-add:hover,.tts-batch-add:focus-visible{border-color:#8198b0;color:#26384c;background:#eef4fa;outline:0}.tts-batch-add:disabled{opacity:.5;cursor:not-allowed}.tts-batch-add-row>span{color:#94a3b8;font-size:.62rem;font-weight:750}.tts-batch-panel .tts-compose-bar{margin:18px -20px -20px;border-radius:0 0 19px 19px}.tts-batch-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;margin-top:12px;border:1px solid #e2e8f0;border-radius:12px;padding:14px 15px;background:#fff}.tts-batch-progress{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:#e7edf3}.tts-batch-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#4c789f;transition:width .25s ease}.tts-batch-result strong{color:#334155;font-size:.74rem}.tts-batch-result p{margin:3px 0 0;color:#718096;font-size:.66rem;line-height:1.45}.tts-batch-result .button{min-height:34px;border-color:#d5dee8;border-radius:8px;padding:6px 10px;color:#475569;background:#fff;font-size:.65rem}.tts-batch-result.is-working{background:linear-gradient(90deg,#fff,#f3f7fb,#fff);background-size:220% 100%;animation:tts-loading 1.8s linear infinite}.tts-batch-result.is-ready{border-color:#bcd8cb;background:#f5fbf8}.tts-batch-result.is-error{border-color:#efcbd0;background:#fff7f8}
@media(max-width:1100px){.tts-batch-item{grid-template-columns:42px minmax(0,1fr) 145px 145px 32px}}
@media(max-width:900px){.tts-studio{grid-template-columns:210px minmax(0,1fr)}.tts-library-panel{padding-inline:7px}.tts-studio-workspace{width:min(100% - 28px,820px)}.tts-studio .tts-voice-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tts-studio-header{align-items:flex-start;flex-direction:column;padding:12px 16px}.tts-studio-header .tts-account{width:100%;max-width:none;justify-content:space-between}.tts-batch-item{grid-template-columns:36px minmax(0,1fr) minmax(125px,.45fr) 30px}.tts-batch-item>.tts-batch-field:nth-of-type(1){grid-column:2/4}.tts-batch-item>.tts-batch-field:nth-of-type(2){grid-column:2/3}.tts-batch-item>.tts-batch-field:nth-of-type(3){grid-column:3/4}.tts-batch-remove{grid-column:4;grid-row:1}.tts-batch-number,.tts-batch-remove{margin-top:19px}.tts-batch-item-meta{grid-column:2/-2}}
@media(max-width:680px){.tts-studio{display:block}.tts-library-panel{position:static;width:100%;height:auto;max-height:none;border-right:0;border-bottom:1px solid #e2e8f0;padding:13px 10px}.tts-studio [data-tts-sidebar-menu]{flex-direction:row}.tts-studio [data-tts-sidebar-menu] .tts-tab{min-width:0}.tts-library-section{max-height:210px;margin-top:14px;padding-top:13px}.tts-library-list{max-height:115px}.tts-library-policy,.tts-library-foot{display:none}.tts-library-header{padding-bottom:7px}.tts-studio-workspace{padding:28px 0 64px}.tts-workspace-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.tts-workspace-heading>a{display:none}.tts-studio .tts-voice-choice-grid{grid-template-columns:1fr 1fr}.tts-voice-picker-heading{align-items:flex-start;flex-direction:column}.tts-compose-bar{align-items:stretch;flex-direction:column}.tts-compose-bar .button{width:100%}.tts-studio .tts-result{grid-template-columns:auto 1fr}.tts-studio .tts-result .button{grid-column:1/-1;width:100%}.tts-batch-heading{align-items:flex-start}.tts-batch-item{grid-template-columns:34px minmax(0,1fr) 28px}.tts-batch-number,.tts-batch-remove{margin-top:19px}.tts-batch-item>.tts-batch-field:nth-of-type(1),.tts-batch-item>.tts-batch-field:nth-of-type(2),.tts-batch-item>.tts-batch-field:nth-of-type(3){grid-column:2/3}.tts-batch-remove{grid-column:3;grid-row:1}.tts-batch-item-meta{grid-column:2/3}.tts-batch-gate{grid-template-columns:auto 1fr}.tts-batch-gate .button{grid-column:1/-1;width:100%}.tts-batch-result{grid-template-columns:1fr}.tts-batch-result .button{width:100%}}
.voice-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.voice-plan-badge{border-radius:999px;padding:5px 8px;color:#765513;background:#f7e9c3;font-size:.66rem;font-weight:800}.voice-card.is-plan-exclusive{border-style:dashed}.voice-card.is-plan-exclusive .voice-card-actions .button:before{margin-right:4px;content:'🔒'}
/* Keep the Playground brand identical to the AI Voice header. */
body.arcade-theme:has(.tts-studio) .site-header{border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,5,26,.82);box-shadow:0 8px 30px rgba(0,0,0,.25);backdrop-filter:blur(20px) saturate(150%)}
body.arcade-theme:has(.tts-studio) .wordmark{color:#fff;font-size:1.1rem;letter-spacing:.02em;text-shadow:0 0 20px rgba(66,232,255,.35)}
body.arcade-theme:has(.tts-studio) .wordmark-dot{width:18px;height:18px;background:var(--arcade-cyan);box-shadow:10px 0 0 var(--arcade-pink),5px 9px 0 var(--arcade-yellow),0 0 24px var(--arcade-cyan)}
body.arcade-theme:has(.tts-studio) .main-nav a{color:var(--arcade-muted);font-weight:800;letter-spacing:.03em}body.arcade-theme:has(.tts-studio) .main-nav a:hover{color:#fff}
body.arcade-theme:has(.tts-studio) .site-header .auth-nav{display:none}
body.arcade-theme:has(.tts-studio) .tts-workspace-heading h2{color:#0f172a}body.arcade-theme:has(.tts-studio) .tts-workspace-heading>a{color:#475569}body.arcade-theme:has(.tts-studio) .tts-workspace-heading>a:hover,body.arcade-theme:has(.tts-studio) .tts-workspace-heading>a:focus-visible{color:#1e293b;text-decoration:underline;text-underline-offset:3px}
.tts-sidebar-account{margin-top:10px;border-top:1px solid #e2e8f0;padding:10px 4px 0}.tts-sidebar-account .auth-nav,.tts-sidebar-account .auth-menu{display:block;width:100%}.tts-sidebar-account .auth-menu-trigger{width:100%;max-width:none;justify-content:flex-start;border:1px solid #dbe3ec;border-radius:10px;padding:8px;color:#334155;background:#fff;text-align:left}.tts-sidebar-account .auth-menu-trigger:hover,.tts-sidebar-account .auth-menu-trigger:focus-visible,.tts-sidebar-account .auth-menu-trigger[aria-expanded=true]{color:#17243a;background:#f1f5f9}.tts-sidebar-account .auth-menu-name{min-width:0;flex:1;font-size:.72rem;font-weight:700}.tts-sidebar-account .auth-menu-caret{color:#94a3b8}.tts-sidebar-account .auth-menu-popover{top:auto;right:auto;bottom:calc(100% + 8px);left:0;width:100%;border-color:#dbe3ec;border-radius:10px;box-shadow:0 14px 35px rgba(15,23,42,.14)}.tts-sidebar-account .auth-menu-popover a,.tts-sidebar-account .auth-menu-popover button{display:flex;width:100%;min-height:38px;align-items:center;border:0;border-radius:7px;padding:8px 10px;color:#334155;background:transparent;font:inherit;font-size:.74rem;text-align:left;text-decoration:none}.tts-sidebar-account .auth-menu-popover a:hover,.tts-sidebar-account .auth-menu-popover a:focus-visible,.tts-sidebar-account .auth-menu-popover button:hover,.tts-sidebar-account .auth-menu-popover button:focus-visible{color:#17243a;background:#f1f5f9;outline:0}.tts-sidebar-account>.auth-nav>a{display:flex;width:100%;min-height:40px;align-items:center;justify-content:center;border:1px solid #dbe3ec;border-radius:10px;color:#334155;background:#fff;font-size:.72rem;font-weight:750;text-decoration:none}.tts-sidebar-account>.auth-nav>a:hover{color:#17243a;background:#f1f5f9}
/* Softer light controls override the arcade theme's dark native inputs. */
.tts-studio{color-scheme:light}.tts-studio .tts-form{border-color:#dce5ee;border-radius:20px;background:#fbfcfe;box-shadow:0 8px 30px rgba(41,58,78,.055)}
body.arcade-theme:has(.tts-studio) .tts-script-field{margin-bottom:22px;border:1px solid #dce5ee;border-radius:16px;padding:14px;background:#f4f7fa}
.tts-script-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}.tts-script-label-row label{margin:0!important}.tts-script-label-row span{color:#7a8796;font-size:.64rem}
.tts-script-label-meta{display:flex;align-items:center;justify-content:flex-end;gap:9px}.tts-script-label-row .tts-current-voice{display:inline-flex;align-items:center;min-height:25px;border:1px solid #c9d9e8;border-radius:999px;padding:4px 9px;color:#315b82;background:#edf5fc;font-size:.63rem;font-weight:800;white-space:nowrap}
body.arcade-theme:has(.tts-studio) .tts-studio .tts-script-label-row label,body.arcade-theme:has(.tts-studio) .tts-studio .tts-language-row .control-group label{color:#2f4358;font-weight:750}
body.arcade-theme:has(.tts-studio) .tts-script-field .text-area{min-height:156px!important;border:1px solid #d7e1eb;border-radius:13px;padding:14px 15px;color:#334155;background:#edf2f7;-webkit-text-fill-color:#334155;caret-color:#334155;box-shadow:inset 0 1px 2px rgba(38,55,74,.035);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}body.arcade-theme:has(.tts-studio) .tts-script-field .text-area::placeholder{color:#8795a5;opacity:1}body.arcade-theme:has(.tts-studio) .tts-script-field .text-area:focus{border-color:#9aabbd;background:#f8fafc;outline:0;box-shadow:0 0 0 3px rgba(84,104,128,.1)}
.tts-example-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tts-example-row button{min-height:29px;border:1px solid #d5e0ea;border-radius:999px;padding:5px 10px;color:#526173;background:#fff;font:inherit;font-size:.62rem;font-weight:700;cursor:pointer}.tts-example-row button:hover,.tts-example-row button:focus-visible{border-color:#aebdcb;color:#29394b;background:#e9eff5;outline:0}
body.arcade-theme:has(.tts-studio) .tts-language-row .select-input{height:44px;border:1px solid #d6e0ea;border-radius:12px;padding:9px 12px;color:#3f4d5e;background:#edf2f7;-webkit-text-fill-color:#3f4d5e;box-shadow:0 1px 2px rgba(38,55,74,.035);color-scheme:light}body.arcade-theme:has(.tts-studio) .tts-language-row .select-input:focus{border-color:#9aabbd;background:#f8fafc;outline:0;box-shadow:0 0 0 3px rgba(84,104,128,.1)}body.arcade-theme:has(.tts-studio) .tts-language-row .select-input option{color:#334155;background:#fff}
@media(max-width:440px){.tts-studio .tts-voice-choice-grid{grid-template-columns:1fr}.tts-studio-header .tts-account{align-items:flex-start;flex-direction:column}.tts-studio-header .tts-account-actions{justify-content:flex-start}.tts-studio .tts-language-row .control-group{width:100%}}
@media(max-width:560px){.tts-script-label-row{align-items:flex-start;flex-direction:column;gap:8px}.tts-script-label-meta{width:100%;justify-content:space-between}}
.tts-studio .tts-voice-profile{display:block;overflow:hidden;margin-top:4px;color:#52677e;font-size:.56rem;font-weight:760;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.tts-business-contact{margin:42px 0 0;padding-top:20px;border-top:1px solid #e2e8f0;color:#7a8796;font-size:.7rem;text-align:center}body.arcade-theme:has(.tts-studio) .tts-business-contact a,body.arcade-theme:has(.tts-studio) .tts-business-contact a:visited{color:#7766b5;font-weight:750;text-underline-offset:3px}body.arcade-theme:has(.tts-studio) .tts-business-contact a:hover,body.arcade-theme:has(.tts-studio) .tts-business-contact a:focus-visible{color:#594997}
@media(min-width:801px){html:lang(ko) body.arcade-theme .voices-hero-copy{max-width:none}html:lang(ko) body.arcade-theme .voices-hero h1{font-size:clamp(3rem,6vw,5rem);white-space:nowrap;text-wrap:nowrap}}

/* Mobile Playground drawer: the canvas stays focused while library, access and account live off-canvas. */
.tts-tab-label{min-width:0}.tts-tab-label-full{display:block}.tts-tab-label-compact{display:none;white-space:nowrap;word-break:keep-all}
.tts-drawer-header,.tts-mobile-menu-button,.tts-drawer-backdrop,.tts-drawer-access{display:none}
@media(max-width:680px){
  body.tts-mobile-drawer-open{overflow:hidden}
  body.arcade-theme:has(.tts-studio) .site-header .main-nav{display:none}
  body.arcade-theme:has(.tts-studio) .header-inner{min-height:58px;align-items:center;padding:10px 0}
  .tts-studio-header{min-height:58px;align-items:center;flex-direction:row;justify-content:flex-start;gap:11px;padding:9px 14px}
  .tts-mobile-menu-button{display:grid;width:40px;height:40px;flex:0 0 auto;place-content:center;gap:4px;border:1px solid #d7e1eb;border-radius:11px;padding:0;color:#334155;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.05)}
  .tts-mobile-menu-button span{display:block;width:18px;height:2px;border-radius:99px;background:currentColor}
  .tts-mobile-menu-button:hover,.tts-mobile-menu-button:focus-visible{border-color:#9fb1c4;color:#17243a;background:#f1f5f9;outline:0}
  .tts-library-panel{position:fixed;top:0;bottom:0;left:0;z-index:120;display:flex;width:min(86vw,350px);height:100dvh;max-height:none;flex-direction:column;border:0;border-right:1px solid #dbe3ec;padding:14px 12px calc(14px + env(safe-area-inset-bottom));background:#f8fafc;box-shadow:22px 0 60px rgba(15,23,42,.2);transform:translateX(-105%);visibility:hidden;transition:transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s}
  .tts-library-panel.is-open{transform:translateX(0);visibility:visible;transition-delay:0s}
  .tts-drawer-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;padding:2px 4px 14px;border-bottom:1px solid #e2e8f0}
  .tts-drawer-header strong{color:#17243a;font-size:1rem;font-weight:750}
  .tts-drawer-header button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:10px;color:#64748b;background:#eef2f6;font-size:1.35rem;line-height:1}
  .tts-drawer-header button:hover,.tts-drawer-header button:focus-visible{color:#17243a;background:#e2e8f0;outline:0}
  .tts-drawer-backdrop:not([hidden]){position:fixed;inset:0;z-index:110;display:block;border:0;padding:0;background:rgba(15,23,42,.42);backdrop-filter:blur(2px)}
  .tts-studio [data-tts-sidebar-menu]{flex:0 0 auto;flex-direction:column;gap:5px;margin-top:12px}
  .tts-studio [data-tts-sidebar-menu] .tts-tab{display:flex;min-width:0;align-items:center;justify-content:flex-start;gap:8px;white-space:nowrap;word-break:keep-all}
  .tts-studio [data-tts-sidebar-menu] .tts-tab-index{display:none}
  .tts-studio [data-tts-sidebar-menu] .tts-tab-label{flex:0 1 auto;overflow:hidden}
  .tts-tab-label-full{display:none}
  .tts-tab-label-compact{display:block;overflow:hidden;text-overflow:ellipsis}
  .tts-studio [data-tts-sidebar-menu] .tts-tab small{flex:0 0 auto;margin-left:auto;padding:2px 5px;font-size:.46rem}
  .tts-library-section{max-height:none;flex:1;margin-top:14px;padding-top:13px;overflow:hidden}
  .tts-library-list{max-height:none}
  .tts-library-policy{display:block}
  .tts-drawer-access{display:block;flex:0 0 auto;margin-top:8px;border-top:1px solid #e2e8f0;padding:10px 4px 0}
  .tts-drawer-access .tts-account{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dbe3ec;border-radius:11px;padding:10px;background:#fff}
  .tts-drawer-access .tts-account>div:first-child{min-width:0}
  .tts-drawer-access .tts-account strong{color:#1e293b;font-size:.76rem}
  .tts-drawer-access .tts-account p{margin:2px 0 0;color:#7a8796;font-size:.64rem;white-space:normal}
  .tts-drawer-access .tts-account-actions{flex:0 0 auto}
  .tts-drawer-access .button{min-height:34px;padding:6px 10px;font-size:.64rem}
  .tts-drawer-access .tts-account-usage{width:100%;margin-top:7px}
  .tts-sidebar-account{position:relative;flex:0 0 auto;margin-top:8px;border-top:0;padding:0 4px}
  .tts-sidebar-account .auth-menu-trigger{min-height:44px}
  .tts-sidebar-account .auth-menu-popover{bottom:calc(100% + 8px)}
}
@media(prefers-reduced-motion:reduce){.tts-library-panel{transition:none}}
