:root{--bg-app: #090d16;--bg-mesh: radial-gradient(circle at 15% 15%, rgba(56, 189, 248, .08) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(250, 204, 21, .05) 0%, transparent 40%);--bg-surface: rgba(18, 26, 38, .75);--bg-surface-elevated: rgba(30, 41, 59, .85);--bg-surface-hover: rgba(51, 65, 85, .9);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #38bdf8;--accent-primary-hover: #0ea5e9;--accent-gold: #facc15;--accent-gold-glow: rgba(250, 204, 21, .4);--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-cyan: #06b6d4;--border-subtle: rgba(255, 255, 255, .1);--border-focus: #38bdf8;--border-active: rgba(56, 189, 248, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .65);--shadow-glow: 0 0 24px rgba(56, 189, 248, .25);--font-sans: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic: "Cairo", "Amiri", "Traditional Arabic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[dir=rtl]{font-family:var(--font-arabic),var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);background-image:var(--bg-mesh);background-attachment:fixed;color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.basira-header{height:68px;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #00000040}.brand-container{display:flex;align-items:center;gap:12px}.brand-logo{font-size:1.75rem;filter:drop-shadow(0 0 10px rgba(56,189,248,.4))}.brand-title{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-badge{font-size:.75rem;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--accent-primary);padding:3px 10px;border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:12px}.basira-main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.9rem;font-weight:600;padding:9px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(56,189,248,.3);box-shadow:0 4px 14px #0284c759}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 6px 20px #0ea5e980;transform:translateY(-1px)}.btn-secondary{background:#1e293bb3;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-active);transform:translateY(-1px)}.btn-hero{padding:13px 26px;font-size:1.05rem;border-radius:var(--radius-lg);font-weight:700}.btn-icon-only{width:42px;height:42px;padding:0;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.2rem;display:flex;align-items:center;justify-content:center}.btn-icon-only:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.basira-status-bar{padding:10px 24px;font-size:.88rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;background:#0f172af2;border-bottom:1px solid var(--border-subtle);animation:slideDown .2s ease-out;z-index:40}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.status-info{color:var(--accent-primary)}.status-success{color:var(--accent-emerald)}.status-warn{color:var(--accent-gold)}.status-error{color:var(--accent-rose)}.status-progress-track{width:160px;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-left:16px}.status-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-gold));transition:width .2s ease-out}.basira-modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{position:relative;width:100%;max-width:480px;background:#131c2a;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;animation:modalPop .22s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2,.modal-header h3{font-size:1.25rem;font-weight:700}.modal-body{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.88rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.form-select{width:100%;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;outline:none}.form-select:focus{border-color:var(--border-focus)}.color-presets{display:flex;gap:12px}.color-dot{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.color-dot:hover{transform:scale(1.15)}.color-dot.is-yellow{background:#facc15}.color-dot.is-cyan{background:#00e5ff}.color-dot.is-green{background:#00e676}.color-dot.is-pink{background:#ff4081}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end}.is-hidden{display:none!important}.basira-viewer-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:auto;min-height:440px}.basira-doc-toolbar{position:absolute;top:18px;z-index:35;display:flex;align-items:center;gap:8px;padding:6px 14px;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:0 8px 32px #00000073;animation:fadeInDown .25s ease-out}@keyframes fadeInDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar-separator{width:1px;height:20px;background:#ffffff1f;margin:0 4px}.btn-tool{background:#1e293bb3;color:var(--text-primary);border:1px solid transparent;padding:5px 10px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.btn-tool:hover{background:var(--bg-surface-hover);border-color:var(--border-active);color:var(--accent-primary);transform:translateY(-1px)}.select-filter{background:#1e293bd9;color:var(--text-primary);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;outline:none;cursor:pointer}.select-filter:focus{border-color:var(--accent-primary)}.basira-placeholder{max-width:640px;text-align:center;padding:48px 36px;background:#121a26cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.15);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.placeholder-icon{font-size:3.5rem;margin-bottom:12px;filter:drop-shadow(0 0 16px rgba(56,189,248,.4))}.placeholder-content h2{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;margin-bottom:10px;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.placeholder-content p{color:var(--text-secondary);font-size:.98rem;line-height:1.6;margin-bottom:26px}.placeholder-actions{display:flex;justify-content:center;gap:16px;margin-bottom:28px}.placeholder-samples{margin-bottom:28px;display:flex;flex-direction:column;align-items:center;gap:10px}.samples-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sample-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.btn-sm{padding:7px 14px;font-size:.84rem;border-radius:var(--radius-full)}.placeholder-features{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.feat-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.78rem;font-weight:500;color:var(--text-secondary)}.basira-reader-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-top:40px;padding-bottom:20px}.basira-image-box{position:relative;display:inline-block;max-width:90vw;max-height:calc(100vh - 280px);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 16px 48px #000000bf,0 0 0 1px #ffffff1a;background:#000}.basira-image-box img{display:block;max-width:100%;max-height:calc(100vh - 280px);width:auto;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .2s ease}.filter-high-contrast{filter:contrast(180%) grayscale(100%) brightness(105%)}.filter-dark-room{filter:invert(100%) hue-rotate(180%) contrast(140%) brightness(95%)}.filter-sepia{filter:sepia(70%) contrast(115%) brightness(95%)}.basira-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.basira-word-hitbox{position:absolute;pointer-events:auto;cursor:pointer;border-radius:4px;background:transparent;transition:background .15s ease,box-shadow .15s ease}.basira-word-hitbox:hover{background:#38bdf82e;box-shadow:0 0 0 2px #38bdf899}.basira-live-highlight{position:absolute;pointer-events:none;z-index:25;box-shadow:0 0 20px var(--accent-gold-glow),inset 0 0 10px #facc154d;animation:pulseGlow 1.8s infinite ease-in-out}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 6px rgba(250,204,21,.6))}50%{filter:drop-shadow(0 0 14px rgba(250,204,21,.9))}}.basira-diag-box{position:absolute;border:1px dashed rgba(56,189,248,.6);background:#38bdf814;pointer-events:auto;box-sizing:border-box}.basira-diag-box.is-active{border:2px solid var(--accent-gold);background:#facc1540;z-index:30}.basira-diag-badge{position:absolute;top:-16px;left:0;background:#0284c7;color:#fff;font-size:9px;font-family:var(--font-mono);padding:1px 4px;border-radius:2px;white-space:nowrap;pointer-events:none}.magnifier-hud-container{width:100%;max-width:860px;margin-top:14px;z-index:30}.basira-magnifier-hud{background:#0f172ae0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-lg);padding:14px 24px;box-shadow:var(--shadow-lg),0 0 24px #38bdf826;transition:all .2s ease}.hud-inner.is-idle{text-align:center;color:var(--text-secondary);font-size:.92rem}.hud-prompt{display:flex;align-items:center;justify-content:center;gap:10px}.hud-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hud-badge-lang{font-size:.76rem;font-weight:700;background:#38bdf82e;color:var(--accent-primary);padding:2px 8px;border-radius:var(--radius-full)}.hud-progress-text{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.hud-stream{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.45rem;font-weight:600;min-height:48px}.hud-inner.is-rtl .hud-stream{font-family:var(--font-arabic);font-size:1.8rem}.hud-word.is-dim{color:var(--text-muted);opacity:.4;font-size:1.1rem}.hud-word.is-context{color:var(--text-secondary);opacity:.8;font-size:1.25rem}.hud-word.is-active{color:var(--accent-gold);font-weight:800;font-size:1.7rem;text-shadow:0 0 16px rgba(250,204,21,.6);padding:2px 10px;background:#facc151f;border-radius:var(--radius-sm);border:1px solid rgba(250,204,21,.3)}.hud-inner.is-rtl .hud-word.is-active{font-size:2.1rem}.hud-progress-bar{width:100%;height:4px;background:#ffffff14;border-radius:var(--radius-full);margin-top:10px;overflow:hidden}.hud-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-gold));transition:width .15s ease-out}.basira-controls-container{height:80px;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 28px;position:sticky;bottom:0;z-index:50;box-shadow:0 -4px 20px #00000040}.basira-controls-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.controls-playback{display:flex;align-items:center;gap:8px}.btn-ctrl{padding:10px 18px;border-radius:var(--radius-md);font-size:.95rem;font-weight:700}.btn-play{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.4);box-shadow:0 4px 14px #10b98159}.btn-play:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #34d39980;transform:translateY(-1px)}.btn-pause{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(245,158,11,.4)}.btn-stop{background:#1e293bb3;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-icon-step{width:38px;height:38px;padding:0;border-radius:var(--radius-full);background:#1e293b99;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.88rem;display:flex;align-items:center;justify-content:center}.btn-icon-step:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.controls-visualizer{display:flex;align-items:center;gap:3px;height:28px;padding:0 12px}.viz-bar{width:3px;height:6px;background:var(--text-muted);border-radius:var(--radius-full);transition:height .15s ease,background .15s ease}.controls-visualizer.is-active .viz-bar{background:var(--accent-primary);animation:bounceBar .8s infinite ease-in-out alternate}.controls-visualizer.is-active .bar-1{animation-delay:0s;height:16px}.controls-visualizer.is-active .bar-2{animation-delay:.2s;height:24px;background:var(--accent-gold)}.controls-visualizer.is-active .bar-3{animation-delay:.1s;height:12px}.controls-visualizer.is-active .bar-4{animation-delay:.3s;height:26px;background:var(--accent-gold)}.controls-visualizer.is-active .bar-5{animation-delay:.15s;height:18px}.controls-visualizer.is-active .bar-6{animation-delay:.25s;height:22px}.controls-visualizer.is-active .bar-7{animation-delay:.05s;height:14px}.controls-visualizer.is-active .bar-8{animation-delay:.35s;height:10px}@keyframes bounceBar{0%{transform:scaleY(.4)}to{transform:scaleY(1.4)}}.controls-options{display:flex;align-items:center;gap:16px}.option-item{display:flex;flex-direction:column;gap:4px}.option-label{font-size:.74rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em}.option-select{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);padding:7px 12px;border-radius:var(--radius-md);font-size:.86rem;font-weight:500;outline:none;cursor:pointer}.option-select:focus{border-color:var(--accent-primary)}.speed-group{min-width:190px}.speed-header{display:flex;align-items:center;justify-content:space-between}.speed-badge{color:var(--accent-gold);font-family:var(--font-mono);font-weight:700}.speed-presets{display:flex;gap:3px}.btn-speed-preset{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.7rem;font-weight:700;padding:1px 4px;border-radius:4px;cursor:pointer}.btn-speed-preset:hover,.btn-speed-preset.is-active{color:var(--accent-primary);border-color:#38bdf84d;background:#38bdf81a}.option-range{width:100%;accent-color:var(--accent-primary);cursor:pointer}.controls-utils{display:flex;align-items:center}.camera-card{width:100%;max-width:560px}.camera-stream-wrapper{position:relative;width:100%;height:340px;background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px}.camera-stream-wrapper video{width:100%;height:100%;object-fit:cover}.camera-guidelines{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:2px dashed rgba(56,189,248,.6);border-radius:var(--radius-md);pointer-events:none}.camera-footer{display:flex;justify-content:center}@media(max-width:960px){.basira-controls-container{height:auto;padding:14px}.basira-controls-bar{flex-wrap:wrap}.controls-options{flex-wrap:wrap;width:100%}.controls-visualizer{display:none}}