:root{color:#14213d;background:#f8f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f8f3ea}html.quiz-scroll-lock,body.quiz-scroll-lock{height:100dvh;overflow:hidden;overscroll-behavior:none}body.quiz-scroll-lock{position:fixed;top:0;right:0;bottom:0;left:0;width:100%}button{font:inherit}button:focus-visible{outline:3px solid #c9973f;outline-offset:3px}.app-shell{min-height:100vh;padding:24px 16px 32px}.app-shell.has-bottom-nav{padding-bottom:110px}.home-view,.quiz-view,.result-view{width:min(100%,720px);margin:0 auto}.home-header{padding:12px 2px 22px}.home-logo{display:block;width:clamp(72px,22vw,88px);height:clamp(72px,22vw,88px);margin:0 auto 14px;object-fit:contain}.eyebrow{margin:0 0 8px;color:#667085;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:6px;color:#111827;font-size:clamp(2.2rem,12vw,4rem);line-height:.98;letter-spacing:0}.subtitle{margin-bottom:6px;color:#44505f;font-size:1.05rem}.level-note{margin-bottom:16px;color:#526070;font-size:.96rem}.mastery{display:inline-flex;margin-bottom:0;padding:8px 12px;border:1px solid #dfd5c6;border-radius:999px;background:#fffaf2;color:#24423f;font-weight:800}.level-list{display:grid;gap:10px}.level-card,.summary-card{display:grid;grid-template-columns:1fr;gap:14px;min-width:0;padding:16px;border:1px solid #dfd5c6;border-radius:14px;background:#fffaf2;box-shadow:0 10px 24px #2f251612}.level-card__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.level-card h2{margin-bottom:8px;color:#14213d;font-size:1.1rem}.level-card p{margin-bottom:4px;color:#526070}.rehearsal-overview .home-header{padding-bottom:16px}.summary-card{gap:6px;margin-bottom:14px;background:#fffaf2;box-shadow:none}.summary-card p{margin-bottom:0;color:#526070;font-weight:800}.summary-card p:first-child{color:#14213d}.overview-action{width:100%}.level-card.is-complete{background:#f3f4ef}.level-card.is-locked{background:#f2eee7;color:#697386;box-shadow:none}.status{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#4b5563;background:#ece3d6;font-size:.72rem;font-weight:800;letter-spacing:0}.status-completed{color:#0f5c52;background:#dbeee8}.status-in-progress,.status-ready{color:#0c5d58;background:#d9efec}.status-locked{color:#5f6673;background:#e5ded4}.complete-mark{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#23766e;color:#fff;font-weight:900}.primary-button,.secondary-button,.back-button{min-height:46px;border:0;border-radius:12px;cursor:pointer;font-weight:800}.primary-button{width:100%;padding:12px 16px;background:#1f6f67;color:#fff}.primary-button:hover{background:#185d57}.secondary-button{width:100%;padding:12px 16px;border:1px solid #d6cabc;background:#fffaf2;color:#14213d}.back-button{min-height:38px;padding:8px 12px;border:1px solid #d6cabc;border-radius:999px;background:#fffaf2;color:#24423f;text-align:left}.back-button:hover{border-color:#aebfb8;background:#f6efe5}.quiz-topbar{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-bottom:14px;color:#526070;font-weight:800}body.quiz-scroll-lock .app-shell{height:100dvh;min-height:100dvh;overflow:hidden;padding:14px 12px}body.quiz-scroll-lock .quiz-view{display:flex;flex-direction:column;height:calc(100dvh - 28px);overflow:hidden}body.quiz-scroll-lock .quiz-card{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}body.quiz-scroll-lock .options-grid{flex:0 0 auto}.quiz-card,.result-card{padding:18px;border:1px solid #dfd5c6;border-radius:16px;background:#fffaf2;box-shadow:0 12px 32px #2f251614}.quiz-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;color:#667085;font-weight:800}.quiz-meta p{margin-bottom:0}.name-prompt{margin-bottom:18px;text-align:center}.arabic-name{margin-bottom:8px;color:#111827;font-family:Traditional Arabic,Noto Naskh Arabic,Amiri,serif;font-size:clamp(3.4rem,19vw,7rem);line-height:1.1}.transliteration{margin-bottom:0;color:#24423f;font-size:1.2rem;font-weight:800}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-button{min-height:86px;padding:12px 10px;border:1px solid #d6cabc;border-radius:14px;background:#fff;color:#14213d;cursor:pointer;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.option-button:hover:not(:disabled){border-color:#1f6f67}.option-button:disabled{cursor:default}.option-button.is-correct{border-color:#1f6f67;background:#dff1ec;color:#0d4d47}.option-button.is-wrong{border-color:#b95d5d;background:#f5dddd;color:#7b2828}.feedback{display:grid;gap:4px;margin-top:16px;padding:12px;border-radius:12px;font-weight:700}.feedback--correct{background:#dff1ec;color:#0d4d47}.feedback--wrong{background:#f5dddd;color:#7b2828}.next-button{margin-top:14px}.result-view{display:grid;min-height:calc(100vh - 56px);place-items:center}.result-card{width:100%}.result-card h1{margin-bottom:12px;font-size:clamp(2rem,10vw,3.4rem)}.result-card p{color:#526070}.result-card .primary-button{margin-top:12px}.result-card .secondary-button{margin-top:10px}.result-lead{color:#14213d;font-size:1.08rem;font-weight:900}.result-card--perfect{border-color:#b8d8d1}.result-card--retry{border-color:#e4c8c5}.bottom-nav{position:fixed;right:16px;bottom:14px;left:16px;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(calc(100% - 32px),520px);margin:0 auto;padding:8px;border:1px solid #dfd5c6;border-radius:18px;background:#fffaf2f5;box-shadow:0 14px 34px #2f25161f}.bottom-nav__item{min-width:0;min-height:44px;border:0;border-radius:12px;background:transparent;color:#526070;cursor:pointer;font-weight:900}.bottom-nav__item.is-active{background:#dff1ec;color:#0d4d47}@media (min-width: 620px){.app-shell{padding:40px 24px 56px}.app-shell.has-bottom-nav{padding-bottom:120px}.level-card{grid-template-columns:1fr auto;align-items:center}.primary-button{width:auto;min-width:164px}.result-card .primary-button,.result-card .secondary-button{width:100%}.quiz-card,.result-card{padding:26px}.options-grid{gap:12px}}@media (max-height: 700px){body.quiz-scroll-lock .app-shell{padding:10px}body.quiz-scroll-lock .quiz-view{height:calc(100dvh - 20px)}body.quiz-scroll-lock .quiz-topbar{margin-bottom:8px}body.quiz-scroll-lock .quiz-card{padding:12px}body.quiz-scroll-lock .quiz-meta{margin-bottom:10px;font-size:.9rem}body.quiz-scroll-lock .name-prompt{margin-bottom:12px}body.quiz-scroll-lock .arabic-name{margin-bottom:4px;font-size:clamp(2.7rem,15vh,4.1rem)}body.quiz-scroll-lock .transliteration{font-size:1rem}body.quiz-scroll-lock .option-button{min-height:68px;padding:9px 8px;font-size:.9rem}body.quiz-scroll-lock .feedback{margin-top:10px;padding:9px;font-size:.9rem}body.quiz-scroll-lock .next-button{margin-top:10px;min-height:42px}}