@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-dark: #080912;--bg-card: rgba(255, 255, 255, .055);--bg-card-hover: rgba(255, 255, 255, .09);--text-primary: #f0f2ff;--text-secondary: #8892b0;--text-muted: #4a5568;--accent-blue: #7c8fff;--accent-purple: #b07fff;--accent-violet: #9b6bff;--accent-pink: #f472b6;--accent-cyan: #22d3ee;--accent-green: #34d399;--accent-color: var(--accent-blue);--accent-color-hover: #6366f1;--accent-gradient: linear-gradient(135deg, #7c8fff 0%, #b07fff 50%, #f472b6 100%);--accent-gradient-alt: linear-gradient(135deg, #22d3ee 0%, #7c8fff 60%, #b07fff 100%);--danger-color: #f87171;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--border-radius-lg: 22px;--border-radius-md: 14px;--border-radius-sm: 8px;--radius-full: 9999px;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .06);--border-focus: rgba(124, 143, 255, .5);--shadow-sm: 0 4px 8px rgba(0, 0, 0, .4);--shadow-md: 0 12px 30px rgba(0, 0, 0, .55);--shadow-glow: 0 0 50px rgba(124, 143, 255, .18);--shadow-glow-pink: 0 0 50px rgba(244, 114, 182, .15);--shadow-glow-cyan: 0 0 50px rgba(34, 211, 238, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;overflow:hidden;pointer-events:none;background-image:radial-gradient(rgba(124,143,255,.03) 1px,transparent 1px);background-size:32px 32px}.blob{position:absolute;border-radius:50%;mix-blend-mode:screen;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.blob-1{top:-10%;left:-10%;width:65vw;height:65vw;background:radial-gradient(circle at 40% 40%,#4f46e5 0%,#7c8fff 30%,transparent 70%);filter:blur(110px);opacity:.38;animation:aurora1 20s cubic-bezier(.45,.05,.55,.95) infinite alternate}.blob-2{bottom:-15%;right:-10%;width:70vw;height:70vw;background:radial-gradient(circle at 60% 60%,#7c3aed 0%,#b07fff 30%,transparent 65%);filter:blur(130px);opacity:.32;animation:aurora2 24s cubic-bezier(.45,.05,.55,.95) infinite alternate}.blob-3{top:30%;left:20%;width:50vw;height:50vw;background:radial-gradient(circle at 50% 50%,#0891b2 0%,#22d3ee 20%,transparent 65%);filter:blur(140px);opacity:.18;animation:aurora3 22s cubic-bezier(.45,.05,.55,.95) infinite alternate}.blob-4{top:-5%;right:0%;width:45vw;height:45vw;background:radial-gradient(circle at 50% 50%,#be185d 0%,#f472b6 30%,transparent 70%);filter:blur(120px);opacity:.22;animation:aurora4 18s cubic-bezier(.45,.05,.55,.95) infinite alternate}.blob-5{top:55%;left:-5%;width:48vw;height:48vw;background:radial-gradient(circle at 50% 50%,#4338ca 0%,#818cf8 25%,transparent 70%);filter:blur(125px);opacity:.26;animation:aurora5 26s cubic-bezier(.45,.05,.55,.95) infinite alternate}@keyframes aurora1{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(8%,14%) scale(1.1) rotate(6deg)}66%{transform:translate(-4%,7%) scale(.94) rotate(-4deg)}to{transform:translate(6%,-10%) scale(1.06) rotate(3deg)}}@keyframes aurora2{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-12%,-9%) scale(1.12) rotate(-7deg)}66%{transform:translate(-5%,6%) scale(.91) rotate(5deg)}to{transform:translate(9%,-6%) scale(1.08) rotate(-3deg)}}@keyframes aurora3{0%{transform:translate(0) scale(1)}50%{transform:translate(-14%,12%) scale(1.14)}to{transform:translate(7%,-7%) scale(.93)}}@keyframes aurora4{0%{transform:translate(0) scale(1)}50%{transform:translate(-9%,16%) scale(1.18)}to{transform:translate(11%,-6%) scale(.9)}}@keyframes aurora5{0%{transform:translate(0) scale(1)}50%{transform:translate(17%,-12%) scale(1.12)}to{transform:translate(-7%,9%) scale(.94)}}.mouse-glow{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:1;background:radial-gradient(700px circle at var(--mouse-x, 50vw) var(--mouse-y, 50vh),rgba(124,143,255,.13) 0%,rgba(176,127,255,.07) 30%,rgba(244,114,182,.04) 55%,transparent 70%);transition:background .05s ease}.glass-panel{background:#ffffff0d;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.09);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff14,inset 0 0 0 1px #7c8fff0a}.glass-panel:hover{border-color:#7c8fff26;box-shadow:0 12px 40px #00000080,0 0 0 1px #7c8fff14,inset 0 1px #ffffff1a}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block;font-weight:800;letter-spacing:-.02em}.gradient-text-cyan{background:var(--accent-gradient-alt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}.glow-blue{box-shadow:0 0 24px #7c8fff66,0 0 60px #7c8fff26}.glow-purple{box-shadow:0 0 24px #b07fff66,0 0 60px #b07fff26}.glow-pink{box-shadow:0 0 24px #f472b666,0 0 60px #f472b61f}.glow-cyan{box-shadow:0 0 24px #22d3ee66,0 0 60px #22d3ee1f}.glow-ring{position:relative}.glow-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--accent-gradient);opacity:0;filter:blur(8px);transition:opacity .3s ease;z-index:-1}.glow-ring:hover:before{opacity:.6}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,10%) scale(1.05)}to{transform:translate(-5%,-5%) scale(.95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #7c8fff80}70%{transform:scale(1);box-shadow:0 0 0 14px #7c8fff00}to{transform:scale(.95);box-shadow:0 0 #7c8fff00}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes orbit{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes flicker-glow{0%,to{box-shadow:0 0 8px #f472b6cc,0 0 20px #f472b666}50%{box-shadow:0 0 16px #f472b6,0 0 40px #f472b699}}@keyframes reveal-down{0%{opacity:0;transform:translateY(-12px) scaleY(.8);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0) scaleY(1);clip-path:inset(0 0 0% 0)}}@keyframes breathe{0%,to{filter:blur(110px) brightness(1)}50%{filter:blur(90px) brightness(1.15)}}@keyframes text-glow{0%,to{text-shadow:0 0 20px rgba(124,143,255,0)}50%{text-shadow:0 0 30px rgba(124,143,255,.6),0 0 60px rgba(176,127,255,.3)}}@keyframes border-shimmer{0%{border-color:#7c8fff26}50%{border-color:#b07fff66}to{border-color:#7c8fff26}}@media(max-width:768px){.blob-1,.blob-2,.blob-3,.blob-4,.blob-5{animation:none!important;will-change:auto}.mouse-glow,.blob-3,.blob-4,.blob-5{display:none!important}.bg-blobs .blob{animation:none!important;filter:blur(60px)!important;will-change:auto!important;opacity:.15!important}.glass-panel{backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important}.glow-ring:before,.glow-blue,.glow-purple,.glow-pink,.glow-cyan{animation:none!important}.spinner,[style*=spin]{animation-duration:.8s!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-word-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-word-up-gradient{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glow-pulse{0%{box-shadow:0 0 8px #7c8fff59,0 0 20px #7c8fff26}50%{box-shadow:0 0 20px #7c8fffb3,0 0 50px #b07fff59,0 0 80px #7c8fff26}to{box-shadow:0 0 8px #7c8fff59,0 0 20px #7c8fff26}}@keyframes record-glow{0%{box-shadow:0 0 6px #f472b680,0 0 18px #f472b633}50%{box-shadow:0 0 16px #f472b6,0 0 40px #f472b680,0 0 70px #f472b633}to{box-shadow:0 0 6px #f472b680,0 0 18px #f472b633}}@keyframes bounce-dots{0%,20%{transform:translateY(0)}50%{transform:translateY(-6px)}80%,to{transform:translateY(0)}}.animate-slide-up,.animate-slide-down{animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-scale-in{animation:scale-in .4s cubic-bezier(.16,1,.3,1) forwards}.pulse-btn{animation:glow-pulse 2.2s infinite ease-in-out}.record-btn{animation:record-glow 1.8s infinite ease-in-out}.waveform-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(124,143,255,.18),transparent 70%);z-index:-1;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:12px}.spinner{width:60px;height:60px;border-radius:50%;border:4px solid rgba(255,255,255,.07);border-top-color:#7c8fff;border-right-color:#b07fff;animation:spin .85s linear infinite;position:relative;box-shadow:0 0 20px #7c8fff4d}.spinner:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:50%;border:4px solid transparent;border-bottom-color:#f472b6;animation:spin 1.6s linear infinite reverse}.dot{display:inline-block;animation:bounce-dots 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-z{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.recorder-card{max-width:640px;margin:0 auto;padding:36px;transition:transform .3s ease,box-shadow .4s ease,border-color .4s ease}.recorder-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px #0000008c,0 0 0 1px #7c8fff1f,0 0 60px #7c8fff14;border-color:#7c8fff26!important}.recorder-header h2{font-size:1.75rem;font-weight:800;margin-bottom:8px;letter-spacing:-.03em}.recorder-body{margin-top:24px;position:relative}.format-selector{margin-bottom:24px}.format-label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-bottom:12px}.format-options{display:flex;gap:8px;flex-wrap:wrap}.format-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#ffffff73;font-size:.88rem;font-weight:500;transition:all .22s cubic-bezier(.4,0,.2,1)}.format-btn:hover:not(:disabled){background:#7c8fff14;border-color:#7c8fff40;color:#a5b4fc;transform:translateY(-1px)}.format-btn.active{background:#7c8fff26;border-color:#7c8fff73;color:#e0e7ff;font-weight:600;box-shadow:0 0 16px #7c8fff40,0 2px 8px #0000004d;transform:translateY(-1px)}.format-btn:disabled{opacity:.4;cursor:not-allowed}.custom-prompt-input{width:100%;min-height:80px;padding:14px 16px;background:#00000040;border:1px solid rgba(124,143,255,.25);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:24px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.custom-prompt-input:focus{outline:none;border-color:#7c8fff80;box-shadow:0 0 0 3px #7c8fff26,0 0 20px #7c8fff1a}.visualizer-wrapper{position:relative;width:100%;min-height:140px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border-radius:20px;border:1px solid rgba(226,232,240,.8);margin-bottom:32px;overflow:hidden;box-shadow:inset 0 2px 10px #00000005,0 4px 20px #00000008}.visualizer-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(99,102,241,.04),transparent 70%);pointer-events:none}.recorder-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.btn-record-start{display:flex;align-items:center;gap:14px;padding:16px 32px;background:linear-gradient(135deg,#1e2032f2,#141628f2);border:1px solid rgba(244,114,182,.35);border-radius:100px;color:#fff;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 20px #f472b61f}.btn-record-start:hover{transform:scale(1.05) translateY(-2px);border-color:#f472b6b3;box-shadow:0 0 30px #f472b666,0 8px 24px #0006;background:linear-gradient(135deg,#28192df2,#1e1428f2)}.record-circle{width:14px;height:14px;border-radius:50%;background:#f472b6;box-shadow:0 0 8px #f472b6,0 0 16px #f472b680;animation:record-glow 1.8s infinite ease-in-out}.timer-display{font-size:3.2rem;font-weight:200;letter-spacing:4px;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#e0e7ff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:4px}.button-group{display:flex;gap:14px;justify-content:center;width:100%}.btn-control{padding:12px 26px;border-radius:100px;font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:8px;transition:all .22s cubic-bezier(.4,0,.2,1)}.btn-control.pause{background:#ffffff12;color:#fffc;border:1px solid rgba(255,255,255,.1)}.btn-control.pause:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.btn-control.stop{background:linear-gradient(135deg,#db2777,#f472b6);color:#fff;border:none;box-shadow:0 4px 16px #f472b64d}.btn-control.stop:hover{box-shadow:0 0 24px #f472b699,0 8px 24px #0000004d;transform:translateY(-2px) scale(1.03)}.summary-text{color:#ffffff80;text-align:center;font-size:.9rem}.processing-status-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px}.processing-icon-container{margin-bottom:28px}.processing-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#fff;letter-spacing:-.02em}.processing-subtitle{color:#fff6;font-size:.92rem;line-height:1.6}.progress-bar-container{width:100%;height:5px;background:#ffffff12;border-radius:100px;margin-top:32px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#7c8fff,#b07fff,#f472b6);background-size:200% 100%;border-radius:100px;animation:shimmer-bar 2s linear infinite;box-shadow:0 0 10px #7c8fff80}@keyframes shimmer-bar{0%{background-position:200% center}to{background-position:-200% center}}.transition-all{transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#7c8fff,#b07fff);color:#fff;padding:12px 28px;border-radius:100px;font-weight:700;font-size:.92rem;border:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 16px #7c8fff4d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 24px #7c8fff8c,0 8px 24px #0000004d}.btn-primary:active{transform:translateY(0) scale(.99)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:#ffffff80;padding:12px 24px;border-radius:100px;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.09);transition:all .22s ease}.btn-secondary:hover{background:#ffffff0f;color:#fff;border-color:#ffffff26;transform:translateY(-1px)}.error-message{padding:14px 18px;background:#f8717114;border:1px solid rgba(248,113,113,.25);color:#fca5a5;border-radius:12px;margin-bottom:20px;text-align:center;font-size:.88rem;line-height:1.5;box-shadow:0 0 20px #f8717114}.markdown-body{color:#c8d0e0;font-family:var(--font-sans);line-height:1.8;word-wrap:break-word}.markdown-body h1{font-size:1.4rem;font-weight:800;color:#e0e7ff;margin:0 0 14px;letter-spacing:-.03em;background:linear-gradient(135deg,#e0e7ff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-body h2{font-size:1.05rem;font-weight:700;color:#a5b4fc;margin:22px 0 9px}.markdown-body h3{font-size:.95rem;font-weight:600;color:#c084fc;margin:18px 0 7px}.markdown-body p{margin:0 0 12px}.markdown-body li{margin:5px 0}.markdown-body ul{padding-left:1.5em}.markdown-body strong{color:#c7d2fe;font-weight:700}.markdown-body table{border-collapse:collapse;width:100%;margin:14px 0}.markdown-body th,.markdown-body td{border:1px solid rgba(255,255,255,.08);padding:9px 14px;font-size:.87rem}.markdown-body th{background:#7c8fff12;font-weight:700;color:#a5b4fc}.markdown-body tr:hover td{background:#7c8fff08}.markdown-body blockquote{border-left:3px solid rgba(124,143,255,.5);padding-left:18px;color:#fff6;margin:14px 0;font-style:italic}.markdown-body code{padding:.2em .5em;font-size:.85em;background:#7c8fff1a;border-radius:5px;color:#a5b4fc;font-family:var(--font-mono);border:1px solid rgba(124,143,255,.15)}.markdown-body pre{background:#0a0c18cc;padding:18px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.07);overflow:auto;margin:14px 0;box-shadow:inset 0 2px 8px #0000004d}.markdown-body pre code{background:none;border:none;padding:0;color:#c8d0e0}.markdown-body a{color:#818cf8;text-decoration:underline;text-underline-offset:3px}