:root{color:#f8fafc;background:#0e1114;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0e1114;--panel: #171b20;--panel-2: #20262c;--border: rgba(232, 238, 244, .1);--muted: #a3adb7;--text: #f4f7f8;--accent: #54d98c;--accent-2: #b5dbcc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input{font:inherit}button{border:0;cursor:pointer}main{min-height:100vh;background:radial-gradient(circle at 20% 12%,rgba(84,217,140,.1),transparent 24rem),radial-gradient(circle at 82% 12%,rgba(181,219,204,.08),transparent 24rem),var(--bg);overflow:hidden}.brand-mark{display:inline-flex;align-items:center;gap:.25rem;color:#fff;font-size:1.05rem;font-weight:780;letter-spacing:0}.brand-mark span:first-child{color:var(--accent-2)}.home{position:relative;min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 86%,rgba(84,217,140,.1),transparent 23rem),linear-gradient(180deg,#0e111400,#0e111457)}.home-nav{position:absolute;left:1.5rem;right:1.5rem;top:1.25rem;z-index:4;display:flex;align-items:center;justify-content:space-between}.home-nav .brand-mark{max-width:min(58vw,440px);font-size:clamp(1rem,2vw,1.3rem)}.small-pill,.soft{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1rem;color:#fff;background:#ffffff12;border:1px solid var(--border);border-radius:999px}.hero-center{position:relative;z-index:3;width:min(880px,100%);text-align:center;padding-top:2.5rem}.mode-tabs span{width:1px;height:3rem;background:#ffffff29}h1{margin:0;font-size:clamp(2.7rem,5.8vw,5.3rem);line-height:1.05;letter-spacing:0}.hero-center p{color:#b9c1c5;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.hero-center .eyebrow{margin:0 0 .9rem;color:var(--accent);font-size:.78rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.flags{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:1.2rem auto 2rem;max-width:660px}.hero-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;color:var(--muted);font-size:.9rem}.hero-notes span{padding:.55rem .75rem;background:#ffffff0a;border:1px solid var(--border);border-radius:999px}.primary,.secondary,.danger,.light{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:0 2rem;font-weight:800;border-radius:999px}.primary{color:#06130b;background:var(--accent)}.primary:disabled{opacity:.45;cursor:not-allowed}.large{min-width:260px;font-size:1.08rem;box-shadow:0 16px 50px #35dc7538}.dashboard{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:var(--bg)}.sidebar{padding:1.35rem .8rem;background:#101316;border-right:1px solid var(--border)}.sidebar .brand-mark{font-size:1.25rem;margin:.5rem .8rem 1.2rem}.sidebar button,.credits{display:flex;align-items:center;gap:.8rem;width:100%;min-height:56px;padding:0 1rem;color:var(--muted);background:transparent;border-radius:8px;font-weight:750;text-align:left}.sidebar button.active,.credits{color:#fff;background:#ffffff0f}.credits{margin-top:20rem;color:#e8f9ec}.dash-content{overflow:auto;padding:0 min(4vw,3rem) 3rem}.language-menu{position:relative;display:inline-flex;justify-content:flex-end}.language-popover{position:absolute;z-index:20;top:calc(100% + .5rem);right:0;width:220px;max-height:320px;overflow-y:auto;display:grid;gap:.25rem;padding:.45rem;background:#151a1f;border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 50px #0000005c}.language-popover button{display:flex;align-items:center;gap:.65rem;min-height:38px;padding:0 .65rem;color:#dce2e7;background:transparent;border-radius:6px;text-align:left}.language-popover button.selected,.language-popover button:hover{color:#07100a;background:var(--accent)}.banner{position:relative;min-height:176px;display:grid;align-content:end;text-align:left;border-bottom:1px solid var(--border);padding-bottom:2rem}.banner h2{margin:0 0 .45rem;font-size:clamp(1.9rem,3vw,3rem)}.banner p,.voice-row small,.hint,.processing p{color:var(--muted)}.dash-content h3{font-size:1.35rem;margin:1.8rem 0 1rem}.clone-row{width:100%;min-height:82px;display:flex;align-items:center;gap:2rem;padding:1rem;color:#eafcf0;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:1.08rem;font-weight:800;text-align:left}.clone-row span{width:58px;height:58px;display:grid;place-items:center;background:#35dc751f;border-radius:50%}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chips{display:flex;align-items:center;gap:.8rem;overflow:auto;padding-bottom:.5rem;scrollbar-width:none}.chips::-webkit-scrollbar,.language-strip::-webkit-scrollbar{display:none}.chips button{white-space:nowrap;padding:.8rem 1.05rem;color:#c8c9ce;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;font-weight:750}.chips button.active{color:#06130b;background:var(--accent)}.voice-list{display:grid;gap:1rem;margin-top:1.4rem}.empty-panel{padding:1.4rem;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:8px}.voice-row{display:grid;grid-template-columns:64px 1fr 52px 52px;align-items:center;gap:1rem;min-height:82px;padding:.75rem;background:var(--panel);border:1px solid var(--border);border-radius:8px}.avatar{width:48px;height:48px;display:grid;place-items:center;color:#111;background:#d7efe0;border-radius:50%;font-weight:900}.voice-row p{margin:.2rem 0 0;font-size:1rem}.round,.icon-button{width:46px;height:46px;display:grid;place-items:center;color:#fff;background:#ffffff29;border-radius:50%}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.3rem;background:#0b0d0fc2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar .ghost{justify-self:end;background:transparent}.flow-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:6rem min(5vw,4rem) 2.5rem;position:relative}.side-arrow{position:absolute;top:52%;color:#fff;background:transparent}.side-arrow.left{left:5vw}.mode-tabs{display:flex;align-items:center;gap:1.4rem}.mode-tabs button{display:inline-flex;align-items:center;gap:.35rem;color:#777982;background:transparent;font-size:1.15rem;font-weight:760}.mode-tabs button.selected{color:#fff}.script-card{width:min(1120px,100%);min-height:300px;padding:2rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 30px 110px #0000004d}.script-hint{margin:0 0 1rem;color:#9aa0a6;font-size:.95rem}.language-picker-card{width:min(1120px,100%);margin-top:1.4rem;padding:1.6rem 1.8rem;background:var(--panel);border:1px solid var(--border);border-radius:8px}.language-picker-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.language-picker-head h3{margin:0}.language-picker-actions button{padding:.5rem .9rem;color:#c8c9ce;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;font-weight:700;font-size:.9rem}.language-picker-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .8rem}.language-picker-grid button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;color:#c8c9ce;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;font-weight:700;font-size:.9rem}.language-picker-grid button.active{color:#06130b;background:var(--accent);border-color:transparent}.language-picker-count{color:var(--muted)}.horizontal{padding-bottom:2rem}.chips .refresh{min-width:58px;height:58px;padding:0;background:#f5f6f7;color:#111}textarea{width:100%;min-height:120px;resize:vertical;color:#ebedf0;background:transparent;border:0;outline:0;font-size:clamp(1.05rem,1.6vw,1.45rem);line-height:1.55}.card-footer{display:flex;align-items:center;justify-content:space-between;color:#d6d7dc}.card-footer button,.voice-title button{display:inline-flex;align-items:center;gap:.45rem;color:#d6d7dc;background:transparent}.continue{min-width:220px;background:#fff;color:#111}.empty-mode,.upload-zone{min-height:250px;display:grid;place-items:center;align-content:center;gap:.7rem;text-align:center;color:#d8dce2}.upload-pick input{display:none}.upload-pick{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1.15rem;color:#06130b;background:var(--accent);border-radius:999px;font-weight:800;cursor:pointer}.reference-transcript{width:min(560px,100%);min-height:86px;padding:.9rem 1rem;color:var(--text);background:#ffffff0f;border:1px solid var(--border);border-radius:8px;resize:vertical}.record .reading-lines{width:min(680px,100%);text-align:center;color:#ffffff7a;font-size:clamp(1.1rem,1.8vw,1.55rem);font-weight:720;line-height:1.65}.tone-line{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;color:#d7dae1;font-size:1.3rem}.tone-line span{padding:.45rem .8rem;background:#ffffff17;border-radius:999px;font-size:.95rem}.hint{display:inline-flex;align-items:center;gap:.5rem}.error-line{margin:-.3rem 0 .3rem;color:#ffb4a8;font-weight:750}.action-row,.bottom-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.secondary{color:#fff;background:#111}.danger{color:#fff;background:#e74b4b}.recording-playback{width:min(500px,90vw)}.processing{min-height:100vh;display:grid;place-items:center;align-content:center;gap:0;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(220,232,225,.08),transparent 30rem),#0b0d0f}.processing-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;perspective:1100px}.processing-orb{position:relative;width:min(74vw,920px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(228,240,235,.72),rgba(193,207,199,.42) 26%,rgba(74,81,80,.3) 54%,transparent 73%),radial-gradient(circle at 58% 68%,rgba(84,217,140,.15),transparent 48%);box-shadow:inset -90px -120px 180px #0000009e,inset 58px 64px 110px #ffffff1f,0 55px 170px #00000094;filter:blur(1.5px);transform:rotateX(58deg) rotate(-14deg);animation:orb-breathe 3.8s ease-in-out infinite}.processing-orb:before,.processing-orb:after{content:"";position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");opacity:.18;mix-blend-mode:screen;animation:grain-drift 9s linear infinite}.processing-orb:after{top:18%;right:18%;bottom:18%;left:18%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.22),transparent 50%);filter:blur(12px);opacity:.8;animation:highlight-float 4.2s ease-in-out infinite}.processing-shadow{position:absolute;bottom:10vh;width:min(62vw,760px);height:min(18vw,190px);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.58),transparent 68%);filter:blur(18px);transform:translateY(60px)}.processing-copy{position:relative;z-index:2;display:grid;gap:.85rem;padding:1.4rem}.processing h1,.processing p{position:relative;margin:0}.processing h1{font-size:clamp(1.8rem,3vw,2.35rem)}.processing-bar{width:min(360px,70vw);height:8px;margin:.4rem auto 0;border-radius:999px;background:#ffffff1f;overflow:hidden}.processing-bar-fill{height:100%;background:var(--accent, #35dc75);transition:width .4s ease}@keyframes orb-breathe{50%{transform:rotateX(58deg) rotate(-14deg) scale(1.045);filter:blur(2.5px)}}@keyframes grain-drift{to{transform:rotate(360deg)}}@keyframes highlight-float{50%{transform:translate3d(18px,10px,0) scale(1.08);opacity:.62}}.results{min-height:100vh;padding:7rem min(7vw,5rem) 3rem;background:radial-gradient(circle at 50% 50%,rgba(53,220,117,.1),transparent 28rem),radial-gradient(circle at 84% 20%,rgba(113,167,255,.1),transparent 24rem),var(--bg);color:#fff}.result-actions{display:flex;justify-content:flex-end;gap:1rem}.results h1{margin-top:.7rem;font-size:clamp(2rem,3.5vw,3rem)}.result-subtitle{max-width:760px;color:var(--muted);font-size:1.1rem}.result-engine{margin:.5rem 0 0;color:var(--accent-2);font-size:.92rem;font-weight:700}.language-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(108px,1fr);gap:.9rem;overflow-x:auto;padding:1.8rem 0;align-items:center;scrollbar-width:none}.language{min-height:86px;display:grid;place-items:center;gap:.3rem;color:#fff;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-weight:850}.language.selected{outline:2px solid rgba(53,220,117,.68);background:#35dc751a}.round.small{width:48px;height:48px}.preview-card{position:relative;min-height:220px;padding:1.6rem 1.8rem;border-radius:8px;background:var(--panel);border:1px solid var(--border)}.voice-title{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:1rem;padding-bottom:1.3rem;border-bottom:1px solid var(--border);font-size:1.4rem}.voice-ring{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#9ee4d4 30%,var(--accent) 34%,var(--accent-2) 52%,transparent 58%);box-shadow:0 0 0 4px #ffffff24}.preview-card p{max-width:calc(100% - 120px);margin:2rem 0 0;font-size:clamp(1.05rem,1.8vw,1.55rem);line-height:1.45}.provider-note{display:block;max-width:calc(100% - 120px);margin-top:1rem;color:#ffdc9d;line-height:1.5}.play-float{position:absolute;right:2rem;bottom:1.6rem;width:62px;height:62px;display:grid;place-items:center;color:#111;background:#fff;border-radius:50%}.play-float:disabled{opacity:.35;cursor:not-allowed}.custom-speech-card{margin-top:1.4rem;padding:1.6rem 1.8rem;border-radius:8px;background:var(--panel);border:1px solid var(--border)}.custom-speech-card h3{margin:0 0 .4rem}.custom-speech-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.custom-speech-head .script-hint{margin-bottom:0}.custom-speech-card textarea{width:100%;min-height:80px;margin:.8rem 0;padding:.9rem 1rem;color:inherit;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;font:inherit;resize:vertical}.custom-clip-list{display:grid;gap:.7rem;margin-top:1.2rem}.custom-clip-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:8px;background:#ffffff08;border:1px solid var(--border)}.custom-clip-text p{margin:.2rem 0 0;font-size:.95rem;line-height:1.4}.save-tip{width:fit-content;margin:3rem auto 1.2rem;padding:.8rem 1rem;color:#d7efe0;background:#35dc751f;border:1px solid rgba(53,220,117,.28);border-radius:8px;font-weight:800}.light{color:#111;background:#fff}.icon-only{width:58px;padding:0}@media (max-width: 840px){.dashboard{grid-template-columns:1fr}.sidebar{display:flex;align-items:center;gap:.4rem;padding:.8rem 1rem;overflow-x:auto;scrollbar-width:none}.sidebar .brand-mark{display:none}.sidebar button{width:auto;white-space:nowrap;margin:0}.dash-content{padding:0 1rem 2rem}.mode-tabs{flex-wrap:wrap;justify-content:center;gap:.8rem}.mode-tabs span{display:none}.mode-tabs button{font-size:1.15rem}.script-card{padding:1.2rem}.voice-row{grid-template-columns:54px 1fr 48px 48px}.round{width:46px;height:46px}.result-actions{justify-content:flex-start}.results{padding:7rem 1rem 2rem}.preview-card p{max-width:100%;padding-bottom:5rem}.topbar{grid-template-columns:auto 1fr auto;gap:1rem}}