.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:var(--topbar-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);transition:background .25s var(--ease),border-color .25s var(--ease)}.topbar-inner{max-width:1280px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.brand-mark{width:40px;height:40px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 50%,var(--cyan) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow)}.brand-text{display:flex;flex-direction:column;gap:.1rem}.brand-name{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}.brand-tag{font-size:.72rem;color:var(--text-tertiary);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:.5rem}.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary)}.status-pill.is-online{border-color:#34d39940;background:var(--success-subtle);color:var(--success)}.status-pill.is-online .status-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.status-pill.is-offline{border-color:#fbbf2440;background:var(--warning-subtle);color:var(--warning)}.status-pill.is-offline .status-dot{background:var(--warning)}.status-pill.is-pending .status-dot{animation:pulse 1.2s ease infinite}.icon-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.icon-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-surface)}.icon-btn.active{border-color:var(--accent);color:var(--accent-light);background:var(--accent-subtle)}.workspace{flex:1;display:flex;max-width:1280px;width:100%;margin:0 auto;position:relative}.studio{flex:1;padding:1.5rem 1.5rem 5rem;min-width:0}.hero-strip{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}.hero-copy h1{margin:.35rem 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.04em;line-height:1.15;background:linear-gradient(180deg,var(--hero-gradient-top) 0%,var(--hero-gradient-bottom) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-copy p{margin:0;font-size:.95rem;color:var(--text-secondary);max-width:420px;line-height:1.5}.eyebrow{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-light)}.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border)}.alert-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;margin-bottom:1.25rem;border-radius:var(--radius);background:var(--warning-subtle);border:1px solid rgba(251,191,36,.2)}.alert-banner.alert-info{background:#6366f11a;border-color:#6366f140}.alert-banner.alert-info .alert-icon{color:var(--accent-light)}.alert-icon{color:var(--warning);flex-shrink:0;margin-top:.1rem}.alert-body strong{display:block;font-size:.88rem;margin-bottom:.25rem}.alert-body p{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.alert-close{margin-left:auto;flex-shrink:0}.studio-grid{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;align-items:start}@media(max-width:960px){.studio-grid{grid-template-columns:1fr}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.card-title{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.card-title h2{margin:0;font-size:.9rem;font-weight:600;color:var(--text)}.card-subtitle{margin:.15rem 0 0;font-size:.72rem;font-weight:400;color:var(--text-tertiary)}.card-editor{display:flex;flex-direction:column}.lang-switch{display:flex;padding:3px;gap:2px;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border)}.lang-switch button{padding:.35rem .7rem;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);font-size:.82rem;font-weight:600;transition:all .2s var(--ease)}.lang-switch button:hover:not(.active){color:var(--text-secondary)}.lang-switch button.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.editor-wrap{position:relative;flex:1;min-height:280px}.editor-wrap.has-read-along{background:var(--bg-elevated)}.editor-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.read-along{min-height:280px;max-height:420px;overflow-y:auto;padding:1.25rem;font-size:1.15rem;line-height:2;scroll-behavior:smooth}.read-along.is-live{background:var(--read-along-bg)}.read-space{white-space:pre-wrap}.read-word{display:inline;border-radius:6px;padding:.1em .2em;margin:0 .05em;transition:background .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),opacity .45s ease}.read-word--idle{color:var(--text)}.read-word--pending{color:var(--text-tertiary);opacity:.55}.read-word--spoken{color:var(--text-secondary);opacity:.85}.read-word--active{color:var(--text);background:var(--read-word-active-bg);box-shadow:0 0 0 1px #818cf873,0 4px 20px #6366f140;transform:scale(1.06);opacity:1}.editor{width:100%;min-height:280px;padding:1.25rem;border:none;background:transparent;color:var(--text);font-size:1.05rem;line-height:1.7;resize:vertical;display:block}.editor:focus{outline:none}.editor::placeholder{color:var(--text-tertiary)}.wave-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.5rem;background:linear-gradient(180deg,transparent 40%,var(--wave-overlay-end) 100%);opacity:.6}.wave-overlay.is-playing{opacity:1}.wave-bars{display:flex;align-items:flex-end;gap:3px;height:48px}.wave-bars span{width:4px;height:8px;border-radius:2px;background:linear-gradient(180deg,var(--accent-light),var(--cyan));animation:wave .8s ease-in-out infinite alternate}.wave-overlay:not(.is-playing) .wave-bars span{animation:wave-slow 1.2s ease-in-out infinite alternate}@keyframes wave{0%{height:8px;opacity:.5}to{height:40px;opacity:1}}@keyframes wave-slow{0%{height:6px}to{height:20px}}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-top:1px solid var(--border);flex-wrap:wrap}.char-meter{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:500;font-variant-numeric:tabular-nums}.char-count{color:var(--text-secondary)}.char-unlimited{padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--success);background:var(--success-subtle);border:1px solid rgba(52,211,153,.2)}.char-ring{width:28px;height:28px;transform:rotate(-90deg)}.char-ring-bg{fill:none;stroke:var(--bg-elevated);stroke-width:3}.char-ring-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s var(--ease)}.toolbar-actions{display:flex;gap:.25rem}.btn-text{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.btn-text:hover:not(:disabled){background:var(--bg-elevated);color:var(--text)}.btn-text-danger:hover:not(:disabled){color:var(--danger);background:var(--danger-subtle)}.btn-text:disabled{opacity:.35;cursor:not-allowed}.toast-error{display:flex;align-items:center;gap:.5rem;margin:0 1.25rem 1rem;padding:.65rem .85rem;border-radius:var(--radius-sm);background:var(--danger-subtle);border:1px solid rgba(248,113,113,.25);color:var(--danger);font-size:.85rem}.sidebar{display:flex;flex-direction:column;gap:1rem}.card-voices .card-head,.card-controls .card-head{padding:.875rem 1rem}.voice-grid{display:grid;grid-template-columns:1fr;gap:.35rem;padding:.5rem;max-height:320px;overflow-y:auto}.voice-card-wrap{display:flex;align-items:stretch;gap:.35rem;border-radius:var(--radius);border:1px solid transparent;transition:border-color .2s,background .2s}.voice-card-wrap.selected{border-color:#6366f159;background:var(--accent-subtle)}.voice-card-wrap:hover:not(.selected){background:var(--bg-elevated)}.voice-grid::-webkit-scrollbar{width:6px}.voice-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.voice-card{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;padding:.65rem .5rem .65rem .75rem;border:none;border-radius:var(--radius);background:transparent;color:inherit;text-align:left;position:relative}.voice-preview-btn{flex-shrink:0;width:40px;margin:.35rem .35rem .35rem 0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--accent-light);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s,transform .15s}.voice-preview-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-subtle);transform:scale(1.04)}.voice-preview-btn.playing{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 16px var(--accent-glow)}.voice-preview-btn:disabled{opacity:.45;cursor:not-allowed}.spinner-sm{width:16px;height:16px;border-width:2px}.voice-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--accent-light);flex-shrink:0}.voice-card-wrap.selected .voice-avatar{background:linear-gradient(135deg,var(--accent),#4f46e5);border-color:transparent;color:#fff}.voice-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.voice-name{font-size:.88rem;font-weight:600}.voice-meta{font-size:.72rem;color:var(--text-tertiary)}.voice-check{width:8px;height:8px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 10px var(--accent);flex-shrink:0}.card-controls{padding-bottom:1rem}.speed-control{padding:0 1rem 1rem}.speed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;font-size:.82rem;color:var(--text-secondary)}.speed-value{font-weight:700;color:var(--accent-light);font-variant-numeric:tabular-nums}.range{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elevated);border-radius:3px;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-light),var(--accent));border:2px solid var(--bg-base);box-shadow:0 2px 8px var(--accent-glow);cursor:pointer;transition:transform .15s}.range::-webkit-slider-thumb:hover{transform:scale(1.08)}.range-ticks{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.68rem;color:var(--text-tertiary)}.cta-stack{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.btn-generate{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.25rem;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%);box-shadow:0 4px 20px var(--accent-glow);transition:transform .15s var(--ease),box-shadow .2s,opacity .2s}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px var(--accent-glow)}.btn-generate:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-arrow{opacity:.7;margin-left:auto}.btn-download{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);font-size:.88rem;font-weight:600;transition:border-color .2s,background .2s}.btn-download:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-surface)}.btn-download:disabled{opacity:.4;cursor:not-allowed}.selected-preview{display:flex;align-items:center;gap:.4rem;margin:.75rem 1rem 0;padding:.5rem .65rem;border-radius:var(--radius-sm);background:var(--cyan-subtle);border:1px solid rgba(34,211,238,.15);font-size:.75rem;color:var(--cyan)}.spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.history-panel{width:0;overflow:hidden;border-left:1px solid transparent;background:var(--bg-surface);transition:width .3s var(--ease),border-color .3s;flex-shrink:0}.history-panel.open{width:300px;border-left-color:var(--border)}.history-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border)}.history-head h3{margin:0;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:.4rem;color:var(--text-secondary)}.history-empty{padding:1.5rem 1rem;margin:0;font-size:.82rem;color:var(--text-tertiary);line-height:1.5}.history-items{list-style:none;margin:0;padding:.5rem;overflow-y:auto;max-height:calc(100vh - 120px)}.history-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem .5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;text-align:left;transition:background .15s}.history-item:hover{background:var(--bg-elevated)}.history-badge{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.history-badge.en{background:var(--accent-subtle);color:var(--accent-light)}.history-badge.hi{background:var(--cyan-subtle);color:var(--cyan)}.history-badge.ur{background:var(--urdu-badge-bg);color:var(--urdu-badge-text);font-size:.65rem}.history-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.history-snippet{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-voice{font-size:.7rem;color:var(--text-tertiary)}.history-chevron{color:var(--text-tertiary);flex-shrink:0}.player-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;border-top:1px solid var(--border);background:var(--player-bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slide-up .3s var(--ease);transition:background .25s var(--ease),border-color .25s var(--ease)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.player-inner{max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem}.player-indicator{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent-light);display:flex;align-items:center;justify-content:center}.player-indicator.live{animation:pulse-glow 1.5s ease infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}.player-label{flex:1;font-size:.88rem;font-weight:500;color:var(--text-secondary)}.player-stop{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-size:.82rem;font-weight:600}.player-stop:hover{border-color:var(--border-strong)}.site-footer{padding:1rem 1.5rem 1.5rem;text-align:center;font-size:.72rem;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.footer-divider{opacity:.4}@media(max-width:640px){.topbar-inner,.studio{padding-left:1rem;padding-right:1rem}.hero-strip{flex-direction:column;align-items:flex-start}.history-panel.open{position:fixed;right:0;bottom:0;left:0;top:57px;width:100%;z-index:80}.brand-tag{display:none}}@media(min-width:600px)and (max-width:960px){.voice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.status-text{display:none}.status-pill{padding:.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%}}:root,[data-theme=dark]{--bg-base: #09090b;--bg-surface: #111113;--bg-elevated: #18181b;--bg-overlay: rgba(24, 24, 27, .72);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--border-focus: rgba(99, 102, 241, .55);--text: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .35);--accent-subtle: rgba(99, 102, 241, .12);--cyan: #22d3ee;--cyan-subtle: rgba(34, 211, 238, .12);--success: #34d399;--success-subtle: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-subtle: rgba(251, 191, 36, .12);--danger: #f87171;--danger-subtle: rgba(248, 113, 113, .12);--urdu-badge-bg: rgba(167, 139, 250, .12);--urdu-badge-text: #c4b5fd;--topbar-bg: rgba(9, 9, 11, .75);--player-bar-bg: rgba(17, 17, 19, .9);--hero-gradient-top: #ffffff;--hero-gradient-bottom: #a1a1aa;--wave-overlay-end: rgba(9, 9, 11, .85);--read-along-bg: linear-gradient( 180deg, rgba(99, 102, 241, .06) 0%, transparent 30%, transparent 70%, rgba(34, 211, 238, .04) 100% );--read-word-active-bg: linear-gradient(135deg, rgba(99, 102, 241, .35), rgba(34, 211, 238, .2));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 48px var(--accent-glow);--body-glow-1: rgba(99, 102, 241, .22);--body-glow-2: rgba(34, 211, 238, .1);--body-glow-3: rgba(99, 102, 241, .08);--noise-opacity: .4;color-scheme:dark}[data-theme=light]{--bg-base: #f4f4f5;--bg-surface: #ffffff;--bg-elevated: #f4f4f5;--bg-overlay: rgba(255, 255, 255, .85);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--border-focus: rgba(79, 70, 229, .45);--text: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--accent: #4f46e5;--accent-light: #6366f1;--accent-glow: rgba(79, 70, 229, .25);--accent-subtle: rgba(99, 102, 241, .1);--cyan: #0891b2;--cyan-subtle: rgba(8, 145, 178, .1);--success: #059669;--success-subtle: rgba(5, 150, 105, .1);--warning: #d97706;--warning-subtle: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-subtle: rgba(220, 38, 38, .08);--urdu-badge-bg: rgba(124, 58, 237, .1);--urdu-badge-text: #7c3aed;--topbar-bg: rgba(255, 255, 255, .88);--player-bar-bg: rgba(255, 255, 255, .94);--hero-gradient-top: #18181b;--hero-gradient-bottom: #71717a;--wave-overlay-end: rgba(244, 244, 245, .92);--read-along-bg: linear-gradient( 180deg, rgba(99, 102, 241, .08) 0%, transparent 30%, transparent 70%, rgba(8, 145, 178, .06) 100% );--read-word-active-bg: linear-gradient(135deg, rgba(99, 102, 241, .22), rgba(8, 145, 178, .15));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 8px 24px rgba(0, 0, 0, .08);--shadow-glow: 0 0 32px var(--accent-glow);--body-glow-1: rgba(99, 102, 241, .14);--body-glow-2: rgba(8, 145, 178, .08);--body-glow-3: rgba(99, 102, 241, .06);--noise-opacity: .12;color-scheme:light}:root{--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font: "Instrument Sans", system-ui, sans-serif;--font-hindi: "Noto Sans Devanagari", var(--font);--font-urdu: "Noto Nastaliq Urdu", "Noto Sans Arabic", var(--font);--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg-base);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s var(--ease),color .25s var(--ease)}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;transition:opacity .25s var(--ease)}body:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 60% at 10% -10%,var(--body-glow-1),transparent 55%),radial-gradient(ellipse 70% 50% at 95% 20%,var(--body-glow-2),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,var(--body-glow-3),transparent 60%)}body:after{top:0;right:0;bottom:0;left:0;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}button,input,textarea,select{font-family:inherit}button{cursor:pointer}::selection{background:var(--accent-subtle);color:var(--text)}textarea.hindi{font-family:var(--font-hindi)}textarea.urdu{font-family:var(--font-urdu);line-height:1.9}code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.85em;padding:.15em .4em;background:var(--bg-elevated);border-radius:4px;color:var(--cyan)}