:root{color:#19312c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#19312c;--muted:#71807c;--line:#dfe5df;--paper:#fff;--canvas:#f4f6f1;--green:#126653;--green-dark:#0a4a3c;--green-soft:#e3f0eb;--orange:#e8793a;--danger:#bd3d39;background:#f4f6f1;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #12665347}::selection{color:#fff;background:var(--green)}#root{min-height:100vh}@font-face{font-family:SF Arabic;src:url(/assets/sf-arabic-regular-CpfmC9yg.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.app-shell{background:linear-gradient(#12665306 1px, transparent 1px), linear-gradient(90deg, #12665306 1px, transparent 1px), var(--canvas);background-size:42px 42px;min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid #19312c1c;justify-content:space-between;align-items:center;width:min(1160px,100% - 48px);height:82px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:.05em;align-items:center;gap:10px;font-size:20px;font-weight:750;text-decoration:none;display:inline-flex}.brand small{color:var(--green);letter-spacing:.1em;border:1px solid #12665352;border-radius:4px;margin-left:-5px;padding:2px 5px;font-size:9px;font-weight:800}.brand-mark{background:var(--green);border-radius:10px;justify-content:center;align-items:center;gap:2px;width:36px;height:36px;display:flex;box-shadow:0 7px 18px #12665333}.brand-mark i{background:#fff;border-radius:4px;width:3px}.brand-mark i:first-child{opacity:.72;height:9px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){opacity:.85;height:13px}.brand-mark i:nth-child(4){opacity:.62;height:6px}.server-pill{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;background:#ffffffb8;border-radius:100px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:650;transition:border-color .16s,background .16s;display:inline-flex}.server-pill:hover{background:#fff;border-color:#bac8c2}.server-pill.online{color:var(--green);background:#f2f8f5;border-color:#c9ded5}.server-pill.offline{color:var(--danger);background:#fff7f6;border-color:#eccdca}.server-pill .icon{width:14px;height:14px}.status-dot{background:#a6afac;border-radius:50%;width:7px;height:7px}.online .status-dot{background:#2da875;box-shadow:0 0 0 4px #2da8751f}.offline .status-dot{background:#d2514d}main{width:min(900px,100% - 48px);margin:0 auto}.intro{text-align:center;padding:76px 0 51px}.eyebrow{color:var(--green);letter-spacing:.2em;align-items:center;gap:8px;margin-bottom:23px;font-size:12px;font-weight:750;display:inline-flex}.eyebrow span{background:var(--orange);width:18px;height:1px}.intro h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-family:Songti SC,SimSun,serif;font-size:clamp(45px,6vw,70px);font-weight:700;line-height:1.12}.intro h1 em{color:var(--green);font-style:normal;position:relative}.intro h1 em:after{content:"";background:var(--orange);border-radius:4px;width:51%;height:4px;position:absolute;bottom:-6px;right:2px;transform:rotate(-1.5deg)}.intro>p{max-width:590px;color:var(--muted);margin:25px auto 0;font-size:15px;line-height:1.9}.trust-row{color:#52645f;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:23px;font-size:12px;display:flex}.trust-row span{align-items:center;gap:5px;display:inline-flex}.trust-row .icon{width:14px;height:14px;color:var(--green)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.workspace,.result-card{border:1px solid var(--line);background:#fffffff0;border-radius:20px;box-shadow:0 18px 55px #24423913}.workspace{position:relative}.workspace:before{content:"01";color:#fff;background:var(--green);letter-spacing:.08em;text-align:center;border-radius:6px;min-width:35px;padding:4px 8px;font:750 10px/1.4 ui-monospace,monospace;position:absolute;top:-13px;left:25px}.workspace-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:18px 22px 17px;display:flex}.tabs{background:#f1f4f1;border-radius:11px;gap:5px;padding:4px;display:flex}.tabs button{color:#6c7a76;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:13px;font-weight:650;transition:color .16s,background .16s,box-shadow .16s;display:inline-flex}.tabs button:disabled{cursor:not-allowed;opacity:.58}.tabs button.active{color:var(--green);background:#fff;box-shadow:0 2px 9px #19312c17}.tabs .icon{width:17px;height:17px}.language-label{color:#687874;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.language-label span{min-width:28px;color:var(--green);background:var(--green-soft);letter-spacing:.08em;text-align:center;border:1px solid #cbdcd5;border-radius:5px;padding:3px 5px;font:750 9px/1.4 ui-monospace,monospace}.workspace-body{padding:35px 42px 38px}.microphone-panel{flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.waveform{justify-content:center;align-items:center;gap:4px;height:78px;margin-bottom:5px;display:flex}.waveform span{background:#cad8d2;border-radius:4px;width:3px;min-height:6px;transition:height 70ms linear,background .18s}.waveform.live span{background:var(--green)}.record-time{min-width:82px;color:var(--green);background:var(--green-soft);letter-spacing:.08em;text-align:center;border-radius:100px;margin-bottom:16px;padding:5px 11px;font:650 13px/1.2 ui-monospace,monospace}.microphone-panel h2{color:var(--ink);margin:0;font-size:21px;font-weight:700}.microphone-panel>p{color:var(--muted);margin:9px 0 19px;font-size:13px}.live-caption{color:#29443d;text-align:right;direction:rtl;background:#f4f9f6;border:1px solid #c9ded5;border-radius:10px;align-items:flex-start;gap:9px;width:min(570px,100%);min-height:58px;margin:0 0 20px;padding:12px 15px;display:flex}.live-caption p{flex:1;margin:0;font-size:14px;line-height:1.7}.live-caption:not(.waiting) p{font-family:SF Arabic,sans-serif;font-size:17px}.live-caption.waiting p{color:#8a9893}.live-dot{background:#2da875;border-radius:50%;flex:none;width:7px;height:7px;margin-top:8px;animation:1.5s ease-in-out infinite live-pulse;box-shadow:0 0 0 4px #2da8751f}.live-caption>i{background:var(--green);flex:none;width:2px;height:17px;margin-top:3px;animation:.9s step-end infinite cursor-blink}@keyframes live-pulse{50%{opacity:.45}}@keyframes cursor-blink{50%{opacity:0}}.record-button,.primary-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:0 24px;font-size:14px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 9px 22px #12665333}.record-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px);box-shadow:0 11px 25px #12665340}.record-button:disabled,.primary-button:disabled{cursor:not-allowed;box-shadow:none;opacity:.48}.record-button.stop{background:#a9403c;box-shadow:0 9px 22px #a9403c2e}.record-button .icon{width:18px;height:18px}.stop-square{background:#fff;border-radius:2px;width:12px;height:12px}.demo-note{color:#98a49f;margin-top:12px;font-size:10px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.upload-panel{flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.drop-zone{cursor:pointer;background:#fafbf9;border:1.5px dashed #b9c9c2;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:min(540px,100%);min-height:190px;padding:28px;transition:border-color .16s,background .16s,transform .16s;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--green);background:#f3f8f5}.drop-zone.dragging{transform:scale(1.01)}.drop-zone.has-file{background:#f6faf8;border-style:solid;border-color:#c7ddd4}.upload-icon{width:48px;height:48px;color:var(--green);background:var(--green-soft);border-radius:13px;place-items:center;margin-bottom:13px;display:grid}.upload-icon .icon{width:23px;height:23px}.drop-zone strong{max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.drop-zone>span:last-child{color:var(--muted);margin-top:7px;font-size:12px}.format-note{color:#87938f;margin:13px 0 19px;font-size:11px}.format-note span{color:var(--green);background:var(--green-soft);border-radius:4px;margin-right:5px;padding:2px 5px;font:700 9px ui-monospace,monospace}.primary-button{min-width:132px}.error-banner{color:#9d3e39;background:#fff8f7;border:1px solid #efd0cd;border-radius:9px;justify-content:center;align-items:baseline;gap:10px;margin-top:19px;padding:12px 15px;font-size:12px;display:flex}.error-banner strong{flex:none}.result-card{margin-top:24px;overflow:hidden;box-shadow:0 8px 32px #2442390b}.result-card.has-result{border-color:#cdded7}.result-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:17px 25px;display:flex}.result-head>div{align-items:center;gap:11px;display:flex}.result-head h2{color:var(--ink);margin:0;font-size:15px}.section-number{min-width:35px;color:var(--green);background:var(--green-soft);letter-spacing:.08em;text-align:center;border:1px solid #cbdcd5;border-radius:6px;padding:4px 8px;font:750 10px/1.4 ui-monospace,monospace}.copy-button{border:1px solid var(--line);color:#5f706b;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.copy-button:hover{color:var(--green);border-color:#bfd5cc}.copy-button .icon{width:15px;height:15px}.empty-result{color:#97a39f;flex-direction:column;justify-content:center;align-items:center;min-height:170px;font-size:12px;display:flex}.empty-lines{flex-direction:column;gap:5px;width:38px;margin-bottom:12px;display:flex}.empty-lines i{background:#d2dad6;border-radius:2px;height:2px}.empty-lines i:nth-child(2){width:75%}.empty-lines i:nth-child(3){width:45%}.empty-result p{margin:0}.transcript{padding:27px 28px 23px}.transcript>p{color:#263d37;text-align:right;white-space:pre-wrap;direction:rtl;margin:0;font-family:SF Arabic,sans-serif;font-size:20px;line-height:1.8}.result-meta{color:#899691;border-top:1px solid #edf0ed;flex-wrap:wrap;gap:18px;margin-top:23px;padding-top:15px;font-size:10px;display:flex}.result-meta span:not(:first-child):before{content:"·";color:#c4ceca;margin-right:18px}footer{color:#8e9b97;border-top:1px solid #19312c1c;justify-content:space-between;width:min(1160px,100% - 48px);margin:59px auto 0;padding:23px 0 30px;font-size:10px;display:flex}@media (width<=700px){.topbar,main,footer{width:min(100% - 28px,900px)}.topbar{height:70px}.intro{padding:52px 0 39px}.intro h1{font-size:clamp(39px,12vw,54px)}.intro>p{font-size:13px}.trust-row{gap:10px 15px}.workspace-head{flex-direction:column-reverse;align-items:stretch;padding:22px 14px 14px}.language-label{justify-content:flex-end}.tabs button{flex:1;justify-content:center}.workspace-body{padding:24px 17px 28px}.microphone-panel,.upload-panel{min-height:330px}.waveform{gap:3px}.waveform span{width:2px}.error-banner{flex-direction:column;align-items:flex-start}.transcript{padding:22px 19px 19px}.transcript>p{font-size:18px}footer{flex-direction:column;gap:6px;margin-top:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}