:root{--grind-bg: #08060d;--grind-shell: #0b0912;--voicer-bg: #08060d;--voicer-bg-elevated: #0b0912;--voicer-surface: rgba(255, 255, 255, .05);--voicer-fg: #f3f1f9;--voicer-muted: #8a8f98;--voicer-primary: #8b5cf6;--voicer-accent: #8b5cf6;--voicer-accent-cta: #ec4899;--voicer-gradient: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);--voicer-gradient-strong: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--voicer-glass-bg: rgba(255, 255, 255, .05);--voicer-glass-bg-strong: rgba(30, 20, 50, .45);--voicer-glass-border: rgba(255, 255, 255, .1);--voicer-blur: 12px;--voicer-glow-purple: 0 0 24px rgba(139, 92, 246, .45);--voicer-glow-pink: 0 0 24px rgba(236, 72, 153, .4);--voicer-radius: 16px;--voicer-radius-sm: 12px;--voicer-radius-lg: 20px;--voicer-radius-xl: 24px;--voicer-radius-pill: 9999px;--voicer-space: 8px;--voicer-border: rgba(255, 255, 255, .08);--voicer-border-strong: rgba(255, 255, 255, .14);--voicer-bottom-nav-h: 76px;--voicer-font-display: "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--voicer-font-body: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}html[data-theme=light]{--grind-bg: #f5f4fb;--grind-shell: #ffffff;--voicer-bg: #f5f4fb;--voicer-bg-elevated: #ffffff;--voicer-surface: rgba(139, 92, 246, .06);--voicer-fg: #151124;--voicer-muted: #5e5775;--voicer-glass-bg: rgba(255, 255, 255, .88);--voicer-glass-bg-strong: rgba(255, 255, 255, .96);--voicer-glass-border: rgba(139, 92, 246, .16);--voicer-border: rgba(139, 92, 246, .14);--voicer-border-strong: rgba(139, 92, 246, .32);--voicer-glow-purple: 0 6px 24px rgba(139, 92, 246, .22);--voicer-glow-pink: 0 6px 24px rgba(236, 72, 153, .2);color-scheme:light}html[data-theme=light] body,html[data-theme=light] .page,html[data-theme=light] .app-shell{background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.12),transparent 50%),radial-gradient(circle at 85% 15%,rgba(236,72,153,.1),transparent 45%),var(--voicer-bg);color:var(--voicer-fg)}html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select,html[data-theme=light] .voicer-input{background:#ffffffe6!important;color:#151124!important;border-color:#8b5cf638!important}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder,html[data-theme=light] .voicer-input::placeholder{color:#7b7393!important}html[data-theme=light] .card,html[data-theme=light] .balance-card,html[data-theme=light] .cardish{background:#ffffffd1!important;border-color:#8b5cf629!important;color:#151124!important;box-shadow:0 4px 18px #8b5cf60f}html[data-theme=light] [style*="rgba(243,241,249"],html[data-theme=light] [style*="rgba(243, 241, 249"],html[data-theme=light] [style*="#F3F1F9"],html[data-theme=light] [style*="#f3f1f9"]{color:inherit}html[data-theme=light] .audio-player{box-shadow:0 8px 24px #8b5cf640}html[data-theme=light] .audio-player__play{background:#fff;color:#8b5cf6;box-shadow:0 2px 10px #0000001f}html[data-theme=light] .waveform__bar{background:#ffffffa6}html[data-theme=light] .waveform__bar.active{background:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}#root{margin:0;height:100%;display:flex;flex-direction:column;overflow:hidden}body{font-family:var(--voicer-font-body);font-size:16px;line-height:1.5;background:var(--tg-theme-bg-color, var(--voicer-bg));color:var(--tg-theme-text-color, var(--voicer-fg));padding-top:calc(var(--tg-viewport-safe-area-inset-top, 0px) + var(--tg-viewport-content-safe-area-inset-top, 0px));padding-bottom:0}.app-shell{flex:1;height:100%;min-height:100dvh;display:flex;flex-direction:column}.grindai-scroll{flex:1;min-height:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.app-shell--nav .grindai-scroll{margin-bottom:calc(var(--voicer-bottom-nav-h, 72px) + var(--tg-viewport-safe-area-inset-bottom, 0px))}.page{padding:6px 18px 14px;margin:0 auto;width:100%;max-width:480px;box-sizing:border-box;flex:1;display:flex;flex-direction:column}.page-title,h1{font-family:var(--voicer-font-display);font-size:1.5rem;font-weight:700;margin:0 0 calc(var(--voicer-space) * 1.5);letter-spacing:-.02em}h2{font-family:var(--voicer-font-display);font-weight:600;letter-spacing:-.01em}.muted{color:var(--tg-theme-hint-color, var(--voicer-muted));font-size:.9rem}.card,.balance-card{background:var(--tg-theme-secondary-bg-color, var(--voicer-glass-bg));border:1px solid var(--voicer-glass-border);border-radius:var(--voicer-radius);padding:calc(var(--voicer-space) * 2);margin-bottom:calc(var(--voicer-space) * 2)}.balance-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--voicer-space);margin-bottom:var(--voicer-space)}.balance-card__row:last-child{margin-bottom:0}.balance-card__badge{margin-top:var(--voicer-space);font-size:.85rem;color:var(--voicer-accent)}.nav-tiles{display:grid;gap:var(--voicer-space)}.nav-tile{display:flex;align-items:center;gap:calc(var(--voicer-space) * 1.5);min-height:48px;padding:calc(var(--voicer-space) * 1.5) calc(var(--voicer-space) * 2);border-radius:var(--voicer-radius);background:var(--tg-theme-secondary-bg-color, var(--voicer-glass-bg));border:1px solid var(--voicer-glass-border);color:var(--tg-theme-text-color, var(--voicer-fg));text-decoration:none;font-weight:500}.nav-tile:focus-visible{outline:2px solid var(--voicer-accent);outline-offset:2px}.nav-tile__icon{width:22px;height:22px;flex-shrink:0;color:var(--voicer-accent)}.nav-grid{display:grid;gap:10px}.nav-grid a,button.linkish{display:block;text-align:center;padding:14px;border-radius:var(--voicer-radius);background:var(--tg-theme-button-color, var(--voicer-accent));color:var(--tg-theme-button-text-color, #fff);text-decoration:none;border:none;font-size:1rem;width:100%;cursor:pointer;min-height:44px}.voicer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;border-radius:var(--voicer-radius-pill);font-family:var(--voicer-font-body);font-size:1rem;font-weight:600;border:none;cursor:pointer;width:100%;transition:transform .1s ease,opacity .1s ease}.voicer-btn:active{transform:scale(.98)}.voicer-btn:focus-visible{outline:2px solid var(--voicer-accent);outline-offset:2px}.voicer-btn:disabled{opacity:.5;cursor:not-allowed}.voicer-btn--primary{background:var(--voicer-gradient);color:#fff}.voicer-btn--secondary{background:var(--voicer-glass-bg);color:var(--voicer-fg);border:1px solid var(--voicer-glass-border);backdrop-filter:blur(var(--voicer-blur));-webkit-backdrop-filter:blur(var(--voicer-blur))}.voicer-btn--ghost{background:transparent;color:var(--voicer-fg);border:1px solid rgba(255,255,255,.2)}button.secondary{background:var(--tg-theme-secondary-bg-color, var(--voicer-glass-bg));color:var(--tg-theme-text-color, var(--voicer-fg))}.voicer-input,textarea,input,select{width:100%;padding:12px;border-radius:var(--voicer-radius-sm);border:1px solid var(--voicer-glass-border);background:var(--voicer-glass-bg);color:var(--tg-theme-text-color, var(--voicer-fg));font-size:1rem;font-family:inherit}.voicer-input::placeholder,textarea::placeholder,input::placeholder{color:var(--voicer-muted)}.voicer-input:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:none;border-color:var(--voicer-primary)}.field-label,label{display:block;margin:calc(var(--voicer-space) * 1.5) 0 var(--voicer-space);font-size:.85rem;color:var(--tg-theme-subtitle-text-color, var(--voicer-muted))}.deposit-ton{margin-bottom:calc(var(--voicer-space) * 1.5)}.upsell-banner{width:100%;border-radius:12px;margin-bottom:var(--voicer-space)}.cardish{padding:12px 14px;border-radius:12px;background:var(--tg-theme-secondary-bg-color, rgba(127, 127, 127, .12));margin-bottom:var(--voicer-space)}.offline-banner{background:var(--tg-theme-destructive-text-color, var(--voicer-accent-cta));color:#fff;text-align:center;padding:8px;font-size:.85rem}.env-unsupported{padding:48px 24px;text-align:center}.list-item{padding:12px 0;border-bottom:1px solid var(--voicer-border)}.error{color:var(--tg-theme-destructive-text-color, var(--voicer-accent-cta))}.gen-progress__label{margin-bottom:8px}.gen-progress__track{height:8px;border-radius:4px;background:var(--voicer-border);overflow:hidden}.gen-progress__fill{height:100%;border-radius:4px;background:var(--voicer-gradient);transition:width .3s ease}.gen-progress__meta{margin-top:8px;font-size:.85rem;color:var(--tg-theme-hint-color, var(--voicer-muted));display:flex;gap:6px;flex-wrap:wrap}@keyframes glowPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass{background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);backdrop-filter:blur(var(--voicer-blur));-webkit-backdrop-filter:blur(var(--voicer-blur))}.glass-strong{background:var(--voicer-glass-bg-strong);border:1px solid var(--voicer-glass-border);backdrop-filter:blur(var(--voicer-blur));-webkit-backdrop-filter:blur(var(--voicer-blur))}.gradient-fill{background:var(--voicer-gradient)}.gradient-text{background:var(--voicer-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=light] .glass{background:#ffffffbf;border-color:#8b5cf629;box-shadow:0 4px 20px #8b5cf60f}html[data-theme=light] .glass-card{background:#ffffffd9;border-color:#8b5cf62e;box-shadow:0 8px 28px #8b5cf614;color:var(--voicer-fg)}html[data-theme=light] .icon-box{background:#ffffffe6;border-color:#8b5cf62e;box-shadow:0 2px 8px #8b5cf614}html[data-theme=light] .voice-row{background:#fffc;border-color:#8b5cf624;color:var(--voicer-fg)}html[data-theme=light] .voice-row:hover{background:#fffffff2;border-color:var(--voicer-border-strong)}html[data-theme=light] .chip{background:#ffffffd1;border-color:#8b5cf62e;color:var(--voicer-fg)}html[data-theme=light] .btn-glass{background:#ffffffd9;border-color:#8b5cf633;color:var(--voicer-fg)}html[data-theme=light] .btn-ghost{border-color:#8b5cf647;color:var(--voicer-fg)}html[data-theme=light] .balance-pill{background:#ffffffd9;border-color:#8b5cf62e;color:var(--voicer-fg)}html[data-theme=light] .slider{background:#8b5cf61f;border-color:#8b5cf633}html[data-theme=light] .slider::-webkit-slider-thumb{background:#fff;box-shadow:0 2px 8px #8b5cf659}html[data-theme=light] .slider::-moz-range-thumb{background:#fff;box-shadow:0 2px 8px #8b5cf659}html[data-theme=light] .toggle{background:#8b5cf629;border-color:#8b5cf638}html[data-theme=light] .toggle.on{background:var(--voicer-primary)}.pill{border-radius:var(--voicer-radius-pill)}.icon-box{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--voicer-radius-sm);background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);color:var(--voicer-primary);flex-shrink:0}.icon-box--gradient{background:var(--voicer-gradient);border:none;color:#fff}.icon-box svg{width:20px;height:20px}.section-label{font-family:var(--voicer-font-body);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--voicer-muted)}.glass-card{background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);backdrop-filter:blur(var(--voicer-blur));-webkit-backdrop-filter:blur(var(--voicer-blur));border-radius:var(--voicer-radius);padding:calc(var(--voicer-space) * 2)}.btn-gradient{background:var(--voicer-gradient);border-radius:var(--voicer-radius-pill);color:#fff;font-weight:600;min-height:44px}.btn-glass{background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);backdrop-filter:blur(var(--voicer-blur));-webkit-backdrop-filter:blur(var(--voicer-blur));border-radius:var(--voicer-radius-pill);color:var(--voicer-fg);min-height:44px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--voicer-radius-pill);color:var(--voicer-fg);min-height:44px}.gen-orb{position:relative;width:140px;height:140px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ec4899e6,#8b5cf6d9,#8b5cf633);box-shadow:0 0 60px #8b5cf68c,0 0 120px #ec48994d;animation:voicer-orb-pulse 2s ease-in-out infinite}.gen-orb:after{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 70%);filter:blur(8px);z-index:-1}@keyframes voicer-orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 60px #8b5cf68c,0 0 120px #ec48994d}50%{transform:scale(1.08);box-shadow:0 0 80px #8b5cf6bf,0 0 160px #ec489973}}@media(prefers-reduced-motion:reduce){.gen-orb{animation:none}}.slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:var(--voicer-radius-pill);background:var(--voicer-glass-bg);outline:none;border:1px solid var(--voicer-glass-border)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0006;border:none}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0006;border:none}.toggle{position:relative;width:52px;height:28px;border-radius:var(--voicer-radius-pill);background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);cursor:pointer;flex-shrink:0;transition:background .2s ease;padding:0}.toggle.on{background:var(--voicer-primary);border-color:transparent}.toggle__thumb{position:absolute;top:50%;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transform:translateY(-50%);transition:left .2s ease}.toggle.on .toggle__thumb{left:27px}.audio-player{background:var(--voicer-gradient);border-radius:var(--voicer-radius-lg);padding:20px;display:flex;align-items:center;gap:16px}.audio-player__play{width:52px;height:52px;border-radius:50%;background:#fffffff2;border:none;color:var(--voicer-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.audio-player__play svg{width:22px;height:22px}.waveform{display:flex;align-items:center;gap:2px;flex:1;height:36px}.waveform__bar{flex:1;background:#ffffffb3;border-radius:2px;min-height:4px}.waveform__bar.active{background:#fff}.voice-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);border-radius:var(--voicer-radius);padding:12px;cursor:pointer;text-align:left;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.voice-row:hover{border-color:var(--voicer-border-strong)}.voice-row.selected{border-color:var(--voicer-primary);box-shadow:0 0 0 1px var(--voicer-primary),0 0 20px #8b5cf64d}.voice-row__avatar{width:44px;height:44px;border-radius:50%;background:var(--voicer-gradient);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.voice-row__name{font-weight:600;font-size:1rem}.voice-row__meta{font-size:.8rem;color:var(--voicer-muted)}.chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--voicer-radius-pill);background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);color:var(--voicer-fg);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap}.chip.selected{background:var(--voicer-gradient);border-color:transparent;color:#fff}.balance-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--voicer-radius-pill);background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border);font-size:.82rem;font-weight:600;white-space:nowrap}.balance-pill svg{width:14px;height:14px;color:var(--voicer-primary)}.result-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.result-grid-2__cell{aspect-ratio:1 / 1;border-radius:var(--voicer-radius-sm);overflow:hidden;background:var(--voicer-glass-bg);border:1px solid var(--voicer-glass-border)}.result-grid-2__cell img{width:100%;height:100%;object-fit:cover;display:block}.result-grid-2__placeholder{background:var(--voicer-gradient)}.video-placeholder{position:relative;aspect-ratio:9 / 16;max-width:280px;margin:12px auto;border-radius:var(--voicer-radius-lg);background:var(--voicer-gradient);display:flex;align-items:center;justify-content:center;overflow:hidden}.video-placeholder video{width:100%;height:100%;object-fit:cover}.video-placeholder__play{width:64px;height:64px;border-radius:50%;background:#ffffffe6;border:none;color:var(--voicer-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.video-placeholder__play svg{width:28px;height:28px}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@keyframes orbHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(30deg)}}@keyframes splashOut{to{opacity:0;transform:scale(1.06)}}@keyframes loadingLine{0%{transform:translate(-100%)}to{transform:translate(220%)}}.grindai-scroll{scrollbar-width:none}.grindai-scroll::-webkit-scrollbar{display:none}.grindai-scroll--overflowing{scrollbar-width:thin;scrollbar-color:#8b5cf6 transparent}.grindai-scroll--overflowing::-webkit-scrollbar{display:block;width:5px}.grindai-scroll--overflowing::-webkit-scrollbar-track{background:transparent}.grindai-scroll--overflowing::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#ec4899);border-radius:999px}.grindai-hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth}.grindai-hscroll::-webkit-scrollbar{display:none;height:0}@media(hover:hover)and (pointer:fine){.grindai-hscroll{scrollbar-width:thin;scrollbar-color:rgba(201,166,255,.45) transparent}.grindai-hscroll::-webkit-scrollbar{display:block;height:6px}.grindai-hscroll::-webkit-scrollbar-thumb{background:#c9a6ff73;border-radius:999px}.grindai-hscroll::-webkit-scrollbar-track{background:transparent}}.proto-card-hover{transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes waveMove{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media(hover:hover){.proto-card-hover:hover{transform:translateY(-3px);box-shadow:0 14px 32px #8b5cf659}.proto-card-hover--sm:hover{box-shadow:0 12px 26px #8b5cf64d}}@media(prefers-reduced-motion:reduce){.grindai-splash-out,.grindai-orb-pulse,.grindai-orb-spin,.grindai-loading-line,.grindai-gen-spin{animation:none!important}}html.standalone-mode{--tg-theme-bg-color: var(--voicer-bg);--tg-theme-text-color: var(--voicer-fg);--tg-theme-hint-color: var(--voicer-muted);--tg-theme-link-color: var(--voicer-primary);--tg-theme-button-color: var(--voicer-primary);--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: var(--voicer-glass-bg);--tg-theme-header-bg-color: var(--voicer-bg);--tg-theme-section-bg-color: var(--voicer-bg-elevated);--tg-theme-subtitle-text-color: var(--voicer-muted);--tg-theme-destructive-text-color: var(--voicer-accent-cta);--tg-theme-accent-text-color: var(--voicer-primary)}html.standalone-mode body{background:var(--voicer-bg);color:var(--voicer-fg)}html:not([data-tg-platform=ios]):not([data-tg-platform=android]):not([data-guest-library]):not([data-admin]) #root{max-width:480px;margin:0 auto}html[data-guest-library]:not([data-tg-platform=ios]):not([data-tg-platform=android]) #root{max-width:none;width:100%;margin:0}html[data-guest-library],html[data-guest-library] body{height:100%;max-height:100%;overflow:hidden}html[data-guest-library] body{background:#0b0912;position:relative;padding-top:0;padding-bottom:0}html[data-guest-library] #root{position:fixed;inset:0;z-index:1;width:100%;height:auto;max-height:none;overflow:hidden;display:flex;flex-direction:column}html[data-guest-library] .app-shell{flex:1;min-height:0;height:100%;overflow:hidden}html[data-guest-library] body:before,html[data-guest-library] body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}html[data-guest-library] body:before{width:220px;height:220px;top:-40px;left:-40px;background:radial-gradient(circle,rgba(139,92,246,.28),transparent 70%)}html[data-guest-library] body:after{width:200px;height:200px;bottom:80px;right:-50px;background:radial-gradient(circle,rgba(236,72,153,.2),transparent 70%)}.standalone-back-fab{position:fixed;z-index:200;left:calc(12px + var(--tg-viewport-safe-area-inset-left, 0px));bottom:calc(16px + var(--tg-viewport-safe-area-inset-bottom, 0px));width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--voicer-border);border-radius:50%;background:var(--voicer-glass-bg);color:var(--voicer-fg);box-shadow:0 4px 24px #00000073;cursor:pointer;backdrop-filter:blur(8px);transition:transform .15s ease}.standalone-back-fab:focus-visible{outline:2px solid var(--voicer-primary);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.standalone-back-fab:active{transform:scale(.96)}}
