:root{--bg: #0a0c12;--panel: #141824;--panel2: #1c2333;--text: #eef2f8;--muted: #8b94a7;--accent: #6366f1;--accent2: #4f46e5;--grad: linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #a855f7 100%);--danger: #ef4444;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit;color:inherit}.screen{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto}.pad{padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));gap:16px}.center{align-items:center;justify-content:center;text-align:center}.logo{font-size:28px;font-weight:800;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}.logo.small{font-size:20px}.sub{color:var(--muted);font-size:15px;line-height:1.5}.meta{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:14px}.tip{color:var(--muted);font-size:13px;background:var(--panel);padding:12px;border-radius:var(--radius)}.link{color:var(--accent);font-size:15px}.link.danger-link{color:var(--danger)}.delete-account-block{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:12px;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius)}.row{display:flex;align-items:center}.row.space{justify-content:space-between}.row.gap{gap:10px}.row.wrap{flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field input,.details-box input{background:var(--panel);border:1px solid #2a3242;border-radius:var(--radius);padding:14px;font-size:16px;outline:none}.field input:focus,.details-box input:focus{border-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--panel);border:1px solid #2a3242;border-radius:999px;padding:10px 14px;font-size:14px}.chip.active{background:var(--accent);border-color:var(--accent);font-weight:600}.chip.static{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.chip-x,.thumb-x{color:var(--muted);font-size:13px;line-height:1;padding:2px}.attach-row{align-items:center}.attach-row .cta-link-input.inline{width:auto;flex:1 1 200px;margin-top:0;border-color:#2a3242}.btn.small{padding:9px 13px;font-size:14px}.hint{font-size:12px;color:var(--muted);font-style:normal;line-height:1.45}.thumb-row{display:flex;flex-wrap:wrap;gap:8px}.thumb{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px solid #2a3242}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-x{position:absolute;top:2px;right:2px;background:#000000a6;color:#fff;width:20px;height:20px;border-radius:50%}.voice-capture{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid #2a3242;border-radius:var(--radius);padding:14px}.voice-capture.recording{border-color:var(--accent)}.voice-prompts{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.45}.voice-live{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.voice-interim{font-size:14px;color:var(--muted);line-height:1.5;max-height:88px;overflow:hidden}.voice-transcript{font-size:14px;line-height:1.55;max-height:110px;overflow-y:auto;background:var(--panel2);border-radius:10px;padding:10px 12px}.voice-transcript-live{color:var(--muted)}.voice-saved{font-size:14px;font-weight:700;color:#4ade80}.voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voice-actions .btn{width:100%;padding:12px 10px;white-space:nowrap}.voice-actions .danger-ghost{grid-column:1 / -1}.btn.danger-ghost{color:#fca5a5;border-color:#ef444459}.btn.danger-ghost:hover{background:#ef444414}.voice-style-box{background:var(--panel2);border-radius:10px;padding:12px;font-size:14px;line-height:1.55;white-space:pre-wrap}.toggle-row{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.spinner.small{width:20px;height:20px;border-width:2px;margin:0}.row.center-y{align-items:center}.btn{background:var(--panel2);border:1px solid #2a3242;border-radius:var(--radius);padding:12px 16px;font-size:15px;font-weight:600}.btn:disabled{opacity:.4}.btn.primary{background:var(--grad);border:none}.btn.primary:active{filter:brightness(.88)}.btn.big{padding:16px;font-size:17px;width:100%;margin-top:8px}.btn.danger{background:#ef44441f;border-color:var(--danger);color:var(--danger)}.subscription-block{margin:14px 0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voice-card{background:var(--panel);border:1px solid #2a3242;border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:4px;text-align:left}.voice-card strong{font-size:14px}.voice-grid.compact{gap:7px}.voice-grid.compact .voice-card{padding:8px 10px}.voice-grid.compact .voice-card strong{font-size:13px}.voice-grid.compact .voice-card em{font-size:11px}.voice-card em{font-size:12px;color:var(--muted);font-style:normal}.voice-card.active{border-color:var(--accent);background:#1a1d33}.brief-input{width:100%;background:var(--panel);border:1px solid #2a3242;border-radius:var(--radius);padding:14px;font-size:16px;line-height:1.5;resize:vertical;outline:none;min-height:140px}.brief-input:focus{border-color:var(--accent)}.brief-input.tall{min-height:190px}.seg{display:flex;background:var(--panel);border:1px solid #2a3242;border-radius:999px;padding:4px;width:fit-content}.seg-item{padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted)}.seg-item.active{background:var(--grad);color:#fff}.cta-link-input{width:100%;margin-top:8px;background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 14px;font-size:15px;outline:none}.tabs{display:flex;gap:6px;background:var(--panel);border:1px solid #2a3242;border-radius:999px;padding:4px;width:fit-content}.tab{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted)}.tab.active{background:var(--grad);color:#fff}.len-row{display:flex;gap:10px}.len-card{flex:1;background:var(--panel);border:1px solid #2a3242;border-radius:var(--radius);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:3px}.len-card strong{font-size:14px}.len-card em{font-size:12px;color:var(--muted);font-style:normal}.len-card.active{border-color:var(--accent);background:#1a1d33}.own-actions{display:flex;flex-direction:column;gap:10px}.desktop-cols{display:flex;flex-direction:column;gap:16px}.col-main,.col-side{display:flex;flex-direction:column;gap:16px;min-width:0}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 60% 40% at 70% 0%,rgba(99,102,241,.14),transparent),radial-gradient(ellipse 50% 35% at 20% 100%,rgba(168,85,247,.1),transparent),var(--bg)}.login-inner{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.logo.xl{font-size:40px}.login-tag{color:var(--muted);font-size:16px;line-height:1.55}.login-card{width:100%;background:var(--panel);border:1px solid #2a3242;border-radius:20px;padding:28px 24px;text-align:left;display:flex;flex-direction:column;gap:8px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card h2{font-size:20px}.login-card input{background:var(--bg);border:1px solid #2a3242;border-radius:var(--radius);padding:14px;font-size:16px;outline:none;width:100%}.login-card input:focus{border-color:var(--accent)}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-top:8px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#2a3242}.trial-btn{border-color:var(--accent);color:var(--accent);background:transparent}.center-text{text-align:center}.notice{color:#a5b4fc;font-size:13px;line-height:1.5;background:#6366f11f;border-radius:10px;padding:10px 12px}.login-points{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.appbar{display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,env(safe-area-inset-left));padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid #1c2333;position:sticky;top:0;background:#0a0c12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.appbar nav{display:flex;gap:4px}.navlink{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted)}.navlink.active{background:var(--panel2);color:var(--text)}.settings-section{background:var(--panel);border:1px solid #232b3b;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px}.settings-section h3{font-size:16px}.admin-badge{display:inline-block;margin-left:10px;padding:2px 8px;border-radius:999px;background:var(--grad);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em}.embedded-form{display:flex;flex-direction:column;gap:16px}@media(min-width:900px){.screen.wide{max-width:1060px}.desktop-cols{display:grid;grid-template-columns:3fr 2fr;gap:32px;align-items:start}.brief-input{min-height:320px;font-size:17px}.script-edit{min-height:460px;font-size:18px;line-height:1.6}.logo{font-size:32px}.pad{padding-top:32px}}.script-edit{width:100%;background:var(--panel);border:1px solid #2a3242;border-radius:var(--radius);padding:14px;font-size:17px;line-height:1.55;resize:vertical;outline:none;min-height:240px}.script-edit:focus{border-color:var(--accent)}.spinner{width:36px;height:36px;border:3px solid var(--panel2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.review-video{width:100%;border-radius:var(--radius);background:#000;max-height:55vh}.review-poster{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius);background:#000;overflow:hidden;cursor:pointer}.review-poster img{display:block;width:100%;max-height:55vh;object-fit:contain}.play-badge{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;background:#0000008c;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;pointer-events:none}.credit-total{font-size:22px}.credit-total strong{font-size:30px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.engine-note{font-size:13px;line-height:1.5;color:var(--muted);background:var(--panel);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px}.caption-box{background:var(--panel);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:6px}.caption-box p{font-size:15px;line-height:1.5;white-space:pre-wrap}.prompter{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}html.native-cam,html.native-cam body,body.native-cam #root,body.native-cam .app{background:transparent!important}body.native-cam .prompter{background:transparent}.camera{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera.mirrored{transform:scaleX(-1)}.prompter.desktop .camera{inset:auto;left:0;right:0;margin:0 auto;bottom:116px;top:auto;height:min(48vh,calc(62vh - 140px));width:auto;object-fit:contain;background:#0a0c12;border:1px solid #2a3242;border-radius:14px}.prompter.desktop .camera{aspect-ratio:16 / 9}.prompter.desktop .script-scroll{transition:none;line-height:1.75}.prompter.desktop .script-overlay{height:38vh;background:linear-gradient(to bottom,#000000f2,#000000e6 80%,#0000)}.prompter.desktop .prompter-bottom{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;bottom:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:#000;border-top:1px solid #1d2331}.prompter.desktop .record-btn{width:60px;height:60px}.cam-pill select{max-width:240px}.text-ctrls{display:inline-flex;align-items:center;gap:8px;background:#00000080;border:1px solid #2a3242;border-radius:999px;padding:4px 12px 4px 14px}.text-ctrls .ctrl{background:transparent;border:none;padding:6px 8px}.text-ctrls-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8b93a7}.margin-ctrl{display:inline-flex;align-items:center;gap:8px;border-left:1px solid #2a3242;padding-left:12px;margin-left:4px}.margin-ctrl input{width:110px;accent-color:#8b5cf6}.script-overlay{position:absolute;top:0;left:0;right:0;height:35vh;overflow:hidden;padding:0 18px;background:linear-gradient(to bottom,#000000d1,#000000b8 70%,#0000);z-index:2}.script-scroll{padding-top:12vh;line-height:1.45;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);transition:transform .25s ease-out;will-change:transform}.script-scroll.browsing{transition:none}.browse-pill{position:absolute;top:36vh;left:50%;transform:translate(-50%);background:#6366f1f2;color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;z-index:6;white-space:nowrap}.w{opacity:1}.w.clickable{cursor:pointer;border-radius:6px}@media(hover:hover){.w.clickable:hover{box-shadow:0 0 0 4px #8b5cf659;background-color:#8b5cf659}.w.clickable.spoken:hover{background-color:transparent}}.w.spoken{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;opacity:.9}.focal-line{display:none}.prompter-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;gap:8px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.prompter-top>*{pointer-events:auto}.ctrl{background:#00000080;border-radius:999px;width:40px;height:40px;font-weight:700;font-size:16px;color:#fff;display:inline-flex;align-items:center;justify-content:center}.ctrl.wide{width:auto;padding:0 14px;font-size:13px}.ctrl.cam-btn{gap:7px}.ctrl-label{display:none;font-size:13px}@media(min-width:700px){.ctrl.cam-btn{width:auto;padding:0 14px}.ctrl-label{display:inline}}.rec-badge{background:#0000008c;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:blink 1s infinite}.rec-dot.paused{background:#f59e0b;animation:none}@keyframes blink{50%{opacity:.3}}.prompter-bottom{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:4}.mode-toggle{display:flex;gap:6px;background:#00000080;border-radius:999px;padding:4px}.mode{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#cfd6e2}.mode.active{background:var(--accent);color:#fff}.wpm{display:flex;align-items:center;gap:10px;background:#00000080;border-radius:999px;padding:8px 14px;font-size:13px}.wpm input{width:140px}.record-btn{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:var(--danger);transition:all .15s}.record-btn:disabled{opacity:.5}.record-btn.recording{border-radius:18px;width:58px;height:58px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.6);z-index:5;pointer-events:none}.tap-zone{position:absolute;top:35vh;bottom:130px;width:50%;z-index:3}.tap-zone.left{left:0}.tap-zone.right{right:0}.update-banner{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:600}.update-banner button{background:#fff;color:#4f46e5;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.paused-banner{position:absolute;top:36vh;left:14px;right:14px;background:#f59e0bf0;color:#1a1206;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;text-align:center;z-index:6}.voice-banner{position:absolute;top:36vh;left:14px;right:14px;background:#ef4444eb;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;text-align:center;z-index:6}.mic-pill{display:flex;align-items:center;gap:10px;background:#0000008c;border-radius:999px;padding:8px 14px;max-width:92vw}.mic-meter{width:64px;height:6px;border-radius:999px;background:#ffffff2e;overflow:hidden;flex-shrink:0}.mic-meter-fill{height:100%;border-radius:999px;background:#22c55e;transition:width .1s linear}.mic-meter-fill.quiet{background:var(--danger);min-width:4px}.mic-pill select{background:transparent;border:none;color:#cfd6e2;font-size:13px;max-width:46vw;outline:none}.mic-pill select option{color:#111}.toast{position:absolute;bottom:130px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;z-index:6;white-space:nowrap}.debug{position:absolute;top:36vh;left:10px;right:10px;color:#7cfc00;font:12px/1.4 monospace;background:#0009;padding:6px 8px;border-radius:8px;z-index:7;pointer-events:none}.logo-img{display:block;width:auto}.logo-img.small{height:24px}.logo-img.xl{height:44px;margin:0 auto 6px}.appstore-badge{height:48px;display:block;margin-top:4px}