:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff9ee;--surface:#fffefd;--tint:#e3f5ee;--text:#193e49;--muted:#566b70;--line:#dce7e2;--border:#6e8884;--brand:#08766e;--on-brand:#fff;--coral:#ed9075;--on-coral:#2b1a12;--sand:#ffe5aa;--sky:#c9edf0;--error:#b42318;--warn-bg:#fff0c7;--warn-text:#4a3500;--warn-border:#a77a00;--done:#1d6b4d;--shadow:0 5px 22px #163e3b0f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101e27;--surface:#1a2e38;--tint:#213f40;--text:#edf9f5;--muted:#b0c8c8;--line:#38515c;--border:#7f9ea3;--brand:#7be0c5;--on-brand:#102d28;--coral:#f3a087;--on-coral:#2b1a12;--sand:#e9bd6e;--sky:#77cfd7;--error:#ff9a90;--warn-bg:#3a3017;--warn-text:#fbe9bd;--warn-border:#c79a38;--done:#81d8a4;--shadow:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:.875rem}.block{display:block}.header{background:var(--surface);border-top:5px solid var(--brand);border-bottom:1px solid var(--line)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;max-width:1100px;margin:0 auto;padding:12px 16px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.35rem;font-weight:600;display:flex}.brand-mark{background:var(--brand);width:34px;height:34px;color:var(--on-brand);box-shadow:3px 3px 0 var(--sand);border-radius:10px;justify-content:center;align-items:center;gap:3px;display:flex}.brand-mark b{background:currentColor;border-radius:3px;width:3px;height:9px;display:block}.brand-mark b:nth-child(2){height:18px}.brand-mark b:nth-child(3){height:13px}.header-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.signed-in{font-size:.875rem}.page{gap:16px;max-width:1100px;margin:0 auto;padding:24px 16px 40px;display:grid}.main{gap:20px;min-width:0;display:grid}.hero{gap:6px;display:grid}.eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--brand);font-size:.8rem;font-weight:600}.hero h1{letter-spacing:-.6px;font-size:1.75rem;line-height:1.2}.studio{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width>=860px){.hero h1{font-size:2.1rem}.studio{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.studio>.panel-sky{grid-template-rows:auto minmax(190px,1fr)}.studio>.panel-sky textarea{height:100%}}.panel{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:14px;gap:14px;padding:16px;display:grid}@media (width>=520px){.panel{padding:20px}}.panel-sky{border-top:3px solid var(--sky)}.panel-sand{border-top:3px solid var(--sand)}.panel-coral{border-top:3px solid var(--coral)}.panel h2{font-size:1.15rem}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.panel-title{font-size:1.1rem;font-weight:600}.stack{gap:12px;display:grid}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}label,legend{font-size:.9rem;font-weight:600}legend{margin-bottom:8px;padding:0}input,textarea,button,.button,select{font:inherit}input:not([type=radio]),textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:9px;padding:10px 12px;font-size:1rem}textarea{resize:vertical;min-height:190px;line-height:1.6}::placeholder{color:var(--muted);opacity:1}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error);border-width:2px}:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.times{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.error{color:var(--error);font-size:.9rem}.button{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 18px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--coral);color:var(--on-coral);box-shadow:0 3px 0 color-mix(in srgb, var(--coral) 60%, var(--on-coral))}.button.ghost{color:var(--text);border-color:var(--border);background:0 0;font-weight:500}.button.pill{color:var(--brand);border-radius:999px;padding:8px 14px}.button.wide{width:100%}.button:disabled{opacity:.6;cursor:progress;box-shadow:none}.voice-list{gap:8px;display:grid}.voice-option{border:1px solid var(--border);cursor:pointer;border-radius:11px;align-items:center;gap:12px;min-height:52px;padding:10px 12px;font-weight:400;display:flex}.voice-option:has(input:checked){background:var(--tint);border-color:var(--brand);box-shadow:inset 4px 0 0 var(--brand)}.voice-option input{width:18px;height:18px;accent-color:var(--brand);flex-shrink:0;margin:0}.voice-option strong{font-weight:600}.speed-group{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.speed-option{font-weight:400;display:block;position:relative}.speed-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.speed-option span{text-align:center;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:9px;padding:10px 6px;display:block}.speed-option input:checked+span{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:700}.speed-option input:checked+span:before{content:"✓ "}.speed-option input:focus-visible+span{outline:3px solid var(--brand);outline-offset:3px}.speed-option input:not(:checked):hover+span{border-color:var(--brand)}.length{gap:8px;display:grid}.length-box{background:var(--tint);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.length-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.25rem;font-weight:600}.callout{border:1px solid var(--line);background:var(--tint);border-radius:10px;padding:10px 14px}.callout.warning{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.callout.error{color:var(--error);border-color:var(--error);background:var(--surface)}.mock-banner{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-border);border-radius:10px;padding:10px 14px}.provider-list{margin:6px 0 0;padding-left:20px}.chip{border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-text);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.stages{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stage{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:.9rem}.stage.active{border:2px solid var(--brand);color:var(--brand);font-weight:600}.stage.active:before{content:"● "}.stage.done{border-color:var(--done);color:var(--done)}.stage.done:before{content:"✓ "}.stage.failed{border-color:var(--error);color:var(--error);font-weight:600}.result{border-top:1px solid var(--line);padding-top:14px}.success{color:var(--done);font-weight:600}.player{width:100%;accent-color:var(--brand)}.result-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.facts{flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.disclosure{border-top:1px solid var(--line);padding-top:10px}.disclosure.plain{border-top:0;padding-top:0}.disclosure summary{cursor:pointer;min-height:32px;font-size:.9rem;font-weight:600}.disclosure.plain summary{color:var(--muted);font-weight:500}.disclosure-body{gap:10px;margin-top:10px;display:grid}.notes{gap:6px;margin:0;padding-left:20px;display:grid}.translation{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:9px;max-height:320px;padding:12px;overflow-y:auto}.facts-list{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;display:grid}.facts-list dt{color:var(--muted)}.facts-list dd{overflow-wrap:anywhere;margin:0}.duration{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px}.duration p{margin:0 0 8px}.duration-list{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;font-size:.9rem;display:grid}.duration-list dt{color:var(--muted)}.duration-list dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}@media (width<=520px){.duration-list,.facts-list{grid-template-columns:1fr}.result-actions .button{width:100%}}.gate{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (width>=760px){.gate{grid-template-columns:1fr 1fr;min-height:420px}}.gate-story{background:var(--tint);border-bottom:4px solid var(--sand);flex-direction:column;justify-content:center;gap:12px;padding:28px 22px;display:flex}@media (width>=760px){.gate-story{border-bottom:0;border-right:4px solid var(--sand);padding:48px 36px}}.gate-story h1{letter-spacing:-.8px;text-wrap:balance;max-width:14em;font-size:1.9rem;line-height:1.2}.gate-form{align-content:center;gap:14px;padding:28px 22px;display:grid}@media (width>=760px){.gate-form{padding:48px 36px}}.gate-form h2{letter-spacing:-.4px;font-size:1.5rem}.footer{gap:8px;padding-top:8px;display:grid}.footer .disclosure-body{max-width:60ch}