@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100%;font-size:16px}body{height:100%;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}#app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}[data-theme=obsidian-jade]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-nav:#0a0a0a;--border:#222;--border-light:#2a2a2a;--accent:#2dbd9e;--accent-dim:#0d3d30;--accent-hover:#35d4b2;--accent2:#c8a84b;--accent2-dim:#2a1e08;--text-primary:#f0f0f0;--text-secondary:#8a9a8a;--text-muted:#3a4a3a;--danger:#e05555;--danger-dim:#2a0808;--warn:#e8a020;--warn-dim:#2a1e08;--success:#7ec940;--success-dim:#1a2c0d;--shadow:0 4px 24px #0009;--shadow-sm:0 2px 8px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=obsidian-silver]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-nav:#0a0a0a;--border:#2a2a2a;--border-light:#333;--accent:#c8c8c8;--accent-dim:#1a1a1a;--accent-hover:#e0e0e0;--accent2:#888;--accent2-dim:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#888;--text-muted:#444;--danger:#e05555;--danger-dim:#2a0808;--warn:#e8a020;--warn-dim:#2a1e08;--success:#7ec940;--success-dim:#1a2c0d;--shadow:0 4px 24px #0009;--shadow-sm:0 2px 8px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=dark-jade]{--bg-primary:#0f1a2e;--bg-secondary:#162238;--bg-tertiary:#1e2d48;--bg-nav:#0a1525;--border:#1e3050;--border-light:#243a60;--accent:#2dbd9e;--accent-dim:#0d3d30;--accent-hover:#35d4b2;--accent2:#c8a84b;--accent2-dim:#2a1e08;--text-primary:#e8eff8;--text-secondary:#8ba3c4;--text-muted:#4a6a94;--danger:#e05555;--danger-dim:#2a0808;--warn:#e8a020;--warn-dim:#2a1e08;--success:#7ec940;--success-dim:#1a2c0d;--shadow:0 4px 24px #00000080;--shadow-sm:0 2px 8px #0000004d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=light-jade]{--bg-primary:#f4f7f2;--bg-secondary:#fff;--bg-tertiary:#e8ede5;--bg-nav:#e8ede5;--border:#d4ddd0;--border-light:#c4d0c0;--accent:#1a8c72;--accent-dim:#d4edd8;--accent-hover:#15796200;--accent2:#b8860b;--accent2-dim:#fff3cd;--text-primary:#1a2e1a;--text-secondary:#4a6b4a;--text-muted:#7a9a7a;--danger:#c0392b;--danger-dim:#fdecea;--warn:#d4820a;--warn-dim:#fff3cd;--success:#2e7d32;--success-dim:#e8f5e9;--shadow:0 4px 24px #0000001a;--shadow-sm:0 2px 8px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=navy-amber]{--bg-primary:#0d1b2a;--bg-secondary:#162032;--bg-tertiary:#1e2d40;--bg-nav:#091422;--border:#1e2d40;--border-light:#263a50;--accent:#e8a020;--accent-dim:#2a1e08;--accent-hover:#f0b030;--accent2:#5b9bd5;--accent2-dim:#0a1e35;--text-primary:#eef2f7;--text-secondary:#8ba8c4;--text-muted:#4a6a8a;--danger:#e05555;--danger-dim:#2a0808;--warn:#e8a020;--warn-dim:#2a1e08;--success:#7ec940;--success-dim:#1a2c0d;--shadow:0 4px 24px #00000080;--shadow-sm:0 2px 8px #0000004d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}body{background-color:var(--bg-primary);color:var(--text-primary)}.font-arabic{direction:rtl;font-family:Amiri,serif}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-accent2{color:var(--accent2)}.text-danger{color:var(--danger)}.text-warn{color:var(--warn)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:active{background:var(--accent-hover);transform:scale(.98)}.btn-secondary{color:var(--accent);border:.5px solid var(--accent);background:0 0}.btn-secondary:active{transform:scale(.98)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:.5px solid var(--danger)}.btn-ghost{background:var(--bg-secondary);color:var(--text-secondary);border:.5px solid var(--border)}.btn-sm{border-radius:var(--radius-sm);padding:7px 14px;font-size:12px}.input{background:var(--bg-secondary);border:.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.input.arabic{text-align:right;direction:rtl;font-family:Amiri,serif;font-size:20px}.input-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:500;display:flex}.input-group{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.card{background:var(--bg-secondary);border:.5px solid var(--border);border-radius:var(--radius-md);padding:14px}.card-accent{background:var(--accent-dim);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.badge{border-radius:var(--radius-full);border:.5px solid;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge-accent{background:var(--accent-dim);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.badge-warn{background:var(--warn-dim);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.badge-danger{background:var(--danger-dim);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.badge-success{background:var(--success-dim);color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.toggle{border-radius:var(--radius-full);background:var(--border);cursor:pointer;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(20px)}.bottom-nav{background:var(--bg-nav);border-top:.5px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-around;align-items:center;padding:8px 0 20px;display:flex;position:relative}.nav-item{cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:4px 12px;display:flex;position:relative}.nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-label{color:var(--text-muted);font-size:10px;transition:color .2s}.nav-item.active .nav-label{color:var(--accent)}.nav-active-bar{background:var(--accent);border-radius:var(--radius-full);width:18px;height:2px;position:absolute;top:-1px}.nav-fab{background:var(--accent);width:46px;height:46px;box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 40%, transparent);cursor:pointer;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;font-size:24px;font-weight:300;line-height:1;transition:transform .2s;display:flex}.nav-fab:active{transform:scale(.93)}.screen{background:var(--bg-primary);scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.top-bar{background:var(--bg-primary);border-bottom:.5px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px 12px;display:flex;position:sticky;top:0}.top-bar-title{color:var(--text-primary);font-size:16px;font-weight:500}.top-bar-sub{color:var(--text-muted);margin-top:1px;font-family:Amiri,serif;font-size:11px}.divider{background:var(--border);height:.5px;margin:4px 0}.chip{border-radius:var(--radius-full);background:var(--bg-secondary);border:.5px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;padding:4px 12px;font-size:11px;transition:all .2s;display:inline-flex}.chip.active{background:var(--accent-dim);border-color:color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--bg-secondary);border:.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow);opacity:0;z-index:999;white-space:nowrap;pointer-events:none;padding:10px 18px;font-size:13px;transition:all .3s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{border-color:var(--accent);color:var(--accent)}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.warn{border-color:var(--warn);color:var(--warn)}.modal-overlay{z-index:200;opacity:0;pointer-events:none;background:#000000b3;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:all}.modal-sheet{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:.5px solid var(--border);width:100%;padding:20px 16px 36px;transition:transform .3s;transform:translateY(100%)}.modal-overlay.show .modal-sheet{transform:translateY(0)}.modal-handle{background:var(--border);border-radius:var(--radius-full);width:36px;height:3px;margin:0 auto 16px}.section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500}.section-action{color:var(--accent);cursor:pointer;font-size:12px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.p-12{padding:12px}.p-16{padding:16px}.mt-auto{margin-top:auto}.w-full{width:100%}.hidden{display:none!important}.content-area{scrollbar-width:none;flex:1;padding:12px 14px;overflow-y:auto}.content-area::-webkit-scrollbar{display:none}.pos-noun{background:var(--accent-dim);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.pos-verb{background:var(--success-dim);color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.pos-adj{background:var(--accent2-dim);color:var(--accent2);border-color:color-mix(in srgb, var(--accent2) 30%, transparent)}.pos-phrase{background:var(--warn-dim);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 30%, transparent)}*{transition:background-color .3s,border-color .3s,color .3s}.btn,.toggle,.nav-fab{transition:all .2s}