:root{--bg: #0b0b0d;--panel: #15151a;--panel2: #1c1c22;--line: #27272e;--text: #f4f4f7;--muted: #8a8a93;--faint: #5b5b63;--accent: #ffb629;--accent2: #ff8a3d;--ink: #1a0f00;--green: #34d399;--blue: #2aabee;--pink: #ff6b99;--violet: #9b87ff;--grad: linear-gradient(135deg, var(--accent), var(--accent2))}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,select,textarea,input{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none}em{font-style:italic}.serif{font-family:"Instrument Serif",serif;font-weight:400}.mono{font-family:Geist Mono,monospace}.app{max-width:480px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg);overflow:hidden}.body{flex:1;display:flex;flex-direction:column;min-height:0}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 18px}.scroll::-webkit-scrollbar{display:none}.tg-header{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);flex-shrink:0;padding-top:max(11px,env(safe-area-inset-top))}.tg-header .back{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--blue);margin-left:-4px}.tg-header .title{font-size:16px;font-weight:600;letter-spacing:-.01em}.tg-header .spacer{flex:1}.balance{display:inline-flex;align-items:center;gap:5px;background:#ffb6291a;border:1px solid rgba(255,182,41,.28);padding:6px 11px;border-radius:11px;font-size:12px;font-weight:600;color:var(--accent);font-family:Geist Mono,monospace;white-space:nowrap}.balance .u{opacity:.55;font-weight:500}.greet-row{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 16px 10px;flex-shrink:0}.greet .hi{font-size:13px;color:var(--muted)}.greet .nm{font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:1px}.greet .nm em{font-family:"Instrument Serif",serif;font-weight:400;color:var(--accent)}.hero{border-radius:20px;padding:18px;position:relative;overflow:hidden;margin-bottom:20px;background:linear-gradient(135deg,#9b87ff38,#ff8a3d1f);border:1px solid rgba(255,182,41,.2);text-align:left;width:100%;display:block}.hero .tag{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:9px}.hero h3{font-family:"Instrument Serif",serif;font-size:23px;font-weight:400;line-height:1.12;margin-bottom:14px;max-width:80%}.hero .cta{background:#fff;color:#15151a;padding:9px 16px;border-radius:11px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.sect{font-family:Geist Mono,monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:14px 2px 11px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tool{border-radius:17px;padding:15px;border:1px solid var(--line);background:var(--panel2);min-height:112px;display:flex;flex-direction:column;text-align:left;transition:border-color .15s,transform .1s}.tool:active{transform:scale(.97)}.tool.wide{grid-column:span 2;flex-direction:row;align-items:center;gap:14px;min-height:0}.tool .ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.tool .nm{font-size:14px;font-weight:600;margin-top:auto;padding-top:12px}.tool.wide .nm{padding-top:0}.tool .ds{font-size:10px;color:var(--faint);font-family:Geist Mono,monospace;margin-top:2px}.tone-accent{background:#ffb62924;color:var(--accent)}.tone-green{background:#34d39924;color:var(--green)}.tone-violet{background:#9b87ff29;color:var(--violet)}.tone-pink{background:#ff6b9926;color:var(--pink)}.tone-blue{background:#2aabee26;color:var(--blue)}.bottom-nav{display:flex;align-items:flex-end;justify-content:space-around;padding:9px 10px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0d0d10;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--faint);font-size:9.5px;font-weight:500;flex:1}.nav-item.active{color:var(--accent);font-weight:600}.nav-fab{flex:1;display:flex;justify-content:center}.nav-fab .f{width:50px;height:50px;border-radius:16px;margin-top:-26px;background:var(--grad);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #ff8a3d66}.chip{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:9px}.chip.done{border-color:#34d39959}.chip .ci{width:34px;height:34px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center}.chip .ct{flex:1;min-width:0}.chip .ct b{font-size:13px;font-weight:600;display:block}.chip .ct span{font-size:10.5px;color:var(--faint);font-family:Geist Mono,monospace}.chip .ck{color:var(--green)}.chip .cg{color:var(--faint)}.chip select{width:100%;background:none;border:none;outline:none;font-size:11px;color:var(--accent);padding:0;font-family:Geist Mono,monospace}.vsample{width:34px;height:34px;flex:none;border-radius:50%;background:#34d39924;border:1px solid rgba(52,211,153,.4);color:var(--green);font-size:13px;display:flex;align-items:center;justify-content:center}.vsample:active{transform:scale(.92)}.vedit-btn{width:32px;height:32px;flex:none;border-radius:9px;background:var(--panel);border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center}.vedit-btn:active{transform:scale(.92)}.vedit{width:100%;background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:6px 9px;font-size:13px;font-weight:600;color:var(--text);outline:none}.opt-row{display:flex;gap:7px;margin-bottom:14px}.opt{flex:1;text-align:center;padding:8px 0;border-radius:10px;font-size:12px;font-weight:500;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.opt.on{background:#ffb62924;border-color:var(--accent);color:var(--accent);font-weight:600}.uploader{width:100%;position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);margin-bottom:14px}.uploader.dashed{border-style:dashed}.uploader img,.uploader video{width:100%;height:100%;object-fit:cover}.uploader .up-ic{color:var(--accent)}.uploader .up-tx{font-size:13px}.field{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:13px 14px;font-size:14px;color:var(--text);resize:none;outline:none}.field:focus{border-color:var(--accent)}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none}.big-btn{width:100%;padding:15px;border-radius:14px;font-weight:700;font-size:15px;color:var(--ink);background:var(--grad);box-shadow:0 8px 22px #ff8a3d52;display:flex;align-items:center;justify-content:center;gap:8px}.big-btn:disabled{opacity:.55}.big-btn .price{background:#0003;padding:3px 9px;border-radius:8px;font-size:12.5px;font-family:Geist Mono,monospace}.ghost-btn{width:100%;padding:13px;border-radius:13px;font-size:13px;font-weight:600;background:var(--panel2);border:1px solid var(--line);color:var(--text)}.sticky-cta{padding:12px 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0d0d10;flex-shrink:0}.gen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 32px;text-align:center;background:radial-gradient(120% 55% at 50% 34%,rgba(255,138,61,.14),transparent 55%)}.gen-prev{width:196px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;position:relative;margin-bottom:30px;border:1px solid var(--line);background:var(--panel2)}.gen-prev img{width:100%;height:100%;object-fit:cover}.gen-prev .shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,182,41,.18) 50%,transparent 70%);background-size:200% 100%;animation:mgsh 1.5s infinite}@keyframes mgsh{0%{background-position:200% 0}to{background-position:-200% 0}}.gen h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:28px;margin-bottom:14px;letter-spacing:-.01em}.gen .pct{font-family:Geist Mono,monospace;font-size:46px;font-weight:500;color:var(--accent);line-height:1;margin-bottom:20px}.gen .pct small{font-size:24px}.gen-bar{width:100%;height:6px;border-radius:3px;background:#222228;overflow:hidden;margin-bottom:16px}.gen-bar .gb{height:100%;border-radius:3px;background:var(--grad);box-shadow:0 0 16px #ff8a3d8c;transition:width .4s}.gen .step{font-size:12.5px;color:var(--muted);font-family:Geist Mono,monospace;display:flex;align-items:center;gap:8px}.gen .step:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.res-vid{width:100%;border-radius:20px;overflow:hidden;background:#000;margin-bottom:12px;border:1px solid var(--line)}.res-vid video{width:100%;display:block;max-height:58vh}.res-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.ract{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:13px;background:var(--panel2);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text);text-decoration:none}.filters{display:flex;gap:8px;margin-bottom:14px}.filter{font-size:12px;font-weight:500;padding:8px 14px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.filter.on{background:#ffb62924;border-color:var(--accent);color:var(--accent);font-weight:600}.gmas{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gcell{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel2)}.gcell video{width:100%;height:100%;object-fit:cover}.gcell .gp{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}.gcell .gm{position:absolute;left:0;right:0;bottom:0;padding:9px 10px;background:linear-gradient(transparent,#000c);z-index:2}.gcell .gm b{font-size:11.5px;font-weight:600;display:block}.gcell .gm span{font-size:9px;color:#fff9;font-family:Geist Mono,monospace}.gcell .gload{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#ffb6290a 30%,#ffb62929,#ffb6290a 70%);background-size:200% 100%;animation:mgsh 1.5s infinite}.gcell .gload.err{background:#ff547014;animation:none;font-size:26px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.viewer-box{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px}.viewer-box video{width:100%;max-height:70vh;border-radius:18px;background:#000}.viewer-acts{display:flex;gap:10px}.viewer-acts .ract{flex:1}.viewer-close{background:none;color:var(--muted);font-size:13px;padding:6px}.voice-hero{border-radius:18px;padding:18px;margin-bottom:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#34d3992e,#2aabee14);border:1px solid rgba(52,211,153,.25)}.voice-hero .badges{display:flex;gap:7px;margin-bottom:11px}.voice-hero .b-new{background:var(--green);color:#06301f;font-size:9px;font-weight:700;padding:3px 9px;border-radius:6px;letter-spacing:.05em}.voice-hero .b-mm{background:#00000040;color:var(--muted);font-size:9px;font-weight:600;padding:3px 9px;border-radius:6px;font-family:Geist Mono,monospace}.voice-hero h3{font-family:"Instrument Serif",serif;font-size:23px;font-weight:400;line-height:1.12;margin-bottom:6px}.voice-hero h3 em{color:var(--green)}.voice-hero p{font-size:11.5px;color:var(--muted);line-height:1.5}.vf{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:12px;width:100%;text-align:left;margin-bottom:9px}.vf.soon{opacity:.62}.vf .vi{width:38px;height:38px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center}.vf .vt{flex:1}.vf .vt b{font-size:13px;font-weight:600;display:block}.vf .vt span{font-size:10.5px;color:var(--faint);font-family:Geist Mono,monospace}.soon-tag{font-size:9px;font-weight:700;color:var(--faint);background:#16161a;border:1px solid var(--line);padding:4px 8px;border-radius:7px;letter-spacing:.04em}.vpills{display:flex;flex-wrap:wrap;gap:8px}.vpill{display:inline-flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:30px;padding:6px 13px 6px 6px;font-size:12px;font-weight:500}.vpill.add{background:none;border:1px dashed var(--line);color:var(--faint)}.vpill .av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#06301f;background:linear-gradient(135deg,#34d399,#11936b)}.rec-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 28px 12px;text-align:center;background:radial-gradient(120% 55% at 50% 28%,rgba(52,211,153,.14),transparent 55%)}.rec-orb{width:180px;height:180px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.rec-orb .r1,.rec-orb .r2,.rec-orb .r3{position:absolute;border-radius:50%}.rec-orb .r1{top:-38px;right:-38px;bottom:-38px;left:-38px;border:1.5px solid rgba(52,211,153,.07)}.rec-orb .r2{top:-18px;right:-18px;bottom:-18px;left:-18px;border:1.5px solid rgba(52,211,153,.15)}.rec-orb .r3{top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(52,211,153,.28)}.rec-orb .core{width:114px;height:114px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#7dffcf,#34d399 55%,#11936b);box-shadow:0 0 56px #34d39980,inset 0 -10px 22px #0028194d,inset 0 10px 18px #fff6;display:flex;align-items:center;justify-content:center;color:#06392a}.rec-wrap h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:30px;margin-bottom:9px;letter-spacing:-.01em}.rec-wrap p{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:26px}.rec-time{font-family:Geist Mono,monospace;font-size:13px;color:var(--green);margin-bottom:28px}.rec-btn{width:72px;height:72px;border-radius:50%;background:#ff547021;border:2px solid #ff5470;display:flex;align-items:center;justify-content:center}.rec-btn .sq{width:28px;height:28px;border-radius:9px;background:#ff5470;box-shadow:0 0 18px #ff54708c}.rec-btn.idle{border-color:var(--green);background:#34d39921}.rec-btn.idle .sq{background:var(--green);border-radius:50%}.rec-btn.recording{animation:mgpulse 1.6s infinite}@keyframes mgpulse{0%,to{box-shadow:0 0 #ff547059}50%{box-shadow:0 0 0 13px #ff547000}}.wave{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:10px}.wave i{width:3px;border-radius:3px;background:var(--green)}.pf-head{text-align:center;margin-bottom:20px}.pf-av{width:84px;height:84px;margin:0 auto 13px;border-radius:50%;padding:3px;background:var(--grad);position:relative}.pf-av .inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-size:38px}.pf-av .pro{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);background:var(--grad);color:var(--ink);font-size:8px;font-weight:700;padding:3px 9px;border-radius:8px;border:2px solid var(--bg);letter-spacing:.04em}.pf-head h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:26px;line-height:1}.pf-head .em{display:inline-block;margin-top:8px;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.1em;color:var(--accent);background:#ffb6291a;border:1px solid rgba(255,182,41,.28);padding:3px 10px;border-radius:8px}.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.pf-stat{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-align:center}.pf-stat .v{font-family:Geist Mono,monospace;font-size:20px;font-weight:700;color:var(--accent)}.pf-stat .l{font-size:9.5px;color:var(--faint);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.pf-row{display:flex;align-items:center;gap:13px;padding:14px 4px;border-bottom:1px solid var(--line);width:100%;text-align:left}.pf-row .pi{width:32px;display:flex;justify-content:center;color:var(--muted)}.pf-row .pt{flex:1;font-size:14px;font-weight:500}.pf-row .pmeta{font-size:11px;font-family:Geist Mono,monospace;color:var(--accent)}.pf-row .pmeta.green{color:var(--green)}.pw-head{text-align:center;padding:22px 10px 18px}.pw-head .crown{display:inline-flex;width:54px;height:54px;border-radius:16px;margin-bottom:12px;background:linear-gradient(135deg,#ffb62933,#ff8a3d14);border:1px solid rgba(255,182,41,.3);align-items:center;justify-content:center;color:var(--accent)}.pw-head h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:32px;line-height:1.05;margin-bottom:8px}.pw-head h2 em{color:var(--accent)}.pw-head p{font-size:12.5px;color:var(--muted)}.plan{border-radius:16px;padding:15px;display:flex;align-items:center;gap:13px;margin-bottom:11px;position:relative;border:1px solid var(--line);background:var(--panel2);width:100%;text-align:left}.plan.on{border-color:var(--accent);background:linear-gradient(135deg,#ffb62924,#ff8a3d08)}.plan .radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;display:flex;align-items:center;justify-content:center}.plan.on .radio{border-color:var(--accent)}.plan.on .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}.plan .pinfo{flex:1}.plan .pinfo b{font-size:14px;font-weight:600;display:block}.plan .pinfo span{font-size:10.5px;color:var(--faint);font-family:Geist Mono,monospace}.plan .pprice{text-align:right}.plan .pprice .a{font-size:19px;font-weight:700;font-family:Geist Mono,monospace}.plan .pprice .p{font-size:9px;color:var(--faint)}.plan .badge-off{position:absolute;top:-9px;right:14px;background:var(--grad);color:var(--ink);font-size:9px;font-weight:700;padding:3px 9px;border-radius:6px}.pay-row{display:flex;gap:8px;justify-content:center;margin:4px 0 16px}.pay-chip{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:7px 11px}.pay-note{text-align:center;font-size:10px;color:var(--faint);margin-top:12px;font-family:Geist Mono,monospace}.ob{flex:1;display:flex;flex-direction:column;padding:0 26px 30px;text-align:center;background:radial-gradient(120% 58% at 50% 6%,rgba(255,138,61,.16),transparent 55%)}.ob-art{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:220px}.ob-art .ring1,.ob-art .ring2{position:absolute;border-radius:50%}.ob-art .ring1{width:300px;height:300px;border:1px solid rgba(255,182,41,.09)}.ob-art .ring2{width:230px;height:230px;border:1px solid rgba(255,182,41,.18)}.ob-orb{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffe39a,#ffb629 52%,#ef7a1e);box-shadow:0 0 70px #ff8a3d80,inset 0 -12px 30px #7832004d,inset 0 12px 26px #fff6;display:flex;align-items:center;justify-content:center;font-size:72px;animation:mgfloat 4s ease-in-out infinite}@keyframes mgfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ob h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:44px;line-height:1.02;letter-spacing:-.01em;margin-bottom:16px}.ob h2 em{color:var(--accent)}.ob p{font-size:14.5px;color:var(--muted);line-height:1.55;max-width:300px;margin:0 auto 26px}.ob-dots{display:flex;gap:7px;justify-content:center;margin-bottom:24px}.ob-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.ob-dots i.on{width:22px;border-radius:3px;background:var(--accent)}.center-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);text-align:center;padding:32px;font-size:14px}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);background:#26262c;color:var(--text);padding:11px 18px;border-radius:12px;font-size:13px;z-index:100;border:1px solid var(--line);box-shadow:0 8px 24px #0006;max-width:88%;text-align:center}.canvas-prev{width:100%;border-radius:18px;overflow:hidden;background:var(--panel2);border:1px solid var(--line);margin-bottom:14px}.canvas-prev img{width:100%;display:block}