*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--em);outline-offset:2px;border-radius:2px}button:focus:not(:focus-visible){outline:none}.splash-loading{background:var(--bg);min-height:100svh}:root{--bg:#101a28;--bg2:#172536;--bg3:#203448;--em:#8ccfe1;--em2:#4faabe;--em-glow:#8ccfe124;--gold:#e59653;--gold2:#e59653b8;--text:#f6fbfd;--text2:#f6fbfdb8;--text3:#f6fbfd75;--border:#8ccfe124;--border2:#8ccfe114;--grid-line:#8ccfe112;--warm:#c08280;--warm-soft:#c082801a;--warm-line:#c0828052;--em-subtle:#8ccfe10f;--em-soft:#8ccfe11a;--em-medium:#8ccfe133;--em-strong:#8ccfe166;--em-line:#8ccfe14d;--gold-subtle:#e596530f;--gold-soft:#e596531a;--gold-medium:#e5965333;--gold-line:#e5965352}body.theme-light{--bg:#f3ecdd;--bg2:#fffaf0;--bg3:#faf3e2;--em:#244a66;--em2:#17364e;--em-glow:#244a6614;--gold:#b07a4a;--gold2:#b07a4ac7;--text:#1d1b17;--text2:#1d1b17bd;--text3:#1d1b1785;--border:#244a6624;--border2:#244a6617;--grid-line:#244a660d;--warm:#b07a4a;--warm-soft:#b07a4a1a;--warm-line:#b07a4a4d;--em-subtle:#244a660d;--em-soft:#244a6614;--em-medium:#244a6626;--em-strong:#244a664d;--em-line:#244a6640;--gold-subtle:#b07a4a0f;--gold-soft:#b07a4a1a;--gold-medium:#b07a4a2e;--gold-line:#b07a4a47;color:var(--text);background:#ece1c8}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1622;font-family:Libre Baskerville,Georgia,serif}body.theme-light,body.theme-light #root{background:#ece1c8}#root{background:#0d1622;justify-content:center;min-height:100%;display:flex}.phone-shell{background:var(--bg);flex-direction:column;width:100%;max-width:430px;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.accent-bar{background:linear-gradient(90deg, var(--em2), var(--em), var(--gold), var(--em), var(--em2));flex-shrink:0;height:3px}.grid-bg{display:none}.screen-content{z-index:1;flex:1;padding-bottom:5rem;position:relative;overflow-y:auto}.bottom-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:100;background:#0a1520f5;width:100%;max-width:430px;padding:.6rem 0 .8rem;display:flex;position:fixed;bottom:0}body.theme-light .bottom-nav{background:#f3ecddf5}.bn-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-height:48px;padding:.4rem 0;display:flex;position:relative}.bn-item.active:before{content:"";background:var(--em);border-radius:0 0 2px 2px;height:2px;position:absolute;top:-.6rem;left:25%;right:25%}.bn-icon{font-size:1.2rem;line-height:1}.bn-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);font-family:Josefin Sans,sans-serif;font-size:.6rem}.bn-item.active .bn-label{color:var(--em)}.bn-item.active .bn-icon{filter:drop-shadow(0 0 4px var(--em-glow))}.theme-toggle{top:calc(1.1rem + env(safe-area-inset-top,0px));right:calc(1.1rem + env(safe-area-inset-right,0px));z-index:200;background:var(--em-glow);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(8px);width:34px;height:34px;color:var(--em);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex;position:fixed}.theme-toggle:hover{background:var(--em-soft);border-color:var(--em)}.theme-toggle svg{display:block}.theme-toggle-inline{background:var(--em-glow);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--em);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.theme-toggle-inline:hover{background:var(--em-soft);border-color:var(--em)}.theme-toggle-inline svg{display:block}.page-header{border-bottom:1px solid var(--border);padding:2.75rem 1.5rem 1.25rem}.back-btn{letter-spacing:.15em;color:var(--em);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-bottom:.75rem;padding:0;font-family:Josefin Sans,sans-serif;font-size:.6rem;display:flex}.arabic{text-align:right;direction:rtl;font-family:Noto Naskh Arabic,serif}.ui-label{letter-spacing:.15em;text-transform:uppercase;font-family:Josefin Sans,sans-serif}.tag{border:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);border-radius:2px;padding:.15rem .5rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;display:inline-block}.tag-gold{border-color:var(--gold-line);color:var(--gold2)}.tag-em{border-color:var(--em-line);color:var(--em)}.btn-primary{background:linear-gradient(135deg, var(--em2), var(--em));color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;width:100%;min-height:48px;box-shadow:0 6px 24px var(--em-soft);border:none;border-radius:4px;padding:1rem;font-family:Josefin Sans,sans-serif;font-size:.75rem}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--em);opacity:.6;margin-bottom:.5rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;display:block}.pill-btn{background:var(--em-glow);border:1px solid var(--border);letter-spacing:.08em;color:var(--em);cursor:pointer;text-transform:uppercase;opacity:.75;border-radius:20px;align-items:center;gap:.35rem;min-height:36px;padding:.4rem .85rem;font-family:Josefin Sans,sans-serif;font-size:.65rem;display:inline-flex}.pill-btn:hover,.pill-btn.active{background:var(--em-soft);border-color:var(--em-line);color:var(--em);opacity:1}::-webkit-scrollbar{display:none}*{scrollbar-width:none}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 var(--gold-line)}50%{box-shadow:0 0 0 4px #0000}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.streak-day{background:var(--gold-subtle);border:1px solid var(--gold-soft);border-radius:50%;flex-shrink:0;width:9px;height:9px}.streak-day.done{background:var(--gold);border-color:var(--gold)}.streak-day.today{border:1.5px solid var(--gold);background:0 0;animation:2s ease-in-out infinite pulseGold}.streak-progress-track{background:var(--gold-subtle);border-radius:2px;height:3px;overflow:hidden}.streak-progress-fill{background:var(--gold);border-radius:2px;height:100%;transition:width .4s}@keyframes pulseFlame{0%,to{filter:drop-shadow(0 0 #0000);transform:scale(1)}50%{filter:drop-shadow(0 0 8px var(--gold-line));transform:scale(1.1)}}.flame-glow{filter:drop-shadow(0 0 5px var(--gold-soft))}.flame-pulse{animation:2.5s ease-in-out infinite pulseFlame}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.confetti-particle{animation:linear infinite confettiFall}@keyframes ringExpand{0%{opacity:.6;transform:scale(.2)}to{opacity:0;transform:scale(4)}}.ring-expand{border:1.5px solid var(--gold-line);border-radius:50%;width:120px;height:120px;animation:2.4s ease-out infinite ringExpand;position:absolute}.qs-item{background:var(--bg2);border:1px solid var(--border2);text-align:center;border-radius:4px;padding:.75rem .5rem}.qs-item.due{border-color:var(--gold-line);background:var(--gold-subtle)}.qs-num{color:var(--em);font-size:1.4rem;font-style:italic;display:block}.qs-item.due .qs-num{color:var(--gold)}.qs-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);font-family:Josefin Sans,sans-serif;font-size:.6rem}.home-section-title{letter-spacing:.2em;text-transform:uppercase;color:var(--em);opacity:.6;border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;display:flex}.see-all{color:var(--em);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:3px;margin:-.45rem -.65rem;padding:.45rem .65rem;font-family:Josefin Sans,sans-serif;font-size:.62rem}.see-all:hover{background:var(--em-subtle)}.featured-card{background:linear-gradient(135deg, var(--bg3), var(--bg2));border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:1.5rem 1.4rem;transition:border-color .2s;position:relative;overflow:hidden}.featured-card:hover{border-color:var(--em-line)}.featured-card-glow{background:radial-gradient(circle, var(--em-subtle) 0%, transparent 70%);pointer-events:none;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.fc-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);align-items:center;gap:.4rem;margin-bottom:.75rem;font-family:Josefin Sans,sans-serif;font-size:.58rem;display:flex}.fc-arabic{text-align:center;color:var(--text);direction:rtl;margin-bottom:.75rem;padding:.5rem 0;font-family:Noto Naskh Arabic,serif;font-size:1.2rem;line-height:2.1}.fc-poet{color:var(--text3);justify-content:space-between;align-items:center;font-size:.78rem;font-style:italic;display:flex}.fc-cta{letter-spacing:.1em;text-transform:uppercase;color:var(--em);border:1px solid var(--border);border-radius:2px;padding:.3rem .7rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;font-style:normal}.path-card{background:var(--bg2);border:1px solid var(--border2);cursor:pointer;border-radius:6px;align-items:center;gap:1rem;margin-bottom:.6rem;padding:1rem 1.25rem;transition:all .15s;display:flex}.path-card:hover{border-color:var(--border);background:var(--bg3)}.path-icon{background:var(--em-glow);border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.path-info{flex:1}.path-name{color:var(--text);margin-bottom:.15rem;font-size:.92rem}.path-meta{letter-spacing:.08em;color:var(--text3);text-transform:uppercase;font-family:Josefin Sans,sans-serif;font-size:.58rem}.path-progress{text-align:right;width:40px}.path-pct{color:var(--em);margin-bottom:.25rem;font-family:Josefin Sans,sans-serif;font-size:.7rem;display:block}.path-bar{background:var(--border2);border-radius:2px;height:2px}.path-bar-fill{background:var(--em);border-radius:2px;height:100%}.rt-tab{text-align:center;letter-spacing:.15em;text-transform:uppercase;color:var(--text3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem 0;font-family:Josefin Sans,sans-serif;font-size:.6rem;transition:all .15s}.rt-tab.active{color:var(--em);border-bottom-color:var(--em)}.poem-word{cursor:pointer;border-bottom:1px dotted var(--em-line);border-radius:2px;padding:.05rem .2rem;transition:background .1s;display:inline-block}.poem-word:hover,.poem-word.active{background:var(--em-soft);color:var(--em);border-bottom-color:var(--em)}.bayt-arrow{background:var(--bg2);border:1px solid var(--border);width:48px;height:48px;color:var(--text2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex;position:relative}.bayt-arrow:after{content:"";position:absolute;inset:-6px}.bayt-arrow:hover{background:var(--bg3);border-color:var(--em);color:var(--em)}.bayt-arrow:disabled{opacity:.3;cursor:default}.bayt-arrow:disabled:hover{background:var(--bg2);border-color:var(--border);color:var(--text2)}.context-panel{border:1px solid var(--border);z-index:1;background:linear-gradient(160deg,#172536f2,#101a28fa);border-radius:6px;margin:0 1.5rem;position:relative;overflow:hidden}body.theme-light .context-panel{background:linear-gradient(160deg,#fffaf0f7,#f3ecddfc)}.context-panel:before{content:"";background:linear-gradient(90deg, var(--em2), var(--gold), var(--em2));height:2px;position:absolute;top:0;left:0;right:0}.context-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.context-toggle-icon{background:var(--gold-subtle);border:1px solid var(--gold-soft);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.context-toggle-label{letter-spacing:.15em;text-transform:uppercase;color:var(--gold2);font-family:Josefin Sans,sans-serif;font-size:.6rem}.context-toggle-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-family:Josefin Sans,sans-serif;font-size:.55rem}.context-chevron{color:var(--gold2);flex-shrink:0;margin-left:.5rem;font-size:.7rem;transition:transform .25s}.context-panel.open .context-chevron{transform:rotate(90deg)}.context-body{border-top:1px solid var(--gold-soft);padding:0 1.1rem 1.1rem;animation:.25s fadeUp}.lang-toggle{border:1px solid var(--gold-soft);background:#0000002e;border-radius:20px;flex-shrink:0;align-items:center;padding:.15rem;display:flex}.lang-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:16px;padding:.2rem .55rem;font-family:Josefin Sans,sans-serif;font-size:.58rem;line-height:1.4;transition:all .18s}.lang-btn.active{background:var(--gold-soft);color:var(--gold);opacity:1}.ctx-tabs{scrollbar-width:none;gap:.4rem;padding:.75rem 0 .6rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000 100%);mask-image:linear-gradient(90deg,#000 92%,#0000 100%)}.ctx-tabs::-webkit-scrollbar{display:none}.ctx-tab{border:1px solid var(--gold-soft);letter-spacing:.1em;text-transform:uppercase;color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;min-height:32px;padding:.5rem .75rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;transition:all .15s}.ctx-tab.active{background:var(--gold-subtle);border-color:var(--gold-line);color:var(--gold)}.ctx-section-ar{text-align:right;color:var(--gold);background:var(--gold-subtle);border-right:2px solid var(--gold-line);direction:rtl;border-radius:0 3px 3px 0;margin-bottom:.6rem;padding:.6rem .75rem;font-family:Noto Naskh Arabic,serif;font-size:1.05rem;line-height:1.9}.ctx-body{color:var(--text2);margin-bottom:.75rem;font-size:.85rem;line-height:1.75}.ctx-body strong{color:var(--text);font-style:normal}.ctx-body em{color:var(--em);font-style:italic}.ctx-ar-text{text-align:right;color:var(--text2);direction:rtl;font-family:Noto Naskh Arabic,serif;font-size:.95rem;line-height:1.95}.ctx-ar-text strong{color:var(--text)}.ctx-ar-text em{color:var(--em);font-style:normal}.ctx-interpretation{background:var(--em-subtle);border:1px solid var(--em-soft);border-radius:4px;margin-bottom:.5rem;padding:.65rem .85rem}.ctx-interp-label{letter-spacing:.12em;text-transform:uppercase;color:var(--em);opacity:.7;margin-bottom:.2rem;font-family:Josefin Sans,sans-serif;font-size:.55rem}.ctx-interp-body{color:var(--text2);font-size:.82rem;font-style:italic;line-height:1.6}.ctx-ar-interp-label{color:var(--em);direction:rtl;margin-bottom:.2rem;font-family:Noto Naskh Arabic,serif;font-size:.78rem}.ctx-quote{border-left:2px solid var(--gold2);color:var(--text3);margin:.6rem 0;padding-left:.75rem;font-size:.82rem;font-style:italic;line-height:1.6}.ctx-quote cite{color:var(--gold2);letter-spacing:.05em;margin-top:.25rem;font-family:Josefin Sans,sans-serif;font-size:.72rem;font-style:normal;display:block}.ctx-quote.rtl{border-left:none;border-right:2px solid var(--gold2);text-align:right;direction:rtl;padding-left:0;padding-right:.75rem}.ctx-quote.rtl cite{text-align:right}.word-tooltip{background:var(--bg2);border:1px solid var(--em);z-index:1;border-radius:6px;margin:0 1.5rem 1rem;padding:.75rem 1rem;animation:.2s fadeUp;position:relative}.wt-arabic{color:var(--gold);direction:rtl;margin-bottom:.15rem;font-family:Noto Naskh Arabic,serif;font-size:1.4rem}.wt-roman{color:var(--em);margin-bottom:.3rem;font-size:.78rem;font-style:italic}.wt-meaning{color:var(--text2);font-size:.88rem;line-height:1.5}.wt-root{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-top:.3rem;font-family:Josefin Sans,sans-serif;font-size:.58rem}.wt-root span{color:var(--gold)}.ref-body{z-index:1;padding:1.5rem;position:relative}.ref-tabs{gap:.5rem;margin-bottom:1.25rem;display:flex}.ref-tab{border:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;color:var(--text2);cursor:pointer;background:0 0;border-radius:3px;min-height:36px;padding:.55rem .95rem;font-family:Josefin Sans,sans-serif;font-size:.65rem;transition:all .15s}.ref-tab.active{background:var(--em-soft);border-color:var(--em);color:var(--em)}.wl-item{border-bottom:1px solid var(--border2);align-items:flex-start;gap:1rem;padding:.85rem 0;display:flex}.wl-arabic{color:var(--gold);text-align:right;direction:rtl;flex-shrink:0;min-width:60px;font-family:Noto Naskh Arabic,serif;font-size:1.3rem}.wl-info{flex:1}.wl-roman{color:var(--em);margin-bottom:.15rem;font-size:.82rem;font-style:italic}.wl-ar-def{text-align:right;color:var(--text2);background:var(--gold-subtle);border:1px solid var(--gold-soft);direction:rtl;border-radius:3px;margin:.3rem 0;padding:.4rem .6rem;font-family:Noto Naskh Arabic,serif;font-size:.88rem;line-height:1.65}.wl-en-gloss{color:var(--text3);margin-top:.1rem;font-size:.78rem;font-style:italic}.wl-root{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-top:.2rem;font-family:Josefin Sans,sans-serif;font-size:.62rem}.wl-source{color:var(--text2);margin-top:.15rem;font-size:.75rem;font-style:italic}.wl-actions{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.wl-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;min-height:32px;padding:.4rem .65rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;transition:all .15s}.wl-btn:hover{border-color:var(--em);color:var(--em)}.export-bar{background:var(--bg2);border:1px solid var(--border);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.export-count{letter-spacing:.12em;text-transform:uppercase;color:var(--text2);font-family:Josefin Sans,sans-serif;font-size:.65rem}.export-count span{color:var(--em)}.export-btn{background:var(--em-glow);border:1px solid var(--em);letter-spacing:.12em;text-transform:uppercase;color:var(--em);cursor:pointer;border-radius:3px;min-height:36px;padding:.55rem .95rem;font-family:Josefin Sans,sans-serif;font-size:.65rem;font-weight:600}.fc-progress-row{gap:.5rem;margin-bottom:1rem;display:flex}.fc-pr-item{background:var(--bg2);border:1px solid var(--border2);text-align:center;border-radius:3px;flex:1;padding:.5rem}.fc-pr-num{color:var(--em);font-size:1.2rem;font-style:italic;display:block}.fc-pr-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);font-family:Josefin Sans,sans-serif;font-size:.58rem}.flashcard{background:linear-gradient(135deg, var(--bg3), var(--bg2));border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;margin-bottom:1rem;padding:2rem 1.5rem;display:flex;position:relative}.flashcard:before{content:"TAP TO REVEAL";letter-spacing:.18em;color:var(--text2);white-space:nowrap;font-family:Josefin Sans,sans-serif;font-size:.6rem;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.fc-ar{color:var(--text);direction:rtl;margin-bottom:.5rem;font-family:Noto Naskh Arabic,serif;font-size:2rem}.fc-roman{color:var(--em);font-size:.88rem;font-style:italic}.fc-answer{border-top:1px solid var(--border);color:var(--gold);margin-top:.75rem;padding-top:.75rem;font-size:1.1rem;display:none}.flashcard.revealed .fc-answer{display:block}.flashcard.revealed:before{content:""}.fc-controls{gap:.5rem;display:flex}.fc-ctrl{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);border-radius:4px;flex:1;min-height:48px;padding:.85rem .5rem;font-family:Josefin Sans,sans-serif;font-size:.66rem;font-weight:600}.fc-ctrl.again{color:#f87171f2;background:#ef44441f;border-color:#ef444459}.fc-ctrl.good{background:var(--em-subtle);color:var(--em);border-color:var(--em-soft)}.fc-ctrl.easy{background:var(--gold-subtle);color:var(--gold2);border-color:var(--gold-soft)}@media print{.accent-bar,.page-header,.back-btn,.ref-tabs,.export-bar,.wl-actions,nav,.bottom-nav{display:none!important}body{color:#000!important;background:#fff!important}.phone-shell,.screen-content,.ref-body{max-width:100%!important;box-shadow:none!important;border:none!important}.wl-item{page-break-inside:avoid;border-bottom:1px solid #ccc;padding:.5rem 0}.wl-arabic{color:#000!important;font-size:1.5rem!important}.wl-roman,.wl-en-gloss,.wl-ar-def,.wl-root{color:#333!important}}