@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/NotoNaskhArabic-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/NotoNaskhArabic-latin.woff2)format("woff2");unicode-range:U+??,U+2000-206F}:root{--bg:#faf7f2;--bg-elevated:#fff;--ink:#1c1b19;--ink-soft:#6b6560;--ink-faint:#a39d95;--border:#e8e2d8;--accent:#9c7a4f;--accent-soft:#f1e6d5;--danger:#b3543f;--shadow:0 8px 30px #1c1b1914;--radius:14px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-arabic:"Noto Naskh Arabic", "Amiri", "Traditional Arabic", serif}:root[data-theme=dark]{--bg:#16151a;--bg-elevated:#201f25;--ink:#efe9df;--ink-soft:#a49f97;--ink-faint:#706b64;--border:#302e35;--accent:#d0ab74;--accent-soft:#332a1c;--shadow:0 8px 30px #00000059}:root[data-theme=sepia]{--bg:#f1e7d3;--bg-elevated:#f8f0de;--ink:#3a2e1e;--ink-soft:#7a6a4f;--ink-faint:#a5977a;--border:#e0d3b3;--accent:#8a5a2b;--accent-soft:#e6d3ac}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}button{font-family:inherit}a{color:inherit}.navbar{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:28px 14px;transition:width .18s,padding .18s;display:flex;position:relative}.navbar--collapsed{align-items:center;width:76px;padding:24px 12px}.navbar--hidden{opacity:0;pointer-events:none;border-right-width:0;width:0;padding-left:0;padding-right:0;overflow:hidden}.navbar--collapsed .navbar__brand{padding:0 0 22px}.navbar--collapsed .navbar__item{justify-content:center;width:44px;height:44px;padding:10px}.navbar__collapse-toggle{border:1px solid var(--border);background:var(--bg-elevated);width:22px;height:22px;color:var(--ink-faint);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:30px;right:-11px;box-shadow:0 1px 4px #1c1b191f}.navbar__collapse-toggle:hover{color:var(--ink);border-color:var(--ink-faint)}.navbar__settings--collapsed{margin-top:auto;margin-bottom:12px}.navbar__brand{align-items:center;gap:10px;padding:0 10px 28px;display:flex}.navbar__mark{font-family:var(--font-arabic);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;justify-content:center;align-items:center;font-size:22px;display:flex}.navbar__title{letter-spacing:.01em;color:var(--ink);flex:1;font-size:15px;font-weight:600}.navbar__settings{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:16px;display:flex}.navbar__settings:hover{color:var(--ink);background:var(--accent-soft)}.navbar__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.navbar__item{width:100%;color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.navbar__item:hover:not(:disabled){background:var(--accent-soft);color:var(--ink)}.navbar__item--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.navbar__item--disabled{opacity:.4;cursor:not-allowed}.navbar__icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}@media (width<=860px){.navbar{border-right:none;border-top:1px solid var(--border);flex-direction:row;order:2;width:100%;padding:6px 4px}.navbar--hidden{border-top-width:0;width:100%;height:0;min-height:0;padding-top:0;padding-bottom:0}.navbar__brand{flex-shrink:0;padding:0}.navbar__mark,.navbar__title{display:none}.navbar{justify-content:space-between}.navbar__list{flex-direction:row;flex:1;justify-content:space-around;min-width:0}.navbar__item{text-align:center;border-radius:8px;flex-direction:column;gap:4px;padding:6px 8px;font-size:11px}.navbar__label{line-height:1}.navbar__collapse-toggle{display:none}.navbar--collapsed{width:100%;padding:6px 4px}.navbar__settings--collapsed{margin:0}}.library{max-width:1100px;padding:40px 48px}.library__header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.library__header h1{margin:0 0 4px;font-size:26px;font-weight:600}.library__subtitle{color:var(--ink-soft);margin:0;font-size:14px}.library__actions{flex-shrink:0;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn--primary{background:var(--ink);color:var(--bg-elevated)}.btn--primary:disabled{opacity:.5;cursor:default}.btn--ghost{border-color:var(--border);color:var(--ink-soft);background:0 0}.btn--ghost:hover{color:var(--ink);border-color:var(--ink-faint)}.library__notice{background:var(--accent-soft);color:var(--ink);border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.library__notice-dismiss{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:16px;line-height:1}.library__notice-dismiss:hover{color:var(--ink)}.library__error{color:var(--danger);background:#f7e6e1;border-radius:10px;margin-bottom:20px;padding:10px 14px;font-size:13px}.library__toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.library__search{border:1px solid var(--border);background:var(--bg-elevated);min-width:180px;color:var(--ink);border-radius:10px;flex:1;padding:8px 12px;font-family:inherit;font-size:13.5px}.library__search:focus{border-color:var(--accent);outline:none}.library__filter{border:1px solid var(--border);border-radius:10px;flex-shrink:0;display:flex;overflow:hidden}.library__filter-item{background:var(--bg-elevated);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border:none;padding:8px 12px;font-size:12.5px}.library__filter-item+.library__filter-item{border-inline-start:1px solid var(--border)}.library__filter-item--active{background:var(--accent-soft);color:var(--ink)}.library__sort{border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink-soft);border-radius:10px;flex-shrink:0;padding:8px 10px;font-family:inherit;font-size:12.5px}.library__empty{color:var(--ink-soft);text-align:center;padding:80px 0}.library__empty-sub{color:var(--ink-faint);font-size:13px}.library__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:28px;display:grid}.book-card{cursor:pointer;text-align:right;background:0 0;border:none;flex-direction:column;gap:8px;padding:0;font-family:inherit;display:flex}.book-card__cover{aspect-ratio:2/3;background:var(--accent-soft);box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative;overflow:hidden}.book-card:hover .book-card__cover{transform:translateY(-3px)}.book-card__cover img{object-fit:cover;width:100%;height:100%}.book-card__cover-fallback{font-family:var(--font-arabic);color:var(--accent);font-size:34px}.book-card__remove{color:#fff;opacity:0;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:opacity .15s;display:flex;position:absolute;top:6px;left:6px}.book-card:hover .book-card__remove{opacity:1}.book-card__title{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.35}.book-card__author{color:var(--ink-soft);font-size:12px}.book-card__progress{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.book-card__progress-bar{background:var(--accent);height:100%}@media (width<=640px){.library{padding:24px 20px}.library__header{flex-direction:column;align-items:flex-start}}.dict-popup-backdrop{z-index:40;position:fixed;inset:0}.dict-popup{background:var(--bg-elevated);border:1px solid var(--border);width:300px;max-width:calc(100vw - 24px);max-height:min(70vh,420px);box-shadow:var(--shadow);direction:rtl;border-radius:16px;padding:20px 20px 16px;transition:width .3s;position:absolute;overflow-y:auto}.dict-popup--split{width:600px}.dict-popup__chevron{border:1px solid var(--border);background:var(--bg-elevated);width:24px;height:24px;color:var(--accent);cursor:pointer;box-shadow:var(--shadow);z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.dict-popup__chevron:hover{background:var(--accent-soft)}.dict-popup__close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:12px;left:12px}.dict-popup__word{font-family:var(--font-arabic);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px;padding-left:20px;padding-right:60px;font-size:30px;display:flex}.dict-popup__header-actions{gap:6px;display:flex;position:absolute;top:12px;right:12px}.dict-popup__header-btn{border:1px solid var(--border);background:var(--bg-elevated);width:22px;height:22px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.dict-popup__header-btn:hover{background:var(--accent-soft)}.dict-popup__rarity{letter-spacing:.02em;white-space:nowrap;direction:ltr;border-radius:999px;padding:2px 8px;font-family:system-ui,sans-serif;font-size:10.5px;font-weight:600}.dict-popup__rarity--beginner{color:#4c7a35;background:#8bb87238}.dict-popup__rarity--intermediate{color:#8a6a12;background:#e7c65b47}.dict-popup__rarity--advanced,.dict-popup__rarity--unlisted{color:#a4402e;background:#c97a6d38}.dict-popup__loading,.dict-popup__empty{color:var(--ink-soft);padding:8px 0;font-size:13px}.dict-popup__group{border-top:1px solid var(--border);padding:10px 0}.dict-popup__group:first-of-type{border-top:none;padding-top:0}.dict-popup__group-header{color:var(--ink-faint);font-size:10.5px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.dict-popup__entry+.dict-popup__entry{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.dict-popup__entry-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.dict-popup__entry-save{margin-inline-start:auto}.dict-popup__headword{font-family:var(--font-arabic);color:var(--accent);font-size:16px}.dict-popup__entry-save{border:1px solid var(--border);background:var(--bg-elevated);width:20px;height:20px;color:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;font-size:13px;line-height:1}.dict-popup__entry-save:hover{background:var(--accent-soft)}.dict-popup__entry-save:disabled{color:var(--ink-faint);cursor:default}.dict-popup__senses{color:var(--ink);margin:0;padding-inline-start:18px;font-size:13.5px;line-height:1.6}.dict-popup__tag{color:var(--ink-faint);margin-inline-start:6px;font-size:11.5px}.dict-popup__entry-morph{color:var(--ink-faint);gap:8px;font-size:9.5px;display:inline-flex}.dict-popup__entry-morph-value{font-family:var(--font-arabic);color:var(--ink-soft);font-size:11px;font-style:normal}.dict-popup__morph-item{cursor:pointer}.dict-popup__morph-swap{display:inline-grid}.dict-popup__morph-face{opacity:1;grid-area:1/1;transition:opacity .18s}.dict-popup__morph-face--label{opacity:0;font-family:var(--font-ui);color:var(--ink-faint)}.dict-popup__morph-swap--label .dict-popup__entry-morph-value{opacity:0}.dict-popup__morph-swap--label .dict-popup__morph-face--label{opacity:1}.dict-popup__entry-morph--badges{flex-wrap:wrap;gap:6px}.dict-popup__entry-morph--badges>span{background:var(--accent-soft);color:var(--ink-soft);border-radius:10px;align-items:baseline;gap:3px;padding:2px 8px;display:inline-flex}.dict-popup__entry-morph--badges .dict-popup__entry-morph-value{color:var(--accent);margin-inline-start:0;font-weight:600}.dict-popup__sentence{font-family:var(--font-arabic);color:var(--ink-soft);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:14px;line-height:1.6}.dict-popup__stats{font-family:var(--font-ui);color:var(--ink-faint);text-align:right;direction:ltr;margin-top:12px;font-size:11px}.dict-popup__stats-dot{margin:0 5px}.dict-popup__actions{gap:6px;margin-top:12px;display:flex}.dict-popup__save{background:var(--ink);color:var(--bg-elevated);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:500}.dict-popup__save--saved{background:var(--accent-soft);color:var(--accent)}.dict-popup__edit{border:1px solid var(--border);color:var(--ink-soft);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:10px;padding:10px 14px;font-size:13px}.dict-popup__edit:hover{background:var(--accent-soft);color:var(--ink)}.dict-popup__split-cols{align-items:flex-start;gap:14px;display:flex}.dict-popup__split-col{flex:1;min-width:0}.dict-popup__split-col+.dict-popup__split-col{border-right:1px solid var(--border);padding-right:14px}.dict-popup__tabs{gap:6px;margin-bottom:10px;display:flex}.dict-popup__tab{border:1px solid var(--border);color:var(--ink-faint);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:6px 8px;font-size:10.5px}.dict-popup__tab--active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.dict-bubble-backdrop{z-index:40;pointer-events:none;position:fixed;inset:0}.dict-bubble{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border);max-width:min(320px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;align-items:stretch;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,calc(-100% - 10px))}.dict-bubble--below{transform:translate(-50%,10px)}.dict-bubble__def{text-align:right;cursor:pointer;min-width:0;font-family:var(--font-ui);direction:rtl;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-end;gap:2px;padding:10px 12px;display:flex}.dict-bubble__def:disabled{cursor:default}.dict-bubble__word{font-family:var(--font-arabic);color:var(--ink);font-size:17px}.dict-bubble__gloss{color:var(--ink-soft);text-align:right;white-space:nowrap;text-overflow:ellipsis;direction:ltr;max-width:220px;font-size:12.5px;overflow:hidden}.dict-bubble__save{border:none;border-left:1px solid var(--border);background:var(--ink);width:44px;color:var(--bg-elevated);cursor:pointer;flex-shrink:0;font-size:18px;font-weight:600}.dict-bubble__save--saved{background:var(--accent-soft);color:var(--accent);cursor:default}.dict-bubble__save:disabled:not(.dict-bubble__save--saved){opacity:.5;cursor:default}.footnote-popup-backdrop{z-index:40;position:fixed;inset:0}.footnote-popup{background:var(--bg-elevated);border:1px solid var(--border);width:320px;max-width:calc(100vw - 32px);max-height:min(60vh,360px);box-shadow:var(--shadow);direction:rtl;border-radius:16px;padding:18px 20px 16px;position:absolute;overflow-y:auto;transform:translate(-50%,calc(-100% - 14px))}.footnote-popup--below{transform:translate(-50%,14px)}.footnote-popup__close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:12px;left:12px}.footnote-popup__label{font-family:var(--font-ui);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:10.5px}.footnote-popup__loading{color:var(--ink-soft);padding:8px 0;font-size:13px}.footnote-popup__body{font-family:var(--font-arabic);color:var(--ink);font-size:15px;line-height:1.7}.footnote-popup__body a{color:var(--accent)}.footnote-popup__failed-text{font-family:var(--font-ui);color:var(--ink-soft);margin-bottom:10px;font-size:13px}.footnote-popup__goto{background:var(--ink);width:100%;color:var(--bg-elevated);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:10px;padding:9px;font-size:13px;font-weight:500}.hover-preview{z-index:35;background:var(--bg-elevated);border:1px solid var(--border);max-width:260px;box-shadow:var(--shadow);pointer-events:none;direction:rtl;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;animation:.12s ease-out hover-preview-in;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}@keyframes hover-preview-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,calc(-100% - 10px))}}.hover-preview__text{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.hover-preview__chevron{color:var(--ink-faint);flex-shrink:0;font-size:12px}.vocab-levels{border-left:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;flex-shrink:0;width:340px;min-height:0;transition:width .15s;display:flex}.vocab-levels__collapse-strip{border-left:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;justify-content:center;align-items:flex-start;width:36px;padding-top:12px;display:flex}.vocab-levels__collapse-btn,.vocab-levels__expand-btn{border:1px solid var(--border);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;font-size:13px;line-height:1;display:flex}.vocab-levels__collapse-btn:hover,.vocab-levels__expand-btn:hover{background:var(--accent-soft);color:var(--ink)}.vocab-levels__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.vocab-levels__title{color:var(--ink);font-size:13px;font-weight:600}.vocab-levels__header-actions{gap:6px;display:flex}.vocab-levels__tiers{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:10px 12px;display:flex}.vocab-levels__tier-btn{border:1px solid var(--border);background:var(--bg);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.vocab-levels__tier-btn--active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff)}.vocab-levels__body{flex:1;min-height:0;overflow-y:auto}.vocab-levels__status{color:var(--ink-faint);padding:16px 14px;font-size:12.5px;line-height:1.6}.vocab-levels__word{border-bottom:1px solid var(--border)}.vocab-levels__word-row{text-align:right;cursor:pointer;direction:rtl;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:9px 14px;font-family:inherit;display:flex}.vocab-levels__word-row:hover{background:var(--accent-soft)}.vocab-levels__word-text{color:var(--ink);font-size:16px}.vocab-levels__word-count{color:var(--ink-faint);direction:ltr;flex-shrink:0;font-size:11px}.vocab-levels__stepper{direction:ltr;justify-content:center;align-items:center;gap:10px;padding:6px 14px 12px;display:flex}.vocab-levels__stepper button{background:var(--bg);border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:13px}.vocab-levels__stepper button:disabled{opacity:.4;cursor:default}.vocab-levels__stepper-label{color:var(--ink-soft);font-size:12px}.vocab-levels__footer{border-top:1px solid var(--border);gap:8px;padding:10px 14px;display:flex}.vocab-levels__export-btn{background:var(--accent);color:var(--accent-ink,#fff);cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 10px;font-size:12.5px}.vocab-levels__export-btn:hover{opacity:.9}.vocab-levels__enable-btn{background:var(--accent);color:var(--accent-ink,#fff);cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:12.5px}.vocab-levels__progress{color:var(--ink-faint);margin-top:8px;font-size:11.5px}.selection-toolbar-backdrop{z-index:45;position:fixed;inset:0}.selection-toolbar{background:var(--ink);box-shadow:var(--shadow);border-radius:999px;gap:8px;padding:8px 10px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.selection-toolbar--below{transform:translate(-50%,10px)}.selection-toolbar__swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .1s}.selection-toolbar__swatch:hover{transform:scale(1.15)}.selection-toolbar__swatch--yellow{background:#e7c65b}.selection-toolbar__swatch--green{background:#8bb872}.selection-toolbar__swatch--blue{background:#6fa3c9}.selection-toolbar__swatch--purple{background:#9c85c9}.selection-toolbar__swatch--red{background:#c97a6d}.quick-settings-backdrop{z-index:40;position:fixed;inset:0}.quick-settings{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;min-width:220px;padding:14px;display:flex;position:absolute;top:52px;right:24px}.quick-settings__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.quick-settings__aa{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:10px;flex-shrink:0;font-family:serif}.quick-settings__aa:disabled{opacity:.4;cursor:default}.quick-settings__aa--small{font-size:13px}.quick-settings__aa--large{font-size:22px}.quick-settings__size-value{text-align:center;color:var(--ink-soft);flex:1;font-size:13px}.quick-settings__divider{background:var(--border);height:1px}.quick-settings__row--swatches{justify-content:space-between}.quick-settings__swatch{border:1px solid var(--border);cursor:pointer;border-radius:10px;flex:1;height:40px;font-family:serif;font-size:16px}.quick-settings__swatch--active{outline:2px solid var(--accent);outline-offset:1px}.quick-settings__flow{border:1px solid var(--border);background:var(--bg);height:32px;color:var(--ink-soft);cursor:pointer;border-radius:8px;flex:1;font-size:12.5px}.quick-settings__flow--active{background:var(--accent-soft);color:var(--ink);border-color:var(--accent)}.quick-settings__flow:disabled{opacity:.4;cursor:default}.vocab-edit-backdrop{z-index:60;background:#1c1b1947;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vocab-edit{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:380px;max-width:100%;max-height:min(85vh,620px);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex;overflow-y:auto}.vocab-edit__header{justify-content:space-between;align-items:center;display:flex}.vocab-edit__title{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.vocab-edit__close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.vocab-edit__loading{color:var(--ink-faint);padding:12px 0;font-size:13px}.vocab-edit__field{flex-direction:column;gap:6px;display:flex}.vocab-edit__label{color:var(--ink-faint);font-size:12px}.vocab-edit__input{border:1px solid var(--border);background:var(--bg);color:var(--ink);resize:vertical;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:14px}.vocab-edit__input--arabic{font-family:var(--font-arabic);font-size:17px}.vocab-edit__tokens{border:1px solid var(--border);background:var(--bg);font-family:var(--font-arabic);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;padding:10px 12px;font-size:17px;line-height:2}.vocab-edit__token{cursor:pointer;border-radius:4px;padding:1px 2px}.vocab-edit__token:hover{background:var(--accent-soft)}.vocab-edit__token--selected{background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.vocab-edit__hint{color:var(--ink-faint);margin:0;font-size:11.5px}.vocab-edit__note{color:var(--ink-faint);margin:0;font-size:12.5px}.vocab-edit__context-actions{gap:14px;display:flex}.vocab-edit__link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.vocab-edit__link-btn:disabled{color:var(--ink-faint);cursor:default}.vocab-edit__actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.reader{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex}.reader__topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;transition:opacity .4s;display:flex}.reader__topbar--focus.reader__topbar--idle{opacity:.06}.reader__topbar--focus.reader__topbar--idle:hover{opacity:1}.reader__topbar-actions{align-items:center;gap:10px;display:flex}.reader__back,.reader__toc-toggle{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.reader__back:hover,.reader__toc-toggle:hover{background:var(--accent-soft);color:var(--ink)}.reader__focus-toggle{cursor:pointer;color:var(--ink-faint);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:12px;display:flex}.reader__focus-toggle input{opacity:0;width:0;height:0;position:absolute}.reader__focus-toggle--on{color:var(--accent)}.reader__focus-toggle-track{background:var(--border);border-radius:999px;flex-shrink:0;width:28px;height:16px;transition:background .15s;position:relative}.reader__focus-toggle-knob{background:#fff;border-radius:50%;width:12px;height:12px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.reader__focus-toggle--on .reader__focus-toggle-track{background:var(--accent)}.reader__focus-toggle--on .reader__focus-toggle-knob{left:14px}.reader__chapter{color:var(--ink-faint);text-align:center;text-overflow:ellipsis;white-space:nowrap;direction:rtl;flex:1;font-size:12.5px;overflow:hidden}.reader__body{flex:1;min-height:0;display:flex}.reader__toc{border-right:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;width:240px;padding:16px;overflow-y:auto}.reader__search-backdrop{z-index:45;background:#1c1b1947;justify-content:center;padding-top:64px;display:flex;position:fixed;inset:0}:root[data-theme=dark] .reader__search-backdrop{background:#00000080}.reader__search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:340px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:14px;display:flex}.reader__search-top{align-items:center;gap:8px;display:flex}.reader__search-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px}.reader__search-close:hover{background:var(--accent-soft);color:var(--ink)}.reader__search-form{flex:1;gap:8px;min-width:0;display:flex}.reader__search-options{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.reader__search-options-group{gap:4px;display:flex}.reader__search-option{border:1px solid var(--border);background:var(--bg);color:var(--ink-faint);cursor:pointer;border-radius:999px;padding:3px 9px;font-size:11px}.reader__search-option:hover{color:var(--ink)}.reader__search-option--active{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.reader__search-nav{color:var(--ink-faint);justify-content:space-between;align-items:center;padding:0 2px;font-size:12px;display:flex}.reader__search-nav-controls{align-items:center;gap:8px;display:flex}.reader__search-nav-controls button{border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:6px;width:24px;height:24px;line-height:1}.reader__search-nav-controls button:hover{background:var(--accent-soft)}.reader__search-history{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reader__search-history-label{color:var(--ink-faint);font-size:11px}.reader__search-history-item{border:1px solid var(--border);background:var(--bg);color:var(--ink-soft);cursor:pointer;direction:rtl;border-radius:999px;padding:4px 10px;font-size:12px}.reader__search-history-item:hover{background:var(--accent-soft);color:var(--ink)}.reader__search-result--active{background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.reader__search-input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--ink);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.reader__search-results{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.reader__search-empty{color:var(--ink-faint);margin:4px 0;font-size:13px}.reader__search-result{text-align:right;cursor:pointer;color:var(--ink);direction:rtl;background:0 0;border:none;border-radius:8px;padding:8px 10px}.reader__search-result:hover{background:var(--accent-soft)}.reader__search-result-label{color:var(--ink-faint);text-align:left;direction:ltr;margin-bottom:2px;font-size:11px}.reader__search-result-excerpt{font-size:14px;line-height:1.6}.reader__bookmarks{flex-direction:column;gap:10px;width:260px;display:flex}.reader__bookmarks-add{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.reader__bookmarks-list{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.reader__bookmark-item{align-items:center;gap:4px;display:flex}.reader__bookmark-item-main{text-align:right;cursor:pointer;color:var(--ink);direction:rtl;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.reader__bookmark-item-main:hover{background:var(--accent-soft)}.reader__bookmark-item-main svg{color:var(--accent);flex-shrink:0}.reader__bookmark-item-text{flex-direction:column;gap:1px;min-width:0;display:flex}.reader__bookmark-item-chapter{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.reader__bookmark-item-location{color:var(--ink-faint);text-align:right;direction:ltr;font-size:11px}.reader__bookmark-item-remove{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px}.reader__bookmark-item-remove:hover{color:var(--danger);background:var(--accent-soft)}.toc-list{margin:0;padding:0;list-style:none}.toc-list .toc-list{padding-inline-start:14px}.toc-list__item{text-align:right;width:100%;color:var(--ink-soft);cursor:pointer;font-size:13px;font-family:var(--font-arabic);direction:rtl;background:0 0;border:none;border-radius:6px;padding:8px 6px;display:block}.toc-list__item:hover{background:var(--accent-soft);color:var(--ink)}.reader__stage{flex:1;min-width:0;position:relative;overflow-x:auto}.reader__epub-frame{max-width:100%;height:100%;transition:width .15s;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.reader__epub{padding:20px 6%;position:absolute;inset:0}.reader__loading,.reader__error{color:var(--ink-soft);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.reader__error{color:var(--danger);text-align:center;padding:0 40px}.reader__footer{flex-shrink:0;align-items:center;gap:16px;padding:10px 24px 18px;transition:opacity .4s;display:flex}.reader__footer--focus.reader__footer--idle{opacity:.06}.reader__footer--focus.reader__footer--idle:hover{opacity:1}.reader__nav-btn{border:1px solid var(--border);background:var(--bg-elevated);height:32px;color:var(--ink-soft);cursor:pointer;border-radius:16px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:flex}.reader__nav-btn:hover{color:var(--ink);border-color:var(--ink-faint)}.reader__nav-btn-icon{font-size:15px;line-height:1}.reader__nav-btn-label{white-space:nowrap}@media (width<=520px){.reader__nav-btn{border-radius:50%;justify-content:center;width:32px;height:32px;padding:0}.reader__nav-btn-label{display:none}}.reader__progress{background:var(--border);direction:rtl;border-radius:2px;flex:1;height:3px;overflow:hidden}.reader__progress-bar{background:var(--accent);height:100%}@media (width<=860px){.reader__epub{padding:14px 5%}.reader__toc{z-index:5;width:100%;position:absolute;inset:0}}.reader__quick-add-toast{background:var(--text,#2a2a2a);color:var(--bg,#fff);z-index:60;pointer-events:none;border-radius:20px;padding:8px 16px;font-size:13px;animation:.15s reader-toast-in;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0003}@keyframes reader-toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.reader__touch-toast{pointer-events:auto;align-items:center;gap:10px;display:flex}.reader__touch-toast-undo{color:var(--accent,#e6aa3c);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600;text-decoration:underline}.backup-controls__actions{flex-wrap:wrap;gap:8px;display:flex}.backup-controls__status{color:var(--ink-faint);margin:10px 0 0;font-size:12.5px;line-height:1.6}.backup-controls--compact .backup-controls__actions{gap:6px}.backup-controls--compact .btn{padding:6px 12px;font-size:12.5px}.backup-controls--compact .backup-controls__status{max-width:320px}.vocab{max-width:900px;padding:40px 48px}.vocab__header h1{margin:0 0 4px;font-size:26px;font-weight:600}.vocab__header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.vocab__subtitle{color:var(--ink-soft);margin:0;font-size:14px}.vocab__empty{color:var(--ink-soft);text-align:center;padding:80px 0}.vocab__empty-sub{color:var(--ink-faint);font-size:13px}.vocab__list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.vocab__search{background:var(--bg-elevated);border:1px solid var(--border);color:var(--ink-faint);border-radius:10px;align-items:center;gap:8px;max-width:420px;margin-bottom:24px;padding:8px 12px;display:flex}.vocab__search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.vocab__search input::placeholder{color:var(--ink-faint)}.vocab__search-clear{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.vocab__search-clear:hover{color:var(--ink)}.vocab-card{background:var(--bg-elevated);border:1px solid var(--border);direction:rtl;border-radius:12px;padding:16px 18px}.vocab-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.vocab-card__actions{direction:ltr;align-items:center;gap:4px;display:flex}.vocab-card__icon-btn{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:5px;display:flex}.vocab-card__icon-btn:hover{color:var(--ink);background:var(--accent-soft)}.vocab-card__icon-btn--danger:hover{color:var(--danger);background:#b3543f1f}.vocab-card__word{font-family:var(--font-arabic);color:var(--ink);font-size:22px}.vocab-card__edit{text-align:left;direction:ltr;flex-direction:column;gap:6px;margin-top:8px;display:flex}.vocab-card__edit-meaning,.vocab-card__edit-sentence{border:1px solid var(--border);width:100%;color:var(--ink);background:var(--bg);resize:vertical;border-radius:8px;padding:6px 8px;font-family:inherit;font-size:13px}.vocab-card__edit-sentence{font-family:var(--font-arabic);text-align:right;direction:rtl}.vocab-card__edit-actions{gap:8px;margin-top:2px;display:flex}.vocab-card__edit-save,.vocab-card__edit-cancel{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:flex}.vocab-card__edit-save{background:var(--accent);color:var(--accent-ink,#fff)}.vocab-card__edit-save:hover{opacity:.9}.vocab-card__edit-cancel{color:var(--ink-faint);background:0 0}.vocab-card__edit-cancel:hover{color:var(--ink)}.vocab-card__meaning{font-family:var(--font-ui);text-align:right;color:var(--ink-soft);direction:ltr;margin-top:4px;font-size:13px}.vocab-card__sentence{font-family:var(--font-arabic);color:var(--ink-faint);margin-top:6px;font-size:13px;line-height:1.6}.vocab-card__definitions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.vocab-card__definitions-select{font-family:var(--font-ui);color:var(--ink-soft);background:var(--bg);border:1px solid var(--border);direction:ltr;border-radius:8px;max-width:100%;padding:4px 8px;font-size:12px}.vocab-card__definitions-split{font-family:var(--font-ui);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.vocab-card__meta{font-family:var(--font-ui);text-align:right;color:var(--ink-faint);direction:ltr;margin-top:10px;font-size:11.5px}.vocab-card__dot{margin:0 4px}.vocab-card__mastery{text-transform:capitalize}.vocab-card__stats{font-family:var(--font-ui);text-align:right;color:var(--ink-faint);direction:ltr;margin-top:6px;font-size:10.5px}.hl-list{max-width:900px;padding:40px 48px}.hl-list__header h1{margin:0 0 4px;font-size:26px;font-weight:600}.hl-list__subtitle{color:var(--ink-soft);margin:0 0 32px;font-size:14px}.hl-list__empty{color:var(--ink-soft);text-align:center;padding:80px 0}.hl-list__empty-sub{color:var(--ink-faint);font-size:13px}.hl-list__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.hl-card{background:var(--bg-elevated);border:1px solid var(--border);border-inline-start:4px solid var(--hl-color,var(--accent));direction:rtl;border-radius:10px;padding:16px 18px;position:relative}.hl-card--yellow{--hl-color:#e7c65b}.hl-card--green{--hl-color:#8bb872}.hl-card--blue{--hl-color:#6fa3c9}.hl-card--purple{--hl-color:#9c85c9}.hl-card--red{--hl-color:#c97a6d}.hl-card__text{font-family:var(--font-arabic);color:var(--ink);font-size:18px;line-height:1.6}.hl-card__meta{font-family:var(--font-ui);text-align:right;color:var(--ink-faint);direction:ltr;margin-top:10px;font-size:11.5px}.hl-card__dot{margin:0 4px}.hl-card__note{font-family:var(--font-ui);text-align:right;color:var(--ink-soft);direction:ltr;margin-top:8px;font-size:12.5px;font-style:italic}.hl-card__remove{font-family:var(--font-ui);color:var(--ink-faint);cursor:pointer;float:right;direction:ltr;background:0 0;border:none;margin-top:10px;padding:0;font-size:11px}.hl-card__remove:hover{color:var(--danger)}.review{max-width:560px;margin:0 auto;padding:40px 48px}.review__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.review__header-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.review__header h1{margin:0;font-size:26px;font-weight:600}.review__progress-label{color:var(--ink-faint);font-size:13px}.review__empty{color:var(--ink-soft);font-size:14px;line-height:1.6}.review__empty-sub{color:var(--ink-faint);max-width:440px;font-size:13px}.review__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:48px 32px;display:flex}.review__card-box{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:3px 10px;font-size:11px}.review__card-word{font-family:var(--font-arabic);color:var(--ink);font-size:40px}.review__card-hint{color:var(--ink-faint);font-size:12px}.review__card-back{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.review__card-meaning{color:var(--ink);font-size:17px}.review__card-sentence{font-family:var(--font-arabic);color:var(--ink-soft);max-width:440px;font-size:15px;line-height:1.6}.review__card-field{cursor:text;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:2px 6px;display:inline-flex}.review__card-field:hover{background:var(--accent-soft)}.review__card-field-icon{color:var(--ink-faint);opacity:0;flex-shrink:0}.review__card-field:hover .review__card-field-icon{opacity:1}.review__card-edit-input{border:1px solid var(--accent);background:var(--bg);width:100%;max-width:440px;color:var(--ink);resize:vertical;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:15px}.review__card-edit-input--arabic{font-family:var(--font-arabic)}.review__card-add-sentence{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px}.review__card-add-sentence:hover{color:var(--accent)}.review__card-root{color:var(--ink-faint);font-size:13px}.review__card-root span{color:var(--ink-faint)}.review__card-source{color:var(--ink-faint);margin-top:4px;font-size:12px}.review__actions{gap:12px;margin-top:20px;display:flex}.review__btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.review__btn-interval{opacity:.75;font-size:11px;font-weight:400}.review__actions--grades{gap:8px}.review__btn--reveal{background:var(--accent);border-color:var(--accent);color:#fff}.review__btn--again{border-color:var(--danger);color:var(--danger)}.review__btn--hard{border-color:var(--ink-faint);color:var(--ink-soft)}.review__btn--good{background:var(--accent);border-color:var(--accent);color:#fff}.review__btn--easy{color:#fff;background:#4a8f5c;border-color:#4a8f5c}.dash-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dash-section__header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;font-family:inherit;display:flex}.dash-section__heading{flex-direction:column;gap:2px;display:flex}.dash-section__title{color:var(--ink);font-size:14.5px;font-weight:600}.dash-section__subtitle{color:var(--ink-faint);font-size:12px}.dash-section__chevron{color:var(--ink-faint);flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex;transform:rotate(-90deg)}.dash-section--collapsed .dash-section__chevron{transform:rotate(90deg)}.dash-section__header:hover .dash-section__chevron{color:var(--ink)}.dash-section__body{border-top:1px solid var(--border);padding:0 20px 20px;padding-top:18px}.range-filter{background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.range-filter__btn{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500}.range-filter__btn:hover{color:var(--ink)}.range-filter__btn--active{background:var(--accent);color:var(--accent-ink,#fff)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.stat-grid--profile{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stat-tile{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.stat-tile__value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat-tile__label{color:var(--ink-faint);margin-top:3px;font-size:11.5px}.stat-tile--streak .stat-tile__value{color:var(--accent);align-items:center;gap:6px;display:flex}.dash-empty{color:var(--ink-faint);padding:8px 0;font-size:13px}.weak-vocab{direction:rtl;flex-wrap:wrap;gap:8px;display:flex}.weak-vocab__pill{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:baseline;gap:8px;padding:8px 12px;display:flex}.weak-vocab__word{font-family:var(--font-arabic);color:var(--ink);font-size:17px}.weak-vocab__meaning{font-family:var(--font-ui);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;direction:ltr;max-width:140px;font-size:11.5px;overflow:hidden}.weak-vocab__lapses{font-family:var(--font-ui);color:var(--danger);direction:ltr;background:#b3543f1f;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px}.activity-cal{overflow-x:auto}.activity-cal__grid{gap:3px;width:max-content;display:flex}.activity-cal__week{flex-direction:column;gap:3px;display:flex}.activity-cal__cell{background:var(--border);cursor:pointer;border:none;border-radius:3px;width:12px;height:12px;padding:0}.activity-cal__cell:disabled{cursor:default}.activity-cal__cell--future{visibility:hidden;background:0 0}.activity-cal__cell--l0{background:var(--border)}.activity-cal__cell--l1{background:color-mix(in srgb, var(--accent) 30%, var(--bg))}.activity-cal__cell--l2{background:color-mix(in srgb, var(--accent) 55%, var(--bg))}.activity-cal__cell--l3{background:color-mix(in srgb, var(--accent) 78%, var(--bg))}.activity-cal__cell--l4{background:var(--accent)}.activity-cal__cell--selected{box-shadow:0 0 0 2px var(--ink)}.activity-cal__footer{color:var(--ink-faint);justify-content:space-between;align-items:center;margin-top:12px;font-size:11.5px;display:flex}.activity-cal__legend{align-items:center;gap:3px;display:flex}.activity-cal__legend-swatch{cursor:default;width:10px;height:10px}.calendar-section{flex-direction:column;gap:16px;display:flex}.day-detail{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.day-detail__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.day-detail__title{color:var(--ink);font-size:13px;font-weight:600}.day-detail__close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:3px;display:flex}.day-detail__close:hover{color:var(--ink)}.day-detail__stats{color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:12px;display:flex}.day-detail__stats strong{color:var(--ink);font-weight:600}.day-detail__sessions{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin:0;padding:8px 0 0;list-style:none;display:flex}.day-detail__sessions li{flex-direction:column;gap:2px;display:flex}.day-detail__book{color:var(--ink);font-size:12.5px;font-weight:500}.day-detail__meta{color:var(--ink-faint);font-size:11px}.trend-charts__picker{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.trend-charts__pill{border:1px solid var(--border);background:var(--bg);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12px}.trend-charts__pill:hover{color:var(--ink)}.trend-charts__pill--active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff)}.trend-charts__headline{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.trend-charts__value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.trend-charts__sub{color:var(--ink-faint);font-size:12px}.trend-charts__svg{width:100%;height:140px;display:block}.trend-charts__area{fill:var(--accent-soft);stroke:none}.trend-charts__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend-charts__axis{color:var(--ink-faint);justify-content:space-between;margin-top:4px;font-size:10.5px;display:flex}.dashboard{max-width:980px;padding:40px 48px}.dashboard__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.dashboard__header h1{color:var(--ink);margin:0 0 4px;font-size:26px;font-weight:600}.dashboard__subtitle{color:var(--ink-soft);margin:0;font-size:14px}.dashboard__sections{flex-direction:column;gap:16px;display:flex}@media (width<=640px){.dashboard{padding:24px 20px}}.rsvp-focus{z-index:100;background:var(--bg);color:var(--ink);cursor:default;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.rsvp-focus__empty{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;gap:16px;margin:auto;display:flex}.rsvp-focus__topbar{opacity:1;align-items:center;gap:12px;padding:16px 20px;transition:opacity .35s,transform .35s;display:flex;transform:translateY(0)}.rsvp-focus__topbar--hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.rsvp-focus__title{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.rsvp-focus__book{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-size:12.5px;font-weight:600;overflow:hidden}.rsvp-focus__chapter{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-size:11px;overflow:hidden}.rsvp-focus__topbar-actions{gap:6px;display:flex}.rsvp-icon-btn{border:1px solid var(--border);background:var(--bg-elevated);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.rsvp-icon-btn:hover{color:var(--ink);background:var(--accent-soft)}.rsvp-focus__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;min-height:0;padding:0 24px;display:flex}.rsvp-focus__word-zone{cursor:pointer;justify-content:center;align-items:center;width:min(90vw,900px);min-height:30vh;display:flex;position:relative}.rsvp-word{font-family:var(--font-arabic);color:var(--ink);-webkit-user-select:none;user-select:none;max-width:100%;line-height:1.3}.rsvp-word--plain{text-align:center}.rsvp-word--orp{grid-template-columns:1fr auto 1fr;align-items:baseline;width:100%;display:grid}.rsvp-word__before{text-align:left;white-space:nowrap;text-overflow:clip;overflow:hidden}.rsvp-word__after{text-align:right;white-space:nowrap;text-overflow:clip;overflow:hidden}.rsvp-word__pivot{color:var(--accent);text-align:center;white-space:nowrap}.rsvp-focus__orp-marker{background:var(--accent);opacity:.35;pointer-events:none;width:2px;height:14px;position:absolute;top:8%;left:50%;transform:translate(-1px)}.rsvp-focus__context{font-family:var(--font-arabic);color:var(--ink-faint);text-align:center;max-width:min(80vw,640px);font-size:16px;line-height:1.9}.rsvp-focus__context-current{color:var(--accent);font-weight:600}.rsvp-focus__context-ellipsis{color:var(--ink-faint)}.rsvp-focus__controls{opacity:1;flex-direction:column;gap:10px;padding:14px 24px 22px;transition:opacity .35s,transform .35s;display:flex;transform:translateY(0)}.rsvp-focus__controls--hidden{opacity:0;pointer-events:none;transform:translateY(16px)}.rsvp-progress{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:520px;margin:0 auto;display:flex}.rsvp-progress__track{background:var(--border);cursor:pointer;border-radius:2px;flex-direction:row-reverse;width:100%;height:4px;display:flex;overflow:hidden}.rsvp-progress__fill{background:var(--accent);border-radius:2px;height:100%;transition:width .15s linear}.rsvp-progress__label{color:var(--ink-faint);direction:ltr;font-size:11px}.rsvp-transport{justify-content:center;align-items:center;gap:10px;display:flex}.rsvp-transport__btn{border:1px solid var(--border);background:var(--bg-elevated);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex}.rsvp-transport__btn:hover{background:var(--accent-soft)}.rsvp-transport__btn--play{background:var(--accent);color:#fff;border-color:var(--accent);width:56px;height:56px;font-size:18px}.rsvp-transport__btn--play:hover{filter:brightness(1.05)}.rsvp-wpm{justify-content:center;align-items:center;gap:12px;max-width:320px;margin:0 auto;display:flex}.rsvp-wpm__value{color:var(--ink-soft);text-align:right;direction:ltr;min-width:68px;font-size:12.5px}.rsvp-wpm__slider{accent-color:var(--accent);flex:1}.rsvp-panel{background:var(--bg-elevated);border:1px solid var(--border);width:280px;max-width:calc(100vw - 40px);box-shadow:var(--shadow);z-index:110;border-radius:16px;padding:18px;position:fixed;top:66px;right:20px}.rsvp-panel h3{color:var(--ink);margin:0 0 12px;font-size:14px}.rsvp-panel__row{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.rsvp-panel__row--wpm-presets{flex-direction:column;align-items:stretch;gap:8px}.rsvp-panel__presets{flex-wrap:wrap;gap:6px;display:flex}.rsvp-panel__preset{border:1px solid var(--border);background:var(--bg);color:var(--ink-soft);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:12px}.rsvp-panel__preset--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.rsvp-panel__close{background:var(--accent-soft);width:100%;color:var(--accent);cursor:pointer;border:none;border-radius:10px;margin-top:12px;padding:9px;font-size:13px;font-weight:500}.rsvp-switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.rsvp-switch input{opacity:0;width:0;height:0}.rsvp-switch__track{background:var(--border);border-radius:999px;transition:background .15s;position:absolute;inset:0}.rsvp-switch__track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.rsvp-switch input:checked+.rsvp-switch__track{background:var(--accent)}.rsvp-switch input:checked+.rsvp-switch__track:before{transform:translate(16px)}.rsvp-shortcut-list{color:var(--ink);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.rsvp-shortcut-list li{align-items:center;gap:10px;display:flex}.rsvp-shortcut-list kbd{text-align:center;border:1px solid var(--border);background:var(--bg);min-width:28px;font-family:var(--font-ui);color:var(--ink-soft);border-radius:6px;padding:2px 6px;font-size:11px}.rsvp-summary{z-index:120;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rsvp-summary__card{background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:min(90vw,360px);padding:32px 28px}.rsvp-summary__card h2{color:var(--ink);margin:0 0 20px;font-size:19px}.rsvp-summary__stats{grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px;display:grid}.rsvp-summary__stats dt{color:var(--ink-faint);margin-bottom:4px;font-size:11px}.rsvp-summary__stats dd{color:var(--ink);margin:0;font-size:20px;font-weight:600}.rsvp-summary__actions{gap:10px;display:flex}.rsvp-summary__actions .btn{flex:1}@media (width<=640px){.rsvp-focus__word-zone{min-height:24vh}.rsvp-focus__book,.rsvp-focus__chapter{max-width:42vw}.rsvp-panel{width:auto;left:12px;right:12px}.rsvp-transport__btn{width:38px;height:38px;font-size:15px}.rsvp-transport__btn--play{width:50px;height:50px}}.speed-reader-setup{max-width:760px;margin:0 auto;padding:40px 48px}.speed-reader-setup__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.speed-reader-setup__header h1{margin:0 0 6px;font-size:26px;font-weight:600}.speed-reader-setup__subtitle{color:var(--ink-soft);max-width:480px;margin:0;font-size:14px;line-height:1.6}.speed-reader-setup__lifetime{text-align:center;background:var(--accent-soft);border-radius:var(--radius);flex-shrink:0;padding:12px 18px}.speed-reader-setup__lifetime-value{color:var(--accent);font-size:22px;font-weight:700;display:block}.speed-reader-setup__lifetime-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;display:block}.speed-reader-setup__empty{color:var(--ink-soft);padding:24px 0;font-size:14px}.speed-reader-setup__empty-sub{color:var(--ink-faint);font-size:13px}.speed-reader-setup__error{color:var(--danger);padding:12px 0;font-size:13px}.speed-reader-setup__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;display:grid}.speed-reader-book{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex}.speed-reader-book__cover{aspect-ratio:2/3;background:var(--accent-soft);box-shadow:var(--shadow);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.speed-reader-book__cover img{object-fit:cover;width:100%;height:100%}.speed-reader-book__cover-fallback{font-family:var(--font-arabic);color:var(--accent);font-size:34px}.speed-reader-book__title{color:var(--ink);font-size:13px;line-height:1.4}.speed-reader-picker{flex-direction:column;gap:14px;display:flex}.speed-reader-picker__back{align-self:flex-start}.speed-reader-picker__title{color:var(--ink);margin:0;font-size:20px}.speed-reader-picker__section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-top:6px;font-size:12px;font-weight:600}.speed-reader-resume{border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent-soft);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;display:flex}.speed-reader-resume__label{color:var(--accent);font-size:14px;font-weight:600}.speed-reader-resume__detail{color:var(--ink-soft);font-size:12px}.speed-reader-chapters{flex-wrap:wrap;gap:8px;display:flex}.speed-reader-chapter{border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink-soft);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:260px;padding:8px 14px;font-size:13px;overflow:hidden}.speed-reader-chapter--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.speed-reader-picker__start{align-self:flex-start;margin-top:6px}.speed-reader-sessions{margin-top:8px}.speed-reader-sessions__list{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.speed-reader-sessions__list li{color:var(--ink-soft);gap:14px;font-size:12.5px;display:flex}@media (width<=640px){.speed-reader-setup{padding:24px 20px}.speed-reader-setup__header{flex-direction:column}}.settings-backdrop{z-index:60;background:#14120f59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-panel{background:var(--bg-elevated);width:460px;max-width:100%;max-height:85vh;box-shadow:var(--shadow);border-radius:16px;padding:24px 28px 28px;overflow-y:auto}.settings-panel__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-panel__header h2{margin:0;font-size:18px;font-weight:600}.settings-panel__close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.settings-section{border-top:1px solid var(--border);padding:18px 0}.settings-section:first-of-type{border-top:none}.settings-section h3{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:13px;font-weight:600}.settings-section__note{color:var(--ink-faint);margin:0 0 12px;font-size:12.5px;line-height:1.6}.settings-row{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.settings-row__label{color:var(--ink);flex-shrink:0;font-size:13.5px}.settings-row__control{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.settings-row__control input[type=range]{max-width:160px;accent-color:var(--accent);flex:1}.settings-row__value{color:var(--ink-faint);text-align:right;flex-shrink:0;width:40px;font-size:12px}.settings-row__select{border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:12.5px}.segmented__item{border:1px solid var(--border);background:var(--bg);color:var(--ink-soft);cursor:pointer;padding:6px 12px;font-size:12.5px}.segmented__item:first-child{border-radius:8px 0 0 8px}.segmented__item:last-child{border-radius:0 8px 8px 0}.segmented__item+.segmented__item{border-left:none}.segmented__item--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings-row--dict{padding:6px 0}.settings-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.settings-toggle input{accent-color:var(--accent)}.settings-badge{color:var(--ink-faint);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:10.5px}.settings-badge--ready{color:var(--accent);border-color:var(--accent)}.settings-aramorph{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.settings-aramorph__actions{gap:8px;display:flex}.settings-aramorph__error{color:var(--danger);margin-top:10px;font-size:12px}.backup-reminder{background:var(--accent-soft);border-bottom:1px solid var(--border);color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;font-size:13px;display:flex}.backup-reminder__text{flex:1;min-width:0}.backup-reminder__actions{flex-shrink:0;gap:8px;display:flex}.backup-reminder__btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:12.5px}.backup-reminder__btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=640px){.backup-reminder{text-align:center;flex-direction:column;align-items:stretch}}.app{width:100vw;height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}.app__body{flex:1;min-height:0;display:flex;overflow:hidden}.app__main{flex:1;min-width:0;overflow-y:auto}@media (width<=860px){.app__body{flex-direction:column}.app__main{order:1}}.error-boundary{background:var(--bg);justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex}.error-boundary__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);max-width:440px;box-shadow:var(--shadow);text-align:center;padding:32px 28px}.error-boundary__card h1{color:var(--ink);margin:0 0 12px;font-size:19px}.error-boundary__card p{color:var(--ink-soft);margin:0 0 20px;font-size:14px;line-height:1.6}.error-boundary__details{text-align:left;color:var(--ink-faint);margin-top:18px;font-size:12px}.error-boundary__details summary{cursor:pointer}.error-boundary__details pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:8px;padding:10px}