:root{--navy: #0e1c30;--panel: #16243a;--field: #0e1c30;--amber: #efae3c;--cream: #f2ece0;--slate: #8a93a3;--border: #3a4a60;--on-amber: #16203a;--danger: #e0654b;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--navy);color:var(--cream);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.app{max-width:1000px;margin:0 auto;padding:28px 18px 56px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.header{text-align:center;margin:8px 0 30px}.brand{font-size:clamp(1.9rem,6vw,2.6rem);font-weight:800;margin:0;letter-spacing:-.5px}.brand .accent{color:var(--amber)}.subtitle{color:var(--slate);margin:6px 0 0;font-size:clamp(.95rem,3.5vw,1.05rem)}.panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:820px){.panels{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.card-title{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:1.25rem;font-weight:700}.card-title .ico{font-size:1.3rem}label.field-label{display:block;color:var(--slate);font-size:.85rem;margin:16px 0 8px}textarea,select{width:100%;background:var(--field);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:inherit;font-size:1rem;line-height:1.7}textarea{min-height:120px;resize:vertical}textarea::placeholder{color:var(--slate)}textarea:focus,select:focus{outline:none;border-color:var(--amber)}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{flex:1 1 auto;min-height:44px;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--field);color:var(--cream);font-family:inherit;font-size:.95rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.seg button.active{background:var(--amber);color:var(--on-amber);border-color:var(--amber);font-weight:700}.btn{width:100%;min-height:50px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:filter .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--amber);color:var(--on-amber)}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--rec{background:var(--field);color:var(--danger);border:1px solid var(--danger)}.btn-row{margin-top:18px}.meter{display:flex;align-items:center;justify-content:center;gap:5px;height:60px;margin-bottom:14px}.meter span{width:7px;min-height:6px;background:var(--amber);border-radius:4px;transition:height 45ms linear}.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--danger);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.result{margin-top:18px;padding:16px;background:var(--field);border:1px solid var(--border);border-radius:var(--radius-sm)}.result audio{width:100%;margin-top:12px}.transcript{font-size:1.25rem;line-height:1.9;color:var(--cream)}.finglish-line{color:var(--slate);font-size:.95rem;margin-bottom:4px}.finglish-line b{color:var(--cream);font-weight:500}.muted{color:var(--slate);font-size:.95rem}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--slate);border:1px solid var(--border);border-radius:999px;padding:3px 10px;margin-bottom:10px}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--amber)}.banner{padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:20px;text-align:center}.banner.error{background:var(--panel);border:1px solid var(--danger);color:var(--cream)}.error{color:var(--danger);font-size:.9rem;margin-top:10px}.loading{text-align:center;color:var(--slate);padding:48px 0}.footer{text-align:center;color:var(--slate);font-size:.82rem;margin-top:34px}code{font-family:Vazirmatn,monospace;background:var(--panel);padding:2px 6px;border-radius:6px;color:var(--amber);direction:ltr;display:inline-block}.warmup{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px;font-size:14px;color:var(--cream)}.warmup-text{flex:1 1 260px;line-height:1.8}.warmup-text b{color:var(--amber)}.warmup-note{color:var(--slate);margin-inline-start:6px}.warmup--cold,.warmup--warming{border-color:var(--amber)}.warmup--warming{flex-direction:column;align-items:stretch;gap:8px}.warmup-head{display:flex;align-items:center;gap:6px}.warmup-head b{color:var(--amber);margin-inline-start:auto}.warmup-bar{height:10px;background:#00000047;border:1px solid var(--border);border-radius:999px;overflow:hidden}.warmup-bar-fill{height:100%;background:var(--amber);border-radius:999px;transition:width 1s linear}.warmup--ready{border-color:var(--border);color:var(--slate)}.warmup--ready .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-inline-end:6px}.btn--warmup{background:var(--amber);color:var(--on-amber);font-weight:700;white-space:nowrap}.btn--warmup:hover:not(:disabled){filter:brightness(1.06)}.spinner{display:inline-block;width:14px;height:14px;vertical-align:-2px;border:2px solid var(--border);border-top-color:var(--amber);border-radius:50%;margin-inline-end:8px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gpu-tag{color:var(--amber);margin-inline-start:5px;font-size:.85em}