:root{--primary:#074790;--accent:#52a411;--radius:24px;--font:BahijDroidNaskh;--size:18px;--bg:#f1f5fa;--surface:#fff;--text:#15243d;--muted:#63728a;--line:#dce4ee;--wash:#e8effa;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--size)/1.7 var(--font),system-ui,sans-serif;min-height:100vh}body.dark{--bg:#101724;--surface:#192333;--text:#edf3ff;--muted:#a1b0c6;--line:#344356;--wash:#22354e;color-scheme:dark}body[data-style="classic"]{--bg:#f6f1e8}body.dark[data-style="classic"]{--bg:#211d17}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button svg{pointer-events:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;min-width:0}.brand img{border-radius:14px}.brand span{display:grid;line-height:1.35}.brand strong{font-size:1.18em}.brand small{font:12px/1.6 system-ui,sans-serif;color:var(--muted)}.header-actions{display:flex;gap:8px;align-items:center}.quiet,.icon-button{background:var(--wash);color:var(--text);border-radius:12px;padding:9px 15px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:10px}.app-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;max-width:1280px;margin:auto;padding:32px 24px}nav{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:24px}nav button{display:flex;gap:12px;align-items:center;background:none;color:var(--muted);text-align:start;border-radius:16px;padding:14px 18px}nav button.active{background:var(--primary);color:white}main{min-width:0}.welcome{padding:6px 0 24px}.eyebrow{color:var(--primary);font-size:.87em;font-weight:700}h1{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.4;margin:6px 0 8px;letter-spacing:-.5px}.welcome p{margin:0;color:var(--muted)}.status-row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.78em;margin-top:14px}.status-row span{background:var(--surface);border:1px solid var(--line);padding:3px 10px;border-radius:30px}.status-row span:empty{display:none}.panel,.card,.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.search-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.segmented{display:flex;gap:4px;background:var(--wash);padding:4px;border-radius:14px}.segmented button{padding:7px 14px;background:none;color:var(--muted);border-radius:11px}.segmented button.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 6px #0000000d}.search-box{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);padding:10px 14px;border-radius:16px}.search-box input{background:none;border:0;outline:none;color:var(--text);width:100%;min-width:0;padding:8px 0}.search-box span{display:flex;color:var(--primary)}.search-box button,.primary{background:var(--primary);color:white;border-radius:12px;padding:9px 17px}.results-meta{color:var(--muted);font-size:.82em;margin:18px 0 8px;min-height:1.5em}.entry{display:flex;align-items:center;gap:10px;padding:18px 0;border-top:1px solid var(--line)}.entry-content{flex:1;min-width:0;text-align:start;border:0;background:none;color:var(--text);padding:0}.entry-word{font:600 1.05em/1.45 system-ui,sans-serif;display:block;direction:ltr;text-align:start;color:var(--primary);overflow-wrap:anywhere}.entry-meaning{display:block;direction:rtl;text-align:right;overflow-wrap:anywhere;margin-top:6px;line-height:1.8}.entry .entry-meaning{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entry-actions{display:flex;gap:5px;flex-shrink:0}.entry-actions button{color:var(--muted);background:none;padding:8px}.entry-actions button.saved{color:var(--primary)}.empty{padding:35px 15px;color:var(--muted);text-align:center}.empty svg{width:38px;height:38px;color:var(--primary)}.empty p{margin:10px 0}.load-more{display:block;margin:18px auto 0}.section-title{margin:0 0 16px;font-size:1.2em}.settings-section{margin-bottom:18px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.setting{display:grid;gap:7px}.setting label{font-size:.88em;color:var(--muted)}select{background:var(--bg);color:var(--text);padding:10px;border:1px solid var(--line);border-radius:12px;width:100%}input[type="range"]{width:100%;accent-color:var(--primary)}.themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.theme-card{border:2px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text);padding:12px 8px;display:grid;gap:8px;justify-items:center}.theme-card.selected{border-color:var(--primary)}.swatch{width:100%;height:35px;border-radius:9px}.theme-card span:last-child{font-size:.85em}.about-logo{max-width:220px;width:70%;height:auto;display:block;margin:0 auto 20px;background:white;border-radius:16px;padding:12px}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}.service{padding:12px;background:var(--wash);border-radius:12px}.contacts{display:flex;gap:12px;flex-wrap:wrap}.contacts a{background:var(--wash);color:var(--text);border-radius:12px;padding:10px 15px;text-decoration:none}.flashcard{text-align:center;padding:30px;min-height:230px;display:flex;flex-direction:column;justify-content:center}.flashcard h2{font:600 1.9em/1.4 system-ui,sans-serif;overflow-wrap:anywhere}.flashcard .meaning{direction:rtl;white-space:pre-wrap;overflow-wrap:anywhere}.button-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.muted{color:var(--muted)}footer{max-width:1280px;margin:0 auto;padding:10px 24px 30px;text-align:center;font-size:.75em;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:24px;max-width:640px;width:calc(100% - 32px);max-height:85vh}dialog::backdrop{background:#0a162f80;backdrop-filter:blur(3px)}dialog form{display:flex;justify-content:flex-end}dialog h2{direction:ltr;font-family:system-ui,sans-serif;overflow-wrap:anywhere}dialog p{white-space:pre-wrap;overflow-wrap:anywhere}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--text);color:var(--surface);border-radius:12px;padding:12px 18px;z-index:20;font-size:.9em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}body[data-style="glass"] .panel,body[data-style="glass"] .card{background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 12px 40px #00000008;backdrop-filter:blur(18px)}body[data-style="gradient"] .welcome{background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)));padding:24px;border-radius:var(--radius);margin-bottom:20px}body[data-style="classic"] .panel{border-width:2px}body[data-style="minimal"] .panel{box-shadow:none}
@media(max-width:850px){.app-layout{grid-template-columns:minmax(0,1fr);padding:20px 18px 95px;gap:0}nav{position:fixed;bottom:0;left:0;right:0;top:auto;flex-direction:row;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px max(6px,env(safe-area-inset-bottom));z-index:10;gap:0}nav button{flex-direction:column;gap:2px;padding:7px 8px;font-size:.66em;border-radius:12px}nav button.active{background:var(--wash);color:var(--primary)}.topbar{padding:14px 18px}.welcome{padding:3px 0 18px}.panel{padding:18px}.themes{grid-template-columns:repeat(3,minmax(0,1fr))}footer{padding-bottom:90px}.search-heading{flex-wrap:wrap}.segmented{flex:1}.segmented button{flex:1;padding:6px 9px}.entry-actions{flex-direction:column}.settings-grid{grid-template-columns:1fr}.brand strong{font-size:1em}h1{font-size:1.6rem}}
@media(max-width:380px){.topbar{padding:12px}.brand{gap:7px}.brand img{width:38px;height:38px}.header-actions{gap:4px}.quiet{padding:8px 10px}.app-layout{padding:15px 12px 95px}.panel{padding:13px}.search-box{gap:8px;padding:7px 9px}.search-box button{padding:9px 10px}.themes{gap:7px}.services{grid-template-columns:1fr}}
body.popup{width:460px;min-height:570px}body.popup .topbar{padding:10px 14px}body.popup .app-layout{padding:14px 14px 85px}body.popup h1{font-size:1.4rem}body.popup .welcome{padding:12px;margin-bottom:14px}body.popup .welcome p{font-size:.8em}body.popup .panel{padding:14px}body.popup footer{display:none}body.popup .status-row{font-size:.68em}body.popup .entry{padding:12px 0}

body.dark{--link:color-mix(in srgb,var(--primary) 35%,#fff)}body.dark .entry-word,body.dark .eyebrow,body.dark .segmented button.active,body.dark .saved{color:var(--link)}body.dark nav button.active{color:var(--link)}