@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";.vn-bi{display:flex;flex-direction:column;gap:.35rem}.vn-bi>[lang=ms]{text-align:left;direction:ltr}.vn-bi>[lang=ar]{text-align:right;direction:rtl}.vn-bi>.ar{font-size:1.3em;color:inherit}.vn-instruction{font-size:.94rem;color:#675773;line-height:1.7}.vn-map{margin:1rem 0 1.5rem}.vn-root{max-width:480px;margin:0 auto 1.5rem;padding:1rem 1.3rem;border-radius:12px;color:#fff;background:#634092;position:relative;font-weight:650}.vn-root .vn-bi>[lang]{text-align:center}.vn-root:after{content:"";position:absolute;left:50%;bottom:-1.5rem;height:1.5rem;border-left:2px solid #d3c1e7}.vn-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.8rem;align-items:start}.vn-node{background:var(--tone-bg,#f8f5fc);border:1px solid var(--tone-line,#d9c9e8);border-top:4px solid var(--tone,#76529c);border-radius:12px;min-width:0;overflow:hidden}.vn-node-button{display:flex;align-items:center;gap:.65rem;text-align:start;background:none;border:0;padding:1rem;width:100%;color:var(--tone,#634092);min-height:84px}.vn-node-button>.vn-bi{flex:1;font-weight:650;font-size:1rem}.vn-node-number{font-size:.88rem;align-self:start;padding-top:.15rem}.vn-node>div{padding:0 1rem 1rem}.vn-node p{font-size:1rem}.vn-node .vn-concept-example{font-size:1.55rem;background:#fff;border-radius:8px;padding:.5rem .65rem;line-height:2.1;color:#382747}.vn-compact .vn-node-button{min-height:70px}.tone-isim{--tone:#215ca4;--tone-bg:#edf5ff;--tone-line:#b8d3f4}.tone-fiil{--tone:#9c4b0b;--tone-bg:#fff3e7;--tone-line:#eac49e}.tone-harf{--tone:#146953;--tone-bg:#eaf8f2;--tone-line:#add9c9}.tone-mixed{--tone:#68517f;--tone-bg:#f4effa;--tone-line:#d3c3e2}.vn-more{border:1px solid #e0d5eb;background:#fcfaff;border-radius:10px;padding:1rem;margin:1rem 0}.vn-more summary{font-size:.98rem}.vn-more summary>.vn-bi{display:inline-flex;vertical-align:top}.vn-more[open] summary{margin-bottom:.75rem}.vn-tip{padding:1.1rem 1.25rem;border-inline-start:4px solid #b78329;background:#fff8e9;border-radius:10px;margin:1.2rem 0}.vn-tip strong{color:#7c551c}.vn-tip p:last-child{margin-bottom:0}.vn-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0}.vn-legend>span{display:flex;align-items:center;gap:.4rem;color:var(--tone);font-size:.875rem}.vn-legend .vn-bi{flex-direction:row;align-items:center;gap:.35rem}.vn-legend i{width:10px;height:10px;border-radius:3px;background:var(--tone)}.vn-sentence{display:flex;justify-content:center;align-items:stretch;gap:.6rem;flex-wrap:wrap;margin:.8rem 0;padding:1rem .6rem;background:#fcfaff;border-radius:12px;border:1px solid #ece4f3}.vn-word{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;max-width:100%;padding:.4rem .9rem;border:1px solid var(--tone-line,#d9c9e8);border-bottom:3px solid var(--tone,#76529c);border-radius:10px;background:var(--tone-bg,#f8f5fc);color:var(--tone,#634092);min-height:52px;transition:background .15s,box-shadow .15s}.vn-word>.ar{font-size:1.95rem;line-height:2;overflow-wrap:anywhere}.vn-word .vn-word-label{font-size:.875rem;gap:0}.vn-word-label>[lang]{text-align:center}.vn-word-label>.ar{font-size:1.1em}.vn-word.is-selected{box-shadow:0 0 0 2px var(--tone);background:#fff}.vn-word:disabled{opacity:.5}.vn-word.correct:disabled{opacity:1}.vn-analysis-slot{min-height:65px}.vn-analysis{display:grid;grid-template-columns:minmax(100px,auto) 1fr;gap:1rem;align-items:center;padding:1rem 1.2rem;border-inline-start:4px solid var(--tone);background:var(--tone-bg);border-radius:10px}.vn-analysis-word{font-size:2rem;color:var(--tone);text-align:center}.vn-analysis p{margin:0!important;font-size:1rem}.vn-lab{padding:1.2rem;border:1px solid #ded0eb;background:#faf7fd;border-radius:14px;margin-bottom:1.8rem}.vn-lab h3{margin-top:0}.vn-switch{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.vn-switch .btn{font-size:.9rem;padding:.55rem .85rem}.vn-build-target{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;min-height:110px;background:#fff;border:2px dashed #c2a9d9;border-radius:12px;padding:1rem}.vn-build-target>.vn-bi>[lang]{text-align:center;color:#726080}.vn-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:.75rem}.vn-summary-card{border:1px solid var(--tone-line,#ddcfea);border-top:4px solid var(--tone,#76529c);padding:1.1rem;border-radius:12px;background:var(--tone-bg,#faf7fd);min-width:0}.vn-summary-card strong{color:var(--tone,#634092)}.vn-summary-card>p.ar{font-size:1.6rem;color:#483159;background:#fff;padding:.6rem;border-radius:8px;line-height:2.1}.vn-summary-card p{font-size:1rem}.vn-key-challenge{padding:1.2rem;border:1px solid #e2c88f;background:#fffaf0;border-radius:12px;margin:1.4rem 0}.vn-key-challenge>p.ar{font-size:1.8rem;text-align:center}.lang-ar .vn-map,.lang-ar .vn-summary,.lang-ar .vn-lab,.lang-ar .vn-key-challenge,.lang-ar .vn-more,.lang-ar .vn-tip{direction:rtl}.lang-ar .vn-bi>[lang=ar]{text-align:right}.lang-ar .vn-root .vn-bi>[lang]{text-align:center}.lang-ar .vn-analysis{direction:rtl}.vn-node-button:hover{background:#ffffff70}.vn-more summary:hover{color:#45245f}@media(max-width:650px){.vn-branches,.vn-summary-grid{grid-template-columns:1fr}.vn-node-button{min-height:66px}.vn-root{font-size:.95rem}.vn-word{padding:.35rem .7rem}.vn-word>.ar{font-size:1.75rem}.vn-sentence{gap:.5rem;padding:.8rem .4rem}.vn-analysis{grid-template-columns:1fr;gap:.3rem}.vn-lab,.vn-key-challenge{padding:1rem}.vn-word-label{font-size:.875rem!important}.vn-legend{gap:.5rem}.vn-summary-card{padding:1rem}.vn-summary-card>p.ar{font-size:1.5rem}.vn-build-target{padding:.7rem}}@media(prefers-reduced-motion:reduce){.vn-word{transition:none}}@media print{.vn-node>div[hidden]{display:block}.vn-summary-grid{grid-template-columns:repeat(2,1fr)}.vn-summary-card{break-inside:avoid}.vn-key-challenge{display:none}}:root{font-size:16px;--purple:#634092;--purple-dark:#3d215f;--ink:#2f263d;--muted:#736780;--gold:#ac7c2c;--line:#e7e1ee;--soft:#f6f3fa;--paper:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#57357f;color:var(--ink)}.app{min-height:100vh;background:radial-gradient(ellipse at 15% 0%,#916abd70,transparent 52%),linear-gradient(145deg,#40265f,#65418d 58%,#7958a3);background-attachment:fixed;padding-bottom:1px}button,input,select{font:inherit}button,summary{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c99946;outline-offset:4px}button{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-weight:650}p{line-height:1.85;white-space:pre-line}a{color:#694596;text-decoration:underline}.ar{font-family:Noto Naskh Arabic,Traditional Arabic,Georgia,serif;line-height:1.9;font-size:1.3em;letter-spacing:0!important}.bi{display:flex;flex-direction:column;gap:.25rem}.bi>[lang=ms]{direction:ltr;text-align:left}.bi>[lang=ar]{direction:rtl;text-align:right}.lang-bi .bi>[lang=ar]{color:#756384}.lang-ar .bi>[lang=ar]{text-align:inherit;color:inherit}.topbar{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:85px;padding:1rem 1.3rem;color:#fff}.brand{display:flex;align-items:center;gap:.7rem;background:none;border:0;color:#fff;font-weight:650;font-size:.95rem;letter-spacing:.07em;padding:0}.language-choice select{background:#ffffff10;color:#fff;border:1px solid #ffffff45;border-radius:9px;padding:.65rem .9rem;min-height:44px;max-width:190px}.language-choice option{background:#fff;color:var(--ink)}.official-logo{display:block;position:relative;overflow:hidden;background:#fff;border-radius:10px;flex-shrink:0}.official-logo img{position:absolute;width:150%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-logo{width:310px;height:219px;margin:0 auto}.compact-logo{width:134px;height:89px}.shell{width:calc(100% - 2rem);max-width:940px;margin:0 auto 2rem;padding:1.8rem 2rem;border-radius:18px;background:var(--paper)}.shell h1{font-size:clamp(1.45rem,3.8vw,2rem);line-height:1.35;margin:.15rem 0 1rem}.shell h1 .ar{font-size:1.07em}.shell h2{font-size:1.25rem;margin:.3rem 0 1rem;line-height:1.5}.shell h3{font-size:1.1rem;margin:1rem 0 .6rem}.shell p{margin:.8rem 0}.home-shell{max-width:690px;background:none;padding:0;border:0}.home-panel{background:#fff;border-radius:20px;padding:1.3rem 2.5rem 1.5rem;box-shadow:0 18px 65px #23113324}.home-intro{font-size:1rem;text-align:center;margin:.15rem 0 1.1rem!important}.home-intro .bi{text-align:center}.home-intro>[lang]{text-align:center}.home-intro .ar{font-size:1.14em}.house-gate{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:.9rem;padding:1.05rem 0;border-block:1px solid var(--line);margin:1.1rem 0 1.3rem}.house-symbol{position:relative;color:#a38cae;width:72px;height:80px;display:grid;place-items:center}.house-lock{position:absolute;left:26px;top:36px;background:#fff;border-radius:8px;padding:4px;color:#8e6c37}.gate-copy{min-width:0}.gate-copy>strong{font-size:.95rem;gap:.1rem}.gate-copy>strong .ar{font-size:1.1em}.gate-caption{font-size:.86rem;line-height:1.55;margin-top:.4rem;gap:.2rem}.gate-caption .ar{font-size:1.15em}.house-gate progress{margin-top:.6rem}.house-gate.is-ready .house-symbol,.house-gate.is-open .house-symbol{color:#976b25}.house-gate.is-open{background:#fffcf4;border-color:#ebd7ad;border-radius:12px;padding:1.05rem}.gate-button{grid-column:1/-1;width:100%;margin-top:.25rem}.house-gate.is-opening .house-lock{animation:unlock-turn 1s ease-in-out both}.house-gate.is-open .house-symbol{animation:open-door .6s ease-out both}.house-gate.is-opening .house-symbol>svg{animation:open-door 1s ease both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:46px;padding:.75rem 1.2rem;background:var(--purple);color:#fff;border:1px solid var(--purple);border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none}.btn .bi>[lang=ar]{color:inherit;font-size:1.14em}.btn.light{background:#fff;color:var(--purple);border-color:#dfd4eb}.btn.gold{background:#ae7c2b;color:#fff;border-color:#ae7c2b}.btn.selected,.btn.light.selected{background:#eee6f8;border-color:#8261ac}.btn:hover:not(:disabled){filter:brightness(.97)}.start-button{display:flex;width:100%;padding:.8rem 1.2rem}.start-button .bi{flex:1;text-align:center;gap:.1rem}.start-button .bi>[lang]{text-align:center}.next-topic{font-size:.85rem;margin:.65rem 0 0!important;color:var(--muted);text-align:center;gap:0}.next-topic>[lang]{text-align:center!important}.next-topic .ar{font-size:1.15em}.home-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.home-menu button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:#fff;border:0;border-radius:12px;padding:1.1rem .65rem;min-height:112px;color:#65498a;font-size:.9rem}.home-menu button .bi{gap:.1rem}.home-menu button .bi>[lang]{text-align:center}.home-menu .ar{font-size:1.1em}.home-menu button:hover{background:#f4eefb}.back-strip{padding:0;background:none;margin-bottom:.5rem;border-radius:0}.back-strip .text-btn{color:#fff}.text-btn{display:inline-flex;align-items:center;gap:.5rem;border:0;background:none;padding:.4rem 0;color:var(--purple);font-size:.9rem}.text-btn .bi{gap:0}.text-btn .ar{font-size:1.08em}.reading-shell{max-width:850px}.reading-title{padding-top:1rem}.eyebrow{font-size:.85rem;color:#897493;font-weight:600}.eyebrow .ar{font-size:1.1em}.reading-title .eyebrow{flex-direction:row;gap:.7rem;align-items:center}.reading-title h1{font-size:1.6rem;margin-top:.6rem}.step-track{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:1.25rem 0 1.5rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem;position:relative}.step-track button{display:flex;align-items:center;justify-content:center;flex:1;max-width:64px;min-height:42px;border:1px solid #ded4e8;border-radius:9px;background:#fff;color:#9a89a8;font-weight:600;font-size:.95rem}.step-track button.current{background:var(--purple);border-color:var(--purple);color:#fff}.step-track button.done{background:#f0e9f8;color:#745594;border-color:#dacbeb}.step-track button.done.current{background:var(--purple);color:#fff}.step-track button:disabled{background:#faf8fc}.lesson-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.5rem;min-width:0}.reading-shell>.lesson-panel{border:0;border-radius:0;padding:0}.step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.step-heading h2{margin-top:0}.step-count{font-size:.85rem;color:#8a7a95;text-align:end}.step-count .ar{font-size:1.07em}.lead{font-size:1.07rem;line-height:1.9}.lead .ar{font-size:1.4em}.lesson-panel .bi{gap:.55rem}.lesson-panel .step-heading .bi{gap:.1rem}.note{padding:1.1rem 1.2rem;background:var(--soft);border-inline-start:3px solid #ad95c4;border-radius:0 8px 8px 0;margin:1.5rem 0}.note>p:last-child{margin-bottom:0}.note .ar{color:#665475!important}.note strong{font-size:.95rem}.lesson-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:1.8rem;padding-top:1.25rem}.lesson-footer .bi{gap:0}.step-hint{font-size:.85rem;color:var(--muted);margin:.7rem 0 0!important}.step-hint .ar{font-size:1.1em}.example{font-size:clamp(1.65rem,4vw,2.2rem);line-height:2.1!important;text-align:center;background:#f5f1fa;padding:1.3rem;border-radius:11px;color:#5c387f}.flash{width:100%;min-height:210px;padding:1.8rem;border:1px dashed #aa90c5;border-radius:14px;background:#f6f2fb;color:#68468a;text-align:start}.flash h3{font-size:1.5rem}.options{display:flex;flex-direction:column;gap:.7rem;margin:1.5rem 0}.option{display:flex;gap:.9rem;align-items:center;text-align:start;padding:.95rem 1rem;background:#fff;border:1px solid #d9cde5;border-radius:9px;min-height:56px;color:var(--ink)}.option .bi{flex:1}.option:disabled{opacity:1}.option-number{font-size:.85rem;color:#8a759e;flex-shrink:0}.correct{background:#eef5ed!important;border-color:#6f946a!important}.wrong{background:#fff0ee!important;border-color:#c2887b!important}.feedback{background:#f4f0f8;padding:1.1rem;border-radius:10px;margin:1.2rem 0}.feedback.success{background:#eef5ed}.feedback.retry{background:#fff5ec}.achievement{text-align:center;padding:1.3rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.achievement>svg{color:#ac7c2c}.achievement h2{font-size:2rem}.achievement .bi{max-width:680px}.achievement>.bi>[lang]{text-align:center}.achievement .note{text-align:start;width:100%}.earned-key{color:#a3732c;background:#fbf4e5;border:1px solid #eddfbb;padding:1.1rem;border-radius:50%;margin-bottom:.5rem}.topic-controls{display:flex;gap:.8rem;align-items:stretch;margin-top:1.4rem}.search{display:flex;align-items:center;gap:.65rem;border:1px solid #ddd3e7;border-radius:9px;padding:.7rem .85rem;flex:1;background:#fff;min-width:0}.search svg{color:#9f88b3}.search input{width:100%;min-width:0;color:var(--ink);border:0;padding:.2rem;background:none}.search button{border:0;background:none;font-size:1.3rem;color:#997dae}.page-intro{color:var(--muted);font-size:.95rem}.page-intro .ar{font-size:1.2em}.filters,.actions,.number-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.4rem}.filter{padding:.55rem .9rem;background:#fff;color:var(--muted);border:1px solid #e4dcea;border-radius:8px;font-size:.85rem}.filter .ar{font-size:1.1em}.filter.selected{color:var(--purple);background:#f2ecf9;border-color:#c4afd7}.topic-list{border-top:1px solid var(--line)}.topic-row{display:flex;align-items:center;gap:.3rem;border-bottom:1px solid var(--line)}.topic-link{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;border:0;background:none;padding:1rem .25rem;text-align:start}.topic-link h2{font-size:1rem;flex:1;margin:0;font-weight:550}.topic-link h2 .ar{font-size:1.2em}.topic-number{width:34px;height:38px;display:grid;place-items:center;font-size:.9rem;color:#9f8aac;flex-shrink:0}.topic-number.finished{color:#a3732c}.topic-step-count{font-size:.85rem;color:#9a89a7;white-space:nowrap}.topic-link>svg{color:#ac9ab7}.save-btn{padding:.6rem;border:0;background:none;color:#bcadca}.save-btn.saved{color:#a47528}.save-btn.saved svg{fill:#f2e2bf}.topic-link:hover h2{color:var(--purple)}.tool-list{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:1.5rem}.tool-card{display:flex;align-items:center;gap:1.25rem;text-align:start;padding:1.4rem .4rem;background:#fff;border:0;border-bottom:1px solid var(--line)}.tool-card>svg{color:#987ab3}.tool-card>div{flex:1}.tool-card h2{font-size:1.1rem;margin:0}.tool-card h2 .ar{font-size:1.15em}.tool-card p{font-size:.9rem;color:var(--muted);margin:.4rem 0 0}.tool-card p .ar{font-size:1.15em}.tool-card:hover{background:#faf8fc}.word-line,.builder-target{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding:1.5rem 0}.word{font-size:1.8rem;color:var(--purple-dark);background:#faf7fd;border:1px solid #d9cbe6;border-radius:8px;padding:.35rem 1rem}.word.selected{background:var(--purple);color:#fff;border-color:var(--purple)}.builder-target{align-items:center;min-height:110px;border:1px dashed #b79dcc;border-radius:10px;padding:1rem;background:#faf7fd;margin:1rem 0}.classify-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.7rem 0;border-bottom:1px solid #dfd4e9}.classify-row>.ar{min-width:80px;font-size:1.65rem}.classify-row .actions{margin:0}.classify-row .btn{padding:.4rem .6rem;font-size:.85rem}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.5rem 0}.gloss-card{padding:1.15rem;text-align:start;background:#fff;border:1px solid var(--line);border-radius:10px}.gloss-card h3{margin:0 0 .7rem;font-size:1.05rem}.gloss-card>span{font-size:.85rem;color:#947ba5}.gloss-card p{font-size:.95rem}.notice{background:#fff4dc;color:#715628;padding:1rem;border:1px solid #dac08d;max-width:900px;margin:1rem auto;border-radius:8px}details{margin-top:1.4rem}summary{font-weight:550;color:var(--purple);display:list-item}summary>.bi{display:inline-flex}.footer{display:flex;justify-content:center;color:#ece2f7;max-width:950px;margin:1.3rem auto 1.8rem;font-size:.85rem;opacity:.85}.footer>.bi{flex-direction:row;gap:1rem;align-items:center}.footer .ar{color:#ece2f7!important;font-size:1.1em}.skip-link{position:absolute;top:-100px;background:#fff;padding:1rem;z-index:100}.skip-link:focus{top:0}#content:focus{outline:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes unlock-turn{0%{transform:rotate(0)}45%{transform:rotate(-45deg);color:#c59434}to{transform:rotate(0);opacity:.3}}@keyframes open-door{0%{opacity:.35;transform:scale(.91)}to{opacity:1;transform:scale(1)}}@media(max-width:650px){.topbar{min-height:73px;padding:.8rem 1rem}.brand{font-size:.82rem;gap:.5rem}.brand>svg{width:20px}.language-choice select{font-size:.85rem;padding:.6rem;max-width:150px}.compact-logo{width:112px;height:75px}.shell{padding:1.4rem 1.15rem;border-radius:15px}.home-shell{padding:0;max-width:520px}.home-panel{padding:1rem 1.3rem 1.25rem;border-radius:16px}.hero-logo{width:270px;max-width:100%;height:191px}.home-intro{font-size:.95rem}.house-gate{grid-template-columns:59px 1fr;gap:.6rem}.house-symbol{width:57px}.house-symbol>svg{width:56px}.house-lock{left:18px;top:38px;padding:3px}.house-lock svg{width:17px}.gate-caption{font-size:.82rem}.gate-caption .ar{font-size:1.14em}.home-menu{gap:.5rem}.home-menu button{padding:.9rem .3rem;font-size:.8rem;min-height:107px}.home-menu .ar{font-size:1.16em}.home-menu button>svg{width:20px}.reading-title h1{font-size:1.4rem}.step-track{gap:.4rem;margin-bottom:1.2rem}.step-track button{max-width:48px;min-height:39px;font-size:.9rem}.lesson-panel{padding:1.1rem}.reading-shell>.lesson-panel{padding:0}.step-heading{gap:.6rem}.step-heading h2{font-size:1.15rem}.step-count{font-size:.78rem}.lesson-footer .btn{padding:.65rem .8rem;font-size:.85rem}.lesson-footer{gap:.6rem}.lead{font-size:1.03rem}.lead .ar{font-size:1.42em}.topic-link{gap:.45rem}.topic-link h2{font-size:.95rem}.topic-number{width:25px;font-size:.82rem}.topic-link>svg{display:none}.topic-step-count{font-size:.78rem}.save-btn{padding:.55rem .3rem}.topic-controls{gap:.5rem}.topic-controls>.btn{padding:.6rem .7rem;font-size:.85rem}.level-filters{gap:.35rem}.filter{padding:.45rem .7rem}.card-grid{grid-template-columns:1fr}.tool-card{gap:.85rem;padding:1.25rem 0}.tool-card>svg:last-child{width:16px}.tool-card h2{font-size:1rem}.tool-card p{font-size:.85rem}.word{font-size:1.6rem;padding:.3rem .8rem}.note{padding:1rem}.footer{font-size:.8rem}.back-strip{padding:0 0 .1rem;background:none}.number-nav .btn{min-width:41px;padding:.6rem .8rem}}@media(max-width:360px){.hero-logo{width:245px;height:173px}.home-panel{padding:1rem}.home-menu button{font-size:.75rem}.topbar{gap:.5rem}.brand{font-size:.74rem}.language-choice select{max-width:130px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.app{background:#fff}.topbar,.footer,.step-track,.lesson-footer,.btn,.back-strip{display:none}.shell{max-width:none;width:100%;padding:0;border:0;margin:0}.note{break-inside:avoid}}.home-shell{max-width:740px}.home-panel{padding:1.1rem 2.2rem 1.5rem}.home-panel .hero-logo{width:180px;height:123px}.home-panel .home-intro{font-size:.94rem;margin:.1rem 0 .6rem!important}.house-experience{margin:.6rem 0 1.1rem}.house-scene{position:relative;width:100%;max-width:370px;aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:24px;background:#f6f1fc;isolation:isolate}.house-art{position:absolute;inset:0;background-image:url(../house-nahu-sprite.png);background-size:200% 133.333333%;background-repeat:no-repeat}.house-art-closed{background-position:left 45%;opacity:1;transition:opacity 1.1s ease}.house-art-open{background-position:right 45%;opacity:0;transition:opacity 1.1s ease}.is-opening .house-art-open,.is-open .house-art-open{opacity:1}.is-opening .house-art-closed,.is-open .house-art-closed{opacity:0}.window-light{position:absolute;width:14.2%;height:26.3%;top:42.47%;clip-path:polygon(50% 0,72% 16%,91% 34%,100% 50%,100% 100%,0 100%,0 50%,9% 34%,28% 16%);pointer-events:none;background:radial-gradient(ellipse at center,#fff8c2ba,#ffc75c70 46%,#ffc75c00 74%);mix-blend-mode:screen;filter:blur(2px);transition:opacity 1s ease}.window-light-left{left:18.1%}.window-light-right{left:67.9%}.scene-lock{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:#7b5219;background:#fff7de;border:1px solid #dcb874;box-shadow:0 3px 12px #4c2b3926}.is-ready .scene-lock{background:#f5cf7b;color:#593805}.is-opening .scene-lock{animation:house-unlock 1.1s ease forwards}.house-progress-panel{position:relative;z-index:1;max-width:560px;margin:.65rem auto 0;padding:1rem 1.15rem;background:#fcfaff;border:1px solid #e6dceb;border-radius:14px}.key-progress-heading{display:flex;gap:.65rem;align-items:center}.collection-icon{color:#987024;display:flex}.key-progress-heading>.bi{flex:1;font-size:.94rem;gap:.1rem}.key-progress-heading>.bi>.ar{font-size:1.16em}.key-total{display:flex;align-items:baseline;gap:.35rem;white-space:nowrap;color:#766187}.key-total b{font-size:1.65rem;color:#634092;font-weight:700}.key-total>span{font-size:.95rem}.key-collection{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:4px;margin:1rem 0 .7rem}.key-collection>span{display:grid;place-items:center;min-height:26px;color:#c7bdd1;border-radius:5px;background:#f0eaf6}.key-collection>span.collected{background:#f6e4b7;color:#8b6018}.key-collection svg{max-width:100%}.house-step-progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:20px;background:#e9e0f1;overflow:hidden}.house-step-progress::-webkit-progress-bar{background:#e9e0f1}.house-step-progress::-webkit-progress-value{background:#8660ac;border-radius:20px}.house-step-progress::-moz-progress-bar{background:#8660ac}.house-status{font-size:.9rem;color:#6b597c;line-height:1.65;margin-top:.65rem;gap:.1rem}.house-status>.ar{font-size:1.15em}.is-open .house-progress-panel{background:#fffaf0;border-color:#e6cf9f}.is-open .key-total b{color:#9c7020}.open-house-button{margin:.9rem 0 0;width:100%}.new-key-status:empty{display:none}.new-key-status{font-size:.9rem;color:#8a601e;margin-top:.6rem}.new-key-status>.bi{gap:.1rem}.key-arrival{position:absolute;left:46%;top:35%;color:#b88725;filter:drop-shadow(0 2px 4px #fff);animation:house-key-arrival 2.7s ease-in-out both}.home-panel .start-button{max-width:560px;margin:0 auto}.home-panel .next-topic{max-width:560px;margin:.65rem auto 0!important}.home-menu{max-width:650px;margin:1rem auto 0}.home-menu button{min-height:98px}.lang-ar .key-progress-heading{direction:rtl}.lang-ar .key-total{direction:ltr}.lang-ar .house-status>.ar{text-align:right}@keyframes house-unlock{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}45%{transform:translate(-50%,-50%) rotate(-40deg);opacity:1}to{transform:translate(-50%) rotate(0);opacity:0}}@keyframes house-key-arrival{0%{opacity:0;transform:translateY(-30px) scale(.65)}25%{opacity:1;transform:translateY(0) scale(1.25)}65%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(160px) scale(.5)}}@media(max-width:650px){.home-panel{padding:1rem 1rem 1.2rem}.home-panel .hero-logo{width:145px;height:99px}.home-panel .home-intro{font-size:.875rem}.house-scene{max-width:290px;border-radius:18px}.house-progress-panel{padding:.85rem}.key-collection{gap:3px}.key-collection>span{min-height:23px}.key-collection svg{width:12px}.key-progress-heading{gap:.5rem}.key-progress-heading>.bi{font-size:.875rem}.key-total b{font-size:1.45rem}.house-status{font-size:.875rem}.scene-lock{width:36px;height:36px}.scene-lock svg{width:20px}.home-menu button{min-height:94px;font-size:.875rem}.home-menu{gap:.5rem}.key-arrival svg{width:27px}}@media(prefers-reduced-motion:reduce){.house-art,.window-light{transition:none}.key-arrival{animation:none;display:none}.is-opening .scene-lock{animation:none;opacity:0}}@media print{.house-scene{print-color-adjust:exact;-webkit-print-color-adjust:exact}.key-arrival,.scene-lock{display:none}}.house-layout-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.15rem auto;max-width:620px}.house-part-button{border:1px solid #ded0eb;background:#faf7fd;border-radius:13px;padding:1rem;display:flex;gap:.7rem;text-align:start;align-items:flex-start;color:#563579}.house-part-number{color:#a6782b;background:#fff3d8;min-width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:.9rem}.house-part-button>div{flex:1;min-width:0}.house-part-button strong{font-size:1.05rem}.house-part-button .part-tag{font-size:.9rem;margin-top:.4rem;color:#786386}.house-part-button .ar{font-size:1.15em}.house-part-button:hover{background:#eee5f8;border-color:#ad8fc8}.house-map-intro{font-size:1rem;max-width:560px;margin:1rem auto!important;color:#675174}.house-route-note{background:#f5effb;border-radius:10px;padding:1rem;margin:1rem 0;font-size:1rem}.house-route-note .ar{font-size:1.25em}.house-filter-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.house-filter-nav .btn{font-size:.9rem;padding:.55rem .8rem}.room-description{border-inline-start:3px solid #b89354;padding:.5rem 1rem;margin:1rem 0}.decoration-controls{display:flex;flex-direction:column;gap:.7rem;margin:1.2rem 0}.decoration-controls select{font:inherit;background:#fff;border:1px solid #d6c3e5;border-radius:9px;padding:.75rem;width:100%;min-height:48px;color:#463057}.house-note-link{margin:0 0 1rem;padding:.7rem 1rem;border:1px solid #e5d8ef;background:#faf7fd;border-radius:9px;font-size:.9rem}.house-note-link .ar{font-size:1.15em}.lang-ar .house-part-button{direction:rtl}.home-panel .house-scene{max-width:310px}.home-panel .hero-logo{width:155px;height:106px}.home-panel .house-progress-panel{margin-top:.5rem}.house-layout-nav+.start-button{margin-top:1rem}@media(max-width:650px){.house-part-button{padding:.85rem;gap:.5rem}.house-part-number{min-width:24px;height:26px}.house-part-button strong{font-size:.94rem}.house-part-button .part-tag{font-size:.875rem}.house-layout-nav{gap:.55rem}.home-panel .house-scene{max-width:265px}.home-panel .hero-logo{width:140px;height:96px}}@media(max-width:360px){.house-layout-nav{grid-template-columns:1fr}}.related-topic-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.related-topic-links .btn{justify-content:flex-start;text-align:start}.lesson-reference{font-size:.875rem;margin:1.2rem 0}.key-collection{grid-template-columns:repeat(25,minmax(0,1fr))!important;gap:3px}.key-collection>span{min-height:19px}.key-collection svg{width:11px}.lesson-reference .ar{font-size:1.15em}.curriculum-update{font-size:.9rem;background:#fff6df;border:1px solid #ead6a5;border-radius:10px;padding:.8rem;margin:.7rem 0}.curriculum-update .ar{font-size:1.2em}@media(max-width:650px){.key-collection{grid-template-columns:repeat(15,minmax(0,1fr))!important}.key-collection>span{min-height:19px}}.learning-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;text-align:left;width:100%}.learning-space{display:flex;align-items:center;gap:14px;width:100%;padding:18px;border:1px solid #d8caeb;border-radius:18px;background:#fff;color:#452569;text-align:start;cursor:pointer;font:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.learning-space:hover{transform:translateY(-2px);border-color:#76519c;box-shadow:0 5px 18px #63409218}.learning-space:focus-visible{outline:3px solid #8054af;outline-offset:3px}.learning-space:first-child{grid-column:1/-1}.space-current{border:2px solid #76519c;background:#f7f1fc}.space-complete{border-color:#b19449;background:#fffcf3}.space-index{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#eee3fa;font-weight:700;font-size:20px}.space-complete .space-index{background:#f4e6b7;color:#795a12}.space-copy{display:grid;gap:7px;flex:1;min-width:0}.space-copy strong{font-size:17px}.space-description{font-size:14px;line-height:1.6;color:#67577b}.space-copy progress{width:100%;height:7px;accent-color:#76519c}.space-count{font-size:14px}.space-review{margin-top:30px;padding-top:20px;border-top:1px solid #d8caeb}@media(max-width:640px){.learning-path{grid-template-columns:1fr}.learning-space{padding:15px;gap:10px}}@media(prefers-reduced-motion:reduce){.learning-space{transition:none}.learning-space:hover{transform:none}}.reward-dialog{width:min(560px,calc(100% - 1.5rem));max-height:calc(100dvh - 1.5rem);border:1px solid #d9c19b;border-radius:22px;padding:1.2rem 1.5rem;background:#fff;color:#3f2c52;overflow:auto;box-shadow:0 30px 100px #25123966}.reward-dialog::backdrop{background:#261137bd;backdrop-filter:blur(5px)}.reward-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.reward-eyebrow{font-size:.875rem;color:#86653a}.reward-top .text-btn{min-height:44px;padding:.3rem .6rem}.reward-title{margin:.25rem 0;font-size:1.8rem;color:#684191}.reward-dialog h3{margin:.4rem 0 .7rem;font-size:1.05rem}.reward-title>[lang],.reward-dialog h3 .bi>[lang]{text-align:center!important}.reward-scene{max-width:265px!important;width:100%;margin:.4rem auto}.reward-scene .house-art{transition:opacity 1s ease}.reward-turning-key{position:absolute;left:50%;top:61%;color:#ad7621;background:#fff0cd;border:1px solid #dab165;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 6px #fff6)}.reward-stage-0 .reward-turning-key{animation:reward-key-appear .8s ease both}.reward-stage-1 .reward-turning-key{animation:reward-key-turn 1.2s ease both}.reward-stage-2 .reward-turning-key{animation:reward-key-collect 1.25s ease both}.reward-stage-3 .reward-turning-key{display:none}.reward-status{font-size:1rem;color:#785627;text-align:center;min-height:45px}.reward-status .bi>[lang]{text-align:center!important}.reward-counter{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.7rem auto;color:#996c25;background:#fff6e3;border:1px solid #ebd39d;border-radius:13px;padding:.7rem 1rem;max-width:250px}.reward-counter strong{font-size:1.8rem}.reward-counter>.bi{font-size:.875rem}.reward-counter>.bi .ar{font-size:1.1em}.reward-copy{font-size:1rem;line-height:1.7}.reward-copy>[lang]{text-align:center!important}.reward-actions{display:flex;flex-direction:column;gap:.6rem}.reward-actions .bi>[lang]{text-align:center!important}.reward-audio{display:flex;justify-content:center;margin:.7rem auto 0;min-height:44px}.reward-audio-message{font-size:.875rem}.reward-spark{position:absolute;left:var(--x);top:25%;width:6px;height:10px;background:#d3a549;opacity:0;pointer-events:none;border-radius:2px}.reward-stage-2 .reward-spark{animation:reward-spark-fall 1.3s var(--delay) ease-out both}.reward-stage-3 .reward-counter{animation:reward-counter-settle .4s ease both}.house-progress-panel .metaphor-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.9rem}.metaphor-progress>div{border:1px solid #e4d8ed;border-radius:9px;padding:.5rem;background:#fff;min-width:0}.metaphor-progress .bi{font-size:.875rem}.metaphor-progress .ar{font-size:1.12em}.metaphor-progress progress{width:100%;height:5px;accent-color:#b38a35}.metaphor-progress small{font-size:.875rem;color:#785e88}.foundation-light{position:absolute;left:6%;width:88%;top:83%;height:4%;background:radial-gradient(ellipse,#ffd977a8,transparent 70%);filter:blur(3px);pointer-events:none}.pillar-light{position:absolute;top:43%;height:37%;width:5%;background:linear-gradient(90deg,transparent,#ffe19399,transparent);filter:blur(2px);pointer-events:none}.pillar-light-left{left:6%}.pillar-light-right{right:6%}.main-house-sparks{position:absolute;inset:0;pointer-events:none}.main-house-sparks .reward-spark{animation:reward-spark-fall 1.3s var(--delay) ease-out both}@keyframes reward-key-appear{0%{opacity:0;transform:translate(-50%,-160%) scale(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes reward-key-turn{0%{transform:translate(-50%,-50%) rotate(0)}65%,to{transform:translate(-50%,-50%) rotate(-90deg)}}@keyframes reward-key-collect{0%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg)}40%{opacity:1;transform:translate(-50%,10%) rotate(0)}to{opacity:0;transform:translate(-50%,140px) scale(.4)}}@keyframes reward-spark-fall{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--drift),180px) rotate(170deg)}}@keyframes reward-counter-settle{0%{transform:scale(.94)}70%{transform:scale(1.04)}to{transform:scale(1)}}@media(max-width:650px){.reward-dialog{padding:1rem;border-radius:16px}.reward-scene{max-width:220px!important}.reward-title{font-size:1.5rem}.reward-turning-key{width:43px;height:43px}.reward-turning-key svg{width:31px}.reward-dialog h3{font-size:1rem}}@media(prefers-reduced-motion:reduce){.reward-dialog *{animation:none!important;transition:none!important}.reward-spark,.key-arrival{display:none!important}}@media print{.reward-dialog{display:none}}.app{position:relative;isolation:isolate}.app:before{content:"";position:fixed;inset:-12px;z-index:-1;pointer-events:none;background-image:url(../islamic-pattern.svg);background-size:260px 260px;opacity:.23;filter:blur(1.6px)}.official-logo{isolation:isolate;box-shadow:0 0 22px #63409226}.official-logo:after{content:"";position:absolute;inset:-25% auto -25% -75%;width:35%;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,#eee4fa18 15%,#fff9 50%,#ddc8f233 75%,transparent);transform:translate(0) skew(-20deg);animation:logo-light-sweep 7s ease-in-out infinite}.official-logo:hover:after,.official-logo:focus-within:after{animation-play-state:paused}@keyframes logo-light-sweep{0%,12%{transform:translate(0) skew(-20deg);opacity:0}18%{opacity:.8}52%{transform:translate(650%) skew(-20deg);opacity:.8}58%,to{transform:translate(650%) skew(-20deg);opacity:0}}@media(max-width:650px){.app:before{background-size:190px 190px;opacity:.2}}@media(prefers-reduced-motion:reduce){.official-logo:after{animation:none;opacity:0}}@media print{.app{background:#fff}.app:before,.official-logo:after{display:none}}:root{--bg-deep:#29143e;--bg-mid:#4a286d;--bg-soft:#72509a;--gold-soft:#e8c47b;--cream:#fff7eb}body{background:var(--bg-deep)}.app{background:radial-gradient(circle at 72% 30%,rgba(179,113,224,.24),transparent 34%),radial-gradient(circle at 18% 10%,rgba(130,79,174,.32),transparent 36%),linear-gradient(135deg,#261039,#3b1c59 48%,#5a327e)}.app:before{inset:0;background-image:url(../arabesque-gold.png);background-size:430px auto;background-repeat:repeat;opacity:.075;filter:hue-rotate(228deg) saturate(.45) brightness(1.4);mix-blend-mode:screen}.topbar{max-width:1440px;min-height:92px;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-family:Georgia,Times New Roman,serif;font-size:1.15rem;letter-spacing:.02em}.brand svg{color:var(--gold-soft)}.shell{max-width:1180px}.reading-shell{max-width:1080px}.home-stage{width:min(1440px,calc(100% - 3rem));margin:0 auto 2rem;min-height:calc(100vh - 150px);display:grid;place-items:center}.home-hero{position:relative;width:100%;min-height:680px;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(500px,1.18fr);align-items:center;gap:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:linear-gradient(115deg,#220f33b3,#4a256775);box-shadow:0 28px 90px #12071d4d;backdrop-filter:blur(2px)}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 48%,rgba(239,201,255,.16),transparent 36%),linear-gradient(90deg,rgba(18,7,28,.34),transparent 50%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:4rem 1rem 4rem 4.5rem;color:var(--cream)}.hero-official-logo{position:relative;display:block;width:min(350px,74%);margin:0 0 1.05rem;border-radius:26px;padding:.4rem;background:linear-gradient(135deg,#ffffff24,#ffffff0d);box-shadow:0 14px 34px #1303203d,inset 0 0 0 1px #ffffff24;overflow:hidden}.hero-official-logo:before{content:"";position:absolute;inset:-30% auto -30% -45%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,244,214,.68),rgba(255,255,255,.12),transparent);transform:skew(-22deg);animation:logoShine 4.6s ease-in-out infinite}.hero-official-logo:after{content:"";position:absolute;inset:0;border-radius:26px;box-shadow:0 0 28px #d1a3ff2e,0 0 48px #e8c47b1a;pointer-events:none}.hero-official-logo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;filter:drop-shadow(0 10px 22px rgba(19,3,32,.18))}.ruang-mark{width:88px;height:88px;display:grid;place-items:center;color:var(--gold-soft);margin:0 0 .6rem}.ruang-mark svg{width:78px;height:78px;stroke-width:1.3}.hero-copy h1{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:clamp(5rem,8vw,8.8rem);line-height:.88;letter-spacing:-.055em;margin:0;color:#fff2df;text-shadow:0 8px 38px rgba(8,1,15,.3)}.hero-welcome{margin:0 0 .75rem;color:#f0d8ad;letter-spacing:.14em;text-transform:uppercase;font-size:.86rem;font-weight:700}.hero-welcome .ar{color:#f0d8ad!important;font-size:1.06em;letter-spacing:normal;text-transform:none}.hero-summary{max-width:560px;margin:1.1rem 0 0;color:#f4ebfb;line-height:1.85;font-size:1.05rem}.hero-summary .ar{color:#f5eafb!important;font-size:1.12em}.hero-summary.emphasis{margin-top:.55rem;color:#ffe7bc;font-weight:700}.hero-summary.emphasis .ar{color:#ffe7bc!important}.hero-highlights{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.35rem 0 .25rem}.hero-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,233,188,.22);color:#fff3df;font-size:.9rem;font-weight:600;backdrop-filter:blur(4px)}.hero-chip:before{content:"\2726";color:var(--gold-soft)}.hero-chip .ar{color:#fff3df!important;font-size:1.06em}.ruang-rule{display:flex;align-items:center;gap:16px;margin:2rem 0 2.2rem;width:min(360px,90%)}.ruang-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold-soft))}.ruang-rule span:last-child{background:linear-gradient(90deg,var(--gold-soft),transparent)}.ruang-rule i{width:11px;height:11px;border:2px solid var(--gold-soft);transform:rotate(45deg)}.hero-start{min-width:310px;display:flex;align-items:center;justify-content:center;gap:.9rem;padding:1rem 1.35rem;border-radius:999px;border:1px solid rgba(255,221,162,.72);background:linear-gradient(135deg,#753796f2,#482064f5);color:#fff7ec;font-weight:700;font-size:1.05rem;box-shadow:0 0 0 3px #ce8eff14,0 16px 36px #15071e3d}.hero-start:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #d8a1ff1c,0 18px 42px #15071e52}.hero-start .bi{flex-direction:row;gap:.5rem}.hero-start .bi>[lang=ar]{color:#f5dfc0}.hero-start>svg:first-child{color:var(--gold-soft)}.hero-house-wrap{position:relative;z-index:1;padding:3.5rem 4rem 3.5rem 0;display:grid;place-items:center}.hero-house-wrap:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(244,196,255,.23),rgba(114,60,157,.07) 52%,transparent 72%);filter:blur(10px)}.hero-house-wrap .house-experience{width:100%;margin:0;position:relative}.hero-house-wrap .house-scene{max-width:590px;width:min(100%,590px);border-radius:30px;background:#ffffff0a;box-shadow:0 34px 65px #0a021261,0 0 0 1px #ffffff14}.hero-house-wrap .scene-lock{width:58px;height:58px;background:#34154aeb;color:var(--gold-soft);border-color:#e8c47bb3;box-shadow:0 0 30px #e8c47b33}.learning-overlay{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end;background:#13071d94;backdrop-filter:blur(8px);animation:overlay-in .22s ease-out}.learning-drawer{position:relative;width:min(620px,94vw);height:100%;overflow:auto;padding:2rem 2rem 2.4rem;background:linear-gradient(180deg,#3b1c56,#2b153f);color:#fff;border-left:1px solid rgba(237,202,255,.18);box-shadow:-26px 0 80px #0a021161;animation:drawer-in .28s ease-out}.drawer-close{position:absolute;top:1.1rem;right:1.2rem;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff14;color:#fff;font-size:1.9rem;line-height:1}.drawer-heading{display:flex;gap:1rem;align-items:flex-start;padding-right:3rem;margin-bottom:1.4rem}.drawer-heading>svg{color:var(--gold-soft);margin-top:.25rem}.drawer-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:550}.drawer-heading p{margin:.35rem 0 0;color:#c9b8d7;line-height:1.55;font-size:.92rem}.drawer-heading .ar{color:#dfcde8!important}.drawer-key-summary{display:grid;grid-template-columns:52px 1fr;gap:.8rem 1rem;align-items:center;padding:1rem 1.1rem;margin:0 0 1rem;border-radius:18px;background:#ffffff12;border:1px solid rgba(232,196,123,.22)}.drawer-key-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#4b2b1c;background:linear-gradient(145deg,#f3d69a,#c88e3f)}.drawer-key-summary>div{display:flex;align-items:center;gap:1rem}.drawer-key-summary>div>.bi{flex:1}.drawer-key-summary>div>span{font-size:1.2rem;font-weight:700;color:#f5d999}.drawer-key-summary progress{grid-column:1/-1;width:100%;height:6px;accent-color:#d4a556}.learning-drawer .learning-path{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.learning-drawer .learning-space{position:relative;display:grid;grid-template-columns:64px 1fr 22px;align-items:center;gap:1rem;min-height:96px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff12,#ffffff0b);color:#fff;padding:.95rem 1rem;overflow:hidden}.learning-drawer .learning-space:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--accent,rgba(232,196,123,.65));opacity:.9}.learning-drawer .learning-space:hover{background:#ffffff1a;transform:translate(-2px)}.learning-drawer .learning-space.space-current{border-color:#efc97f9e;box-shadow:0 0 0 1px #efc97f2e inset;background:linear-gradient(90deg,#c17d3c24,#ffffff0f)}.learning-drawer .learning-space.space-complete{border-color:#dbbf7c47}.learning-drawer .space-index{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#ffffff14;color:#f0d18f;font-size:.95rem;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 0 0 1px #ffffff14}.learning-drawer .space-icon-emoji{font-size:1.2rem;line-height:1}.learning-drawer .space-copy{display:flex;flex-direction:column;gap:.35rem;min-width:0}.learning-drawer .space-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.learning-drawer .space-tag{display:inline-flex;padding:.2rem .58rem;border-radius:999px;background:#ffffff17;color:#f7e4bf;font-size:.76rem;font-weight:700;letter-spacing:.02em}.learning-drawer .space-tag .ar{color:#f7e4bf!important;font-size:1.02em}.learning-drawer .space-pill{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:#00000029;color:#d7c5e1;font-size:.73rem}.learning-drawer .space-copy strong,.learning-drawer .space-copy strong .ar{color:#fff!important}.learning-drawer .space-description,.learning-drawer .space-count{color:#bdaacb}.learning-drawer .space-description .ar,.learning-drawer .space-count .ar{color:#d1c0dc!important}.learning-drawer .learning-space progress{accent-color:#d7aa61;width:100%}.learning-drawer .learning-space>svg{color:#c7b1d5}.learning-drawer .space-entry{--accent:#d4b36e}.learning-drawer .space-irab{--accent:#d98f6b}.learning-drawer .space-isim{--accent:#d36fb3}.learning-drawer .space-jumlah-ismiyyah{--accent:#9a8df2}.learning-drawer .space-jumlah-fiiliyyah{--accent:#78a0ff}.learning-drawer .space-fiil-mudari{--accent:#4eb7b0}.learning-drawer .space-marfuat{--accent:#9bc46a}.learning-drawer .space-mansubat{--accent:#ff9f6b}.learning-drawer .space-majrurat{--accent:#64c1d7}.learning-drawer .space-tawabi{--accent:#c38cff}.learning-drawer .space-irab-aplikasi{--accent:#f0d18f}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem}.drawer-actions .btn{border-radius:14px;background:#ffffff12;border-color:#ffffff24;color:#fff}.drawer-actions .drawer-primary{grid-column:1/-1;background:linear-gradient(135deg,#7b4aa0,#5e337e);border-color:#b890c8}.drawer-actions .btn .ar{color:#eee0f3!important}.shell h1{font-family:Georgia,Times New Roman,serif;font-weight:550;color:#39234d;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.02em}.shell h2{color:#4b315e}.reading-title h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,2.7rem);font-weight:550}.topic-row,.tool-card{transition:background .18s ease,transform .18s ease}.topic-row:hover,.tool-card:hover{background:#faf7fd}.topic-link h2,.tool-card h2{font-weight:600}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(36px);opacity:.4}to{transform:translate(0);opacity:1}}@media(max-width:980px){.home-stage{width:min(100% - 1.4rem,900px)}.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:2rem}.hero-copy{text-align:center;padding:2rem 1.3rem 0}.ruang-mark,.ruang-rule{margin-inline:auto}.hero-start{min-width:min(340px,90%)}.hero-house-wrap{padding:1rem 1.5rem 2.5rem}.hero-house-wrap .house-scene{max-width:500px}.topbar{padding-inline:1rem}}@media(max-width:650px){.app:before{background-size:260px auto;opacity:.06}.topbar{min-height:74px}.home-stage{width:calc(100% - 1rem);min-height:auto;margin-bottom:1rem}.home-hero{border-radius:22px;gap:.5rem}.hero-copy{padding-top:1.4rem}.ruang-mark{width:64px;height:64px}.ruang-mark svg{width:58px;height:58px}.hero-copy h1{font-size:clamp(4rem,20vw,6rem)}.ruang-rule{margin:1.25rem auto 1.5rem}.hero-start{min-width:0;width:90%;padding:.85rem 1rem}.hero-house-wrap{padding:.4rem 1rem 1.5rem}.hero-house-wrap .house-scene{max-width:360px;border-radius:20px}.learning-drawer{width:100%;padding:1.3rem 1rem 1.8rem}.drawer-heading{padding-right:2.4rem}.drawer-heading h2{font-size:1.65rem}.drawer-actions{grid-template-columns:1fr}.drawer-actions .drawer-primary{grid-column:auto}.shell{width:calc(100% - 1rem)}}.topic-copy{display:flex;flex-direction:column;gap:.28rem;flex:1;min-width:0}.topic-stage{display:inline-flex;align-self:flex-start;padding:.15rem .55rem;border-radius:999px;background:#f3ecfb;color:#725190;font-size:.77rem;font-weight:650}.topic-stage .ar{color:#725190!important;font-size:1.02em}.topic-link h2{margin:0}.lang-ar .home-hero{grid-template-columns:minmax(500px,1.18fr) minmax(340px,.82fr)}.lang-ar .hero-copy{text-align:right;padding:4rem 4.5rem 4rem 1.5rem}.lang-ar .hero-summary,.lang-ar .hero-welcome{margin-inline-start:auto}.lang-ar .hero-highlights{justify-content:flex-end}.lang-ar .ruang-rule{margin-inline-start:auto}.lang-ar .hero-house-wrap{padding:3.5rem 0 3.5rem 4rem}.lang-ar .drawer-close{right:auto;left:1.2rem}.lang-ar .drawer-heading{padding-right:0;padding-left:3rem}.lang-ar .space-meta{justify-content:flex-end}@media(max-width:980px){.hero-summary{max-width:none}.lang-ar .home-hero{grid-template-columns:1fr}.lang-ar .hero-copy{text-align:center;padding:2rem 1.3rem 0}.lang-ar .hero-highlights{justify-content:center}.lang-ar .ruang-rule{margin-inline:auto}.lang-ar .hero-house-wrap{padding:1rem 1.5rem 2.5rem}}.note,.vn-tip,.feedback,.vn-summary-card,.vn-analysis,.vn-node,.gloss-card,.tool-card{position:relative;overflow:hidden}.note{background:#f7f2fb!important;border-inline-start:4px solid #9f7ec0!important}.note:before{content:"\1f4dd";position:absolute;top:.75rem;right:.8rem;font-size:1.05rem;opacity:.18}.vn-tip{background:linear-gradient(135deg,#fff8ef,#f6f1ff)!important;border:1px solid #eadfc2!important;border-radius:14px!important;padding:1rem 1.1rem 1rem 3rem!important}.vn-tip:before{content:"\1f4a1";position:absolute;left:.95rem;top:.95rem;font-size:1.1rem}.feedback.success{background:#eef7ef!important;border:1px solid #b8d7bc!important}.feedback.success:before{content:"\2713";position:absolute;top:.8rem;right:1rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#d8efdc;color:#356b3e;font-weight:800}.feedback.retry{background:#fff5ee!important;border:1px solid #e8c8bb!important}.feedback.retry:before{content:"\21ba";position:absolute;top:.8rem;right:1rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fde3d5;color:#a05a43;font-weight:800}.vn-node{border-radius:16px!important}.vn-node-button{padding-left:3.1rem!important}.vn-node-button:before{content:"\25c6";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.9rem;color:#8f6db4}.tone-isim .vn-node-button:before{content:"\1f3f7"}.tone-fiil .vn-node-button:before{content:"\270d"}.tone-harf .vn-node-button:before{content:"\1f517"}.tone-mixed .vn-node-button:before{content:"\1f9e9"}.vn-summary-grid{gap:1rem!important}.vn-summary-card{border-radius:16px!important;padding-top:1rem!important}.vn-summary-card:nth-child(4n+1){background:#f9f4ff!important;border:1px solid #decef2!important}.vn-summary-card:nth-child(4n+2){background:#f5f9ff!important;border:1px solid #cee0f2!important}.vn-summary-card:nth-child(4n+3){background:#fbf7ee!important;border:1px solid #eadbb5!important}.vn-summary-card:nth-child(4n+4){background:#f4fbf7!important;border:1px solid #cfe8d6!important}.vn-summary-card strong{display:flex;align-items:center;gap:.45rem}.vn-summary-card strong:before{content:"\25c8";color:#916ab4}.vn-analysis{border-radius:14px!important}.gloss-card:nth-child(odd){background:#fcf9ff!important}.gloss-card:nth-child(2n){background:#f8fbff!important}.tool-card:nth-child(4n+1){background:#fcf9ff}.tool-card:nth-child(4n+2){background:#faf7ee}.tool-card:nth-child(4n+3){background:#f7fbff}.tool-card:nth-child(4n+4){background:#f7fcf8}@keyframes logoShine{0%{transform:translate(0) skew(-22deg);opacity:0}12%{opacity:.25}42%{opacity:.9}58%{opacity:.25}to{transform:translate(540%) skew(-22deg);opacity:0}}@media(max-width:650px){.hero-welcome{font-size:.78rem;letter-spacing:.12em}.hero-summary{font-size:.98rem;line-height:1.75}.hero-highlights{justify-content:center}.hero-chip{font-size:.82rem;padding:.48rem .72rem}.learning-drawer .learning-space{grid-template-columns:52px 1fr 18px;gap:.7rem;min-height:88px;padding:.85rem}.learning-drawer .space-index{width:46px;height:46px;border-radius:14px;font-size:.8rem}.learning-drawer .space-pill{font-size:.68rem}.topic-stage{font-size:.72rem}}.hero-copy h1#baitunnahwi-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,5.8vw,6.7rem);line-height:.92;letter-spacing:-.045em;font-weight:560;color:#fff3df;text-shadow:0 10px 38px rgba(21,4,31,.34);margin:.15rem 0 0;max-width:100%;word-break:normal}@media(max-width:980px){.hero-official-logo{margin-inline:auto;width:min(300px,64%)}.hero-copy h1#baitunnahwi-title{font-size:clamp(3rem,10vw,5.7rem)}}@media(max-width:650px){.hero-official-logo{width:min(240px,68%);margin-bottom:.75rem;padding:.3rem;border-radius:22px}.hero-official-logo img{border-radius:16px}.hero-copy h1#baitunnahwi-title{font-size:clamp(2.55rem,12.5vw,4.1rem);letter-spacing:-.035em}}.header-controls{display:flex;align-items:center;gap:.65rem}.motion-toggle{background:#ffffff12;color:#fff;border:1px solid #ffffff45;border-radius:9px;padding:.6rem .8rem;min-height:44px;font-size:.875rem}.motion-toggle .ar{color:inherit!important;font-size:1em}.hero-official-logo{width:min(350px,100%);height:auto;aspect-ratio:1526/1030;padding:0;isolation:isolate}.hero-official-logo img{position:static;width:100%;max-width:100%;height:100%;left:auto;top:auto;transform:none;object-fit:contain;border-radius:inherit}.hero-official-logo:before{z-index:2;pointer-events:none}.hero-official-logo:after{animation:none;transform:none;opacity:1;background:none;width:auto}.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}.hero-copy{padding:2.5rem 0 2.5rem 2.5rem;min-width:0}.hero-house-wrap{padding:2rem 2.5rem 2rem 0;min-width:0}.hero-copy h1#baitunnahwi-title{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.lang-ar .hero-copy h1#baitunnahwi-title{font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.6;letter-spacing:normal}.hero-summary{font-size:1rem;line-height:1.85}.hero-summary .ar{font-size:1.25em;line-height:1.9}.hero-welcome{letter-spacing:.03em;font-size:.95rem;text-transform:none}.hero-key-status{text-align:center;color:#fff0d4;margin:1rem auto 0}.hero-key-status .ar{color:inherit!important}.hero-key-status p{margin:.7rem 0}.hero-start{width:100%;min-width:0}.hero-start .bi{flex-direction:column}.hero-highlights{gap:.45rem}.hero-chip:before{content:none}.learning-overlay{margin:0;padding:0;border:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;color:inherit;overflow:hidden;background:transparent}.learning-overlay::backdrop{background:#13071dbb;backdrop-filter:blur(6px)}.learning-drawer{height:100%;overscroll-behavior:contain;padding-bottom:max(2rem,env(safe-area-inset-bottom));scrollbar-gutter:stable}.drawer-close{inset-inline-end:1rem;inset-inline-start:auto;z-index:2}.drawer-resume{width:100%;background:#754798;border-color:#be99d7}.drawer-next-topic{margin:.65rem 0 1rem;color:#f6eafd}.drawer-next-topic .ar{color:#f6eafd!important}.drawer-heading{padding-inline-end:3rem;padding-inline-start:0}.drawer-actions{padding-top:1rem;border-top:1px solid #ffffff25}.learning-drawer .space-description,.learning-drawer .space-count{color:#e0d1e9}.learning-drawer .space-description .ar,.learning-drawer .space-count .ar{color:#e0d1e9!important}.learning-drawer .space-pill,.learning-drawer .space-tag{font-size:.875rem;line-height:1.5}.learning-drawer .learning-space:before{background:#bd96d5}.space-meta .bi{flex-direction:column}.space-copy .ar{line-height:1.9}.topic-link,.topic-copy{min-width:0}.topic-step-count{white-space:nowrap;font-size:.875rem}.save-btn,.search button,.number-nav button{min-width:44px;min-height:44px}.topic-stage{font-size:.875rem}.step-track{flex-wrap:wrap}.step-track button{min-width:40px;min-height:44px}.step-count{white-space:nowrap}.step-heading{flex-wrap:wrap}.note:before,.feedback:before,.vn-tip:before,.vn-node-button:before,.vn-summary-card strong:before{content:none!important}.vn-tip{padding:1rem 1.1rem!important}.vn-node-button{padding:1rem!important;gap:.65rem}.vn-node-number{display:grid;place-items:center;flex-shrink:0}.vn-summary-card strong{display:flex;flex-direction:column;align-items:stretch}.vn-summary-card strong span{width:100%}.vn-summary-card{min-width:0}.vn-summary-card .ar,.vn-concept-example{overflow-wrap:anywhere}.vn-node-button>.vn-bi{flex:1;min-width:0}.vn-word,.word{max-width:100%;height:auto;white-space:normal}.vn-word .ar,.word.ar{overflow-wrap:anywhere;line-height:2}.vn-sentence,.word-line{row-gap:1rem}.vn-word-label{font-size:.875rem!important}.vn-tip,.note,.feedback{line-height:1.85}.vn-branches{align-items:start}.vn-analysis-slot{min-height:0}.option{min-height:48px;align-items:flex-start}.option .ar{line-height:1.9}.lesson-footer{flex-wrap:wrap;gap:.75rem}.lesson-footer .btn{flex:1;min-width:140px}.decoration-controls select{max-width:100%;width:100%;min-width:0;white-space:normal}.search{min-width:0}.search input{min-width:0;font-size:1rem}.topic-controls{flex-wrap:wrap}.topic-controls .search{flex:1 1 200px}.lang-ar .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lang-ar .hero-copy{padding:2.5rem 2.5rem 2.5rem 0}.lang-ar .hero-house-wrap{padding:2rem 0 2rem 2.5rem}.lang-ar .hero-highlights{justify-content:flex-start}.lang-ar .drawer-heading{padding-inline-start:0;padding-inline-end:3rem}.lang-ar .drawer-close{left:1rem;right:auto}.lang-ar .topic-link>svg,.lang-ar .hero-start>svg:last-child,.lang-ar .learning-space>svg:last-child,.lang-ar .back-link>svg,.lang-ar .back-strip svg{transform:rotate(180deg)}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .hero-official-logo:before,.motion-off .official-logo:after{display:none}@media(max-width:1100px){.home-hero,.lang-ar .home-hero{grid-template-columns:1fr}.hero-copy,.lang-ar .hero-copy{padding:2rem 1.5rem .5rem;text-align:center}.hero-official-logo{margin-inline:auto;width:min(290px,80%)}.hero-copy h1#baitunnahwi-title{font-size:clamp(1.7rem,6vw,3rem)}.hero-summary{max-width:680px;margin-inline:auto}.hero-highlights,.lang-ar .hero-highlights{justify-content:center}.hero-start{max-width:400px;margin-inline:auto}.hero-house-wrap,.lang-ar .hero-house-wrap{padding:1.5rem}.ruang-rule{margin:1.3rem auto}.hero-house-wrap .house-scene{max-width:420px}}@media(max-width:650px){.topbar{gap:.7rem;align-items:flex-start;flex-wrap:wrap}.header-controls{margin-inline-start:auto;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.motion-toggle{font-size:.875rem;padding:.55rem}.language-choice select{max-width:155px}.hero-copy,.lang-ar .hero-copy{padding:1.25rem 1rem .25rem}.hero-official-logo{width:min(250px,82%)}.hero-summary{font-size:1rem}.hero-house-wrap .house-scene{max-width:340px}.learning-drawer{padding:1.2rem .8rem 2rem}.learning-drawer .learning-space{grid-template-columns:42px minmax(0,1fr) 18px;gap:.65rem}.learning-drawer .space-index{width:40px;height:44px}.shell h1,.reading-title h1{font-size:1.6rem;line-height:1.5}.ar{line-height:2}.vn-branches,.vn-summary-grid{grid-template-columns:1fr!important}.footer>.bi{flex-direction:column;text-align:center}.footer .bi>[lang]{text-align:center}.compact-logo{width:100px;height:68px}.step-track{gap:.35rem}.step-track button{flex:1;max-width:none}.hero-welcome{font-size:1rem}.learning-drawer .space-pill{font-size:.875rem}}@media(max-width:360px){.topbar .brand{font-size:.9rem}.header-controls{width:100%;justify-content:space-between}.hero-copy h1#baitunnahwi-title{font-size:1.7rem}.drawer-key-summary{padding:.8rem;grid-template-columns:38px 1fr}.drawer-key-summary>div{gap:.4rem}.drawer-key-icon{width:36px;height:36px}.step-track button{min-width:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-official-logo:before{display:none}}@media print{.header-controls,.hero-start,.hero-key-status .btn{display:none}.home-hero{background:#fff;color:#222;box-shadow:none}.hero-copy *{color:#222!important}}.home-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem .8rem;border:1px solid #ffffff45;border-radius:9px;background:#ffffff12;color:#fff;font-size:.875rem}.home-nav-button .ar{font-size:1em;color:inherit!important}.home-nav-button[aria-current=page]{border-color:#d9bded;background:#ffffff20}.colored-example{line-height:2.2!important}.example-token{color:var(--tone,#634092);background:var(--tone-bg,#f4effa);border-radius:5px;padding:.08em .16em;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:inherit;line-height:inherit}.example-separator{color:#796487}.vn-summary-card .colored-example{font-size:1.55rem;background:#fff;padding:.65rem;border-radius:9px}.hero-key-status:empty{display:none}.vn-rule-text{line-height:1.9;white-space:pre-line}.vn-rule-example{margin:1.25rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid #dcd0ea;border-radius:18px;background:#faf7fd}.vn-fresh-example{display:flex;flex-direction:column;gap:.7rem;font-size:clamp(1.4rem,4vw,1.9rem);line-height:2.1}.vn-example-line{display:block;padding:.5rem .8rem;border-radius:12px;overflow-wrap:anywhere}.vn-example-color-0{background:#eee5f7;color:#56327b}.vn-example-color-1{background:#eaf5f3;color:#165f50}.vn-example-color-2{background:#fff1e4;color:#85410b}.vn-intro-only .lead{line-height:1.95}.vn-rule-only .vn-bi{overflow-wrap:anywhere}@media screen and (max-width:650px){.app .bi>[lang],.app .vn-bi>[lang],.app .hero-copy,.app .hero-welcome,.app .hero-summary,.app .shell :is(h1,h2,h3,p),.app .learning-drawer :is(h2,h3,p),.app .vn-fresh-example,.app .colored-example{text-align:center}.app .hero-summary,.app .hero-welcome{margin-inline:auto}.app .vn-legend{justify-content:center}}.app .flash{background:#f1e9fa;color:#4c2b6d;border:2px solid #c8b0df;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.app .flash[aria-expanded=true]{background:#634092;color:#fff;border-color:#634092;box-shadow:0 8px 24px #4e297333}.app .flash .bi>[lang],.app .flash .ar{color:inherit}.app .flash:focus-visible{outline:3px solid #b7781f;outline-offset:4px}@media(prefers-reduced-motion:reduce){.app .flash{transition:none}}