:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c1917;background:#faf8f3;--bg: #faf8f3;--surface: #fffdf8;--surface-strong: #f4efe3;--green: #166534;--green-dark: #14532d;--amber: #b45309;--ink: #1c1917;--muted: #70685f;--line: #e7dfd1;--shadow: 0 18px 42px rgba(28, 25, 23, .08)}:root[data-theme=dark]{color-scheme:dark;color:#f8f4ea;background:#11140f;--bg: #11140f;--surface: #191d16;--surface-strong: #202719;--green: #4ade80;--green-dark: #86efac;--amber: #fbbf24;--ink: #f8f4ea;--muted: #b6afa2;--line: #303829;--shadow: 0 18px 42px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(22,101,52,.07),transparent 36%),var(--bg)}:root[data-theme=dark] body{background:linear-gradient(120deg,rgba(74,222,128,.09),transparent 36%),var(--bg)}button,input{font:inherit}button{min-height:44px;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#fffdf8db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=dark] .sidebar{background:#191d16e0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;background:var(--green);color:#fff;font-weight:800}.brand span,.eyebrow,.result-row span,.empty-state p,.profile-panel p,.quiet-band p{color:var(--muted)}.brand strong,.brand span{display:block}.brand span{margin-top:3px;font-size:.84rem}.sidebar nav{display:grid;gap:8px}.nav-item,.mobile-nav button{display:flex;align-items:center;gap:10px;border-radius:8px;background:transparent;color:var(--muted);padding:0 12px}.nav-item.active,.mobile-nav button.active{background:#e8f1e9;color:var(--green-dark);font-weight:700}:root[data-theme=dark] .nav-item.active,:root[data-theme=dark] .mobile-nav button.active{background:#4ade8024}main{width:min(1120px,100%);margin:0 auto;padding:34px 32px 110px}.view-stack{display:grid;gap:22px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.topline-actions,.preference-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.sidebar .preference-actions{margin-top:18px}.eyebrow{margin:0 0 6px;font-size:.83rem;font-weight:700;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,4.25rem);line-height:.98;letter-spacing:0}h2{margin-bottom:10px;font-size:1.1rem;line-height:1.2}p{line-height:1.65}.streak-badge{display:inline-flex;min-height:44px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--green-dark);padding:0 14px;white-space:nowrap}.streak-badge.action{box-shadow:0 10px 20px #14532d14}.hero-reading{display:grid;gap:18px;border-radius:8px;background:var(--green-dark);color:#fff;padding:clamp(22px,5vw,44px);box-shadow:var(--shadow)}:root[data-theme=dark] .hero-reading{background:#0d2d19}.reading-toolbar{display:flex;align-items:center;justify-content:space-between}.arabic{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,4.6rem);line-height:1.5;text-align:right}.translation{max-width:760px;margin-bottom:0;color:#f7f1e5;font-size:1.08rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-card,.result-row,.profile-panel,.auth-form,.quiet-band,.empty-state,.notice{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px}.content-card{position:relative;min-height:190px}.content-card.amber{background:#fff8ec;border-color:#ead6b7}:root[data-theme=dark] .content-card.amber{background:#2b2414;border-color:#4b3a18}.content-card .icon-button{position:absolute;right:14px;bottom:14px}.icon-button{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;gap:4px;border-radius:8px;background:#eef5ee;color:var(--green-dark)}.icon-button span{font-size:.72rem;font-weight:800}.hero-reading .icon-button{background:#ffffff24;color:#fff}.searchbar{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 8px 8px 14px}.searchbar input{width:100%;min-height:44px;border:0;outline:0;background:transparent}.searchbar button,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 16px;font-weight:700}.searchbar button,.primary{background:var(--green);color:#fff}.secondary{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.result-list{display:grid;gap:12px}.result-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px;align-items:start}.result-row span{display:inline-block;margin-bottom:7px;font-size:.78rem;font-weight:800;text-transform:uppercase}.result-row p,.content-card p{margin-bottom:0}.auth-form{display:grid;max-width:520px;gap:14px}.auth-form label{display:grid;gap:6px;color:var(--muted);font-size:.92rem;font-weight:700}.auth-form input{min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 12px;color:var(--ink)}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:4px}.segmented button{border-radius:6px;background:transparent;color:var(--muted)}.segmented button.active{background:#fff;color:var(--green-dark);box-shadow:0 6px 14px #1c191714}:root[data-theme=dark] .segmented button.active,:root[data-theme=dark] .auth-form input{background:#11140f}.profile-panel{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-panel h2,.profile-panel p{margin-bottom:0}.quiet-band{background:#f4efe3}.developer-credit{color:var(--muted);font-size:.95rem}.developer-credit a{color:var(--green-dark);font-weight:800;text-decoration:none}:root[data-theme=dark] .quiet-band{background:#202719}.notice{border-color:#e7c0aa;background:#fff3ed;color:#9a3412}:root[data-theme=dark] .notice{border-color:#7c2d12;background:#2a1710;color:#fed7aa}:root[dir=rtl] .arabic,:root[dir=rtl] .translation,:root[dir=rtl] .content-card,:root[dir=rtl] .result-row,:root[dir=rtl] .profile-panel,:root[dir=rtl] .auth-form,:root[dir=rtl] .empty-state,:root[dir=rtl] .quiet-band{text-align:right}:root[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--line)}:root[dir=rtl] .searchbar{direction:rtl}:root[dir=rtl] input{text-align:right}.mobile-nav{display:none}@media(prefers-reduced-motion:no-preference){button,.result-row,.content-card{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}}@media(max-width:860px){.app-shell{display:block}.sidebar{display:none}main{padding:22px 16px calc(92px + env(safe-area-inset-bottom))}h1{font-size:2.35rem}.topline{align-items:flex-start;flex-direction:column}.content-grid{grid-template-columns:1fr}.searchbar{grid-template-columns:24px minmax(0,1fr)}.searchbar button{grid-column:1 / -1;width:100%}.profile-panel{align-items:stretch;flex-direction:column}.mobile-nav{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border:1px solid var(--line);border-radius:8px;background:#fffdf8f0;padding:5px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=dark] .mobile-nav{background:#191d16f0}.mobile-nav button{justify-content:center;min-width:0;padding:0 4px;font-size:.76rem}.mobile-nav button span{display:none}}