.noor-reference{color-scheme:light;--bg:#f8f9ff;--card:#fff;--card-2:#f5f5ff;--text:#23233d;--muted:#8988a5;--line:#e9e8f4;--purple:#7656ee;--purple-light:#f0edff;--purple-deep:#6144cb;--mint:#19bfa7;--mint-light:#e5faf4;--pink:#f46d83;--gold:#ffba47;--blue:#4b9fed;--shadow:0 9px 32px rgba(56,43,115,.06);--outline:rgba(118,86,238,.28)}.noor-reference *{box-sizing:border-box}.noor-reference{scroll-behavior:smooth;margin:0;background:var(--bg);font-family:Noto Sans Arabic,Tahoma,Segoe UI,sans-serif;font-size:14px;line-height:1.75;min-width:300px}.noor-reference.dark{color-scheme:dark;--bg:#17172a;--card:#23233a;--card-2:#2a2a44;--text:#f2f2ff;--muted:#b7b4d0;--line:#373750;--purple-light:#373056;--mint-light:#25483f;--shadow:0 8px 30px rgba(0,0,0,.12);--outline:rgba(167,146,255,.36)}.noor-reference button,.noor-reference input,.noor-reference select,.noor-reference textarea{font:inherit}.noor-reference button{cursor:pointer}.noor-reference button:disabled{cursor:not-allowed}.noor-reference button:focus-visible,.noor-reference input:focus-visible,.noor-reference select:focus-visible,.noor-reference textarea:focus-visible{outline:3px solid var(--outline);outline-offset:3px}.noor-reference a{color:var(--purple)}.noor-reference h1,.noor-reference h2,.noor-reference h3,.noor-reference p{margin-top:0}.noor-reference h1,.noor-reference h2,.noor-reference h3{line-height:1.45}.noor-reference h1{font-size:30px;letter-spacing:-.7px}.noor-reference h2{font-size:19px;letter-spacing:-.25px}.noor-reference h3{font-size:15px}.noor-reference p{line-height:1.95}.noor-reference small{font-size:12px}.noor-reference b,.noor-reference strong{font-weight:850}.noor-reference svg{max-width:100%}.noor-reference button{border:0}.noor-reference ::selection{background:#e3dbff}.noor-reference .skip-link{position:absolute;top:-60px;z-index:999;padding:10px 20px;background:#fff;color:#111}.noor-reference .skip-link:focus{top:5px}.noor-reference{max-width:1400px;margin:0 auto;padding:0 26px 90px}.noor-reference .topbar{height:91px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:2px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:20}.noor-reference .brand{min-width:220px;display:flex;align-items:center;gap:10px;background:none;color:inherit;padding:10px 2px;text-align:right}.noor-reference .brand-icon{height:48px;width:48px;display:grid;place-items:center;color:#fff;background:var(--purple);font-size:29px;border-radius:16px;border-bottom:5px solid var(--purple-deep);font-weight:900;transform:rotate(-5deg)}.noor-reference .brand-label{display:flex;flex-direction:column;line-height:1.45}.noor-reference .brand-label strong{font-size:21px;white-space:nowrap}.noor-reference .brand-label small{font-size:10px;color:var(--muted);font-weight:700;white-space:nowrap}.noor-reference .top-stats{display:flex;align-items:center;gap:14px}.noor-reference .stat-pill{background:transparent;display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:12px;direction:ltr;color:var(--text);font-size:17px;font-weight:900}.noor-reference .stat-pill:hover{background:var(--card)}.noor-reference .stat-pill.fire b{color:#ef934b}.noor-reference .stat-pill.money b{color:#308cdb}.noor-reference .stat-pill.star b{color:#b38923}.noor-reference .stat-pill.heart b{color:#e65870}.noor-reference .stat-pill span{font-size:21px}.noor-reference .avatar-button{width:47px;height:47px;background:#e8e0ff;color:var(--purple-deep);border:3px solid #fff;border-radius:50%;font-size:20px;font-weight:900;box-shadow:0 2px 0 var(--line)}.noor-reference .app-shell{display:grid;grid-template-columns:206px minmax(0,1fr) 268px;gap:30px;align-items:start;padding-top:26px}.noor-reference .right-nav{position:sticky;top:113px;min-width:0}.noor-reference .nav-menu{display:grid;gap:9px}.noor-reference .menu-link{display:flex;align-items:center;gap:15px;padding:12px 17px;width:100%;color:var(--muted);font-weight:850;font-size:16px;border-radius:17px;background:transparent;text-align:right;position:relative}.noor-reference .menu-link:hover{background:var(--card)}.noor-reference .menu-link.active{border:2px solid #ded4ff;padding:10px 15px}.noor-reference.dark .menu-link.active{border-color:#5b5088}.noor-reference .menu-icon{font-size:25px;width:33px;text-align:center}.noor-reference .active-dot{display:none;position:absolute;left:13px;width:6px;height:6px;background:var(--purple);border-radius:50%}.noor-reference .menu-link.active .active-dot{display:block}.noor-reference .nav-bottom{color:var(--muted);border-top:2px solid var(--line);margin:28px 10px;padding-top:27px;text-align:center;font-size:12px;font-weight:750}.noor-reference .nav-bottom span{display:block;font-size:35px;color:var(--purple)}.noor-reference .nav-bottom p{margin:5px}.noor-reference .main-content{min-width:0;padding-bottom:75px}.noor-reference .side-panel{position:sticky;top:115px;display:grid;gap:17px;min-width:0}.noor-reference .side-card{border:2px solid var(--line);border-radius:22px;padding:19px;box-shadow:var(--shadow)}.noor-reference .side-card h3{font-size:15px;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.noor-reference .side-card p{color:var(--muted);font-size:12px;line-height:1.9;margin:5px 0 10px}.noor-reference .tiny-label{font-size:10px;letter-spacing:.5px;font-weight:950;color:var(--purple)}.noor-reference .quest-list{display:grid;gap:13px}.noor-reference .quest-item{display:flex;gap:10px;align-items:flex-start}.noor-reference .quest-emoji{background:var(--card-2);width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;font-size:17px}.noor-reference .quest-copy{min-width:0;flex:1 1}.noor-reference .quest-copy strong{display:block;font-size:12px;font-weight:850}.noor-reference .quest-copy small{color:var(--muted);font-size:10px}.noor-reference .mini-meter{height:8px;border-radius:9px;overflow:hidden;margin-top:5px}.noor-reference .mini-meter>i{display:block;background:var(--purple);height:100%;border-radius:9px;transition:width .5s}.noor-reference .tiny-gift{font-size:11px;color:#ab7b18}.noor-reference .aside-robot{display:flex;align-items:center;gap:9px}.noor-reference .aside-robot svg{width:88px;max-width:40%;flex:0 0 auto}.noor-reference .aside-robot .speech{font-size:12px;color:var(--text);font-weight:750;line-height:1.85;border-radius:16px;padding:11px}.noor-reference .side-panel .side-action{width:100%;margin-top:9px}.noor-reference .side-subtle{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px}.noor-reference .btn{min-height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-weight:900;font-size:13px;transition:transform .15s,filter .15s,border-color .15s;text-align:center}.noor-reference .btn:not(:disabled):active{transform:translateY(3px);box-shadow:none!important}.noor-reference .btn-primary{color:#fff;background:var(--purple);border-bottom:4px solid var(--purple-deep);padding-bottom:7px}.noor-reference .btn-primary:hover:not(:disabled){filter:brightness(1.07)}.noor-reference .btn-primary:disabled{background:#c8c7d9;color:#fff;border-bottom-color:#aeafc4}.noor-reference .btn-white{background:#fff;color:#5c42c3;border-bottom:4px solid #e0d9ff}.noor-reference .btn-soft{border-bottom:3px solid #d6cafa}.noor-reference .btn-ghost{color:var(--muted);background:transparent;border:2px solid var(--line)}.noor-reference .btn-wide{width:100%}.noor-reference .plain-button{background:none;font-weight:850;font-size:12px}.noor-reference .pill{display:inline-flex;align-items:center;gap:5px;border-radius:25px;padding:4px 12px;font-size:11px;font-weight:900}.noor-reference .eyebrow{font-size:11px;color:var(--purple);font-weight:950;letter-spacing:.5px}.noor-reference .card{background:var(--card);border:2px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.noor-reference .section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0 14px}.noor-reference .section-heading h2{font-size:20px;margin:0}.noor-reference .loading-state{padding:80px 10px;text-align:center;color:var(--muted)}.noor-reference .path-intro{border-radius:27px;position:relative;overflow:hidden;min-height:244px;padding:25px 27px;background:linear-gradient(127deg,#7852e9,#8c68f4 53%,#5b82ee 120%);color:#fff;isolation:isolate;display:flex;align-items:center;box-shadow:0 8px 0 rgba(96,64,195,.12)}.noor-reference .path-intro:after,.noor-reference .path-intro:before{content:"";position:absolute;border:1px solid #ffffff35;border-radius:50%;z-index:-1}.noor-reference .path-intro:before{width:330px;height:330px;left:-108px;top:-85px;background:#ffffff0a}.noor-reference .path-intro:after{width:180px;height:180px;left:100px;bottom:-130px;background:#ffffff14}.noor-reference .hero-copy{max-width:64%;position:relative;z-index:2}.noor-reference .hero-copy .tag{background:#ffffff2f;border:1px solid #ffffff40;border-radius:30px;padding:5px 14px;display:inline-block;font-size:11px;font-weight:900;margin-bottom:12px}.noor-reference .hero-copy h1{font-size:29px;line-height:1.5;margin:0 0 9px;color:#fff}.noor-reference .hero-copy h1 em{font-style:normal;color:#ffef95}.noor-reference .hero-copy p{font-size:12px;font-weight:650;line-height:2;color:#f8f5ff;margin:0 0 17px}.noor-reference .hero-robot{position:absolute;width:185px;height:192px;left:10px;bottom:-8px;z-index:1}.noor-reference .hero-robot svg{width:100%;height:100%}.noor-reference .hero-stars{position:absolute;inset:0;pointer-events:none}.noor-reference .hero-stars span{position:absolute;color:#fffab5;font-weight:900}.noor-reference .hero-stars span:first-child{left:26px;top:24px;font-size:28px}.noor-reference .hero-stars span:nth-child(2){left:170px;top:45px;font-size:24px}.noor-reference .hero-stars span:nth-child(3){left:35px;bottom:20px;font-size:19px}.noor-reference .hello-bubble{position:absolute;left:110px;bottom:12px;background:#fff;color:#6b51be;border-radius:12px 12px 12px 2px;padding:4px 10px;font-size:10px;box-shadow:0 6px 18px #36207430;font-weight:900;transform:rotate(-4deg);z-index:3}.noor-reference .daily-mobile{display:none}.noor-reference .next-bar{display:flex;align-items:center;justify-content:space-between;gap:13px;border:2px solid var(--line);border-radius:19px;padding:11px 16px;margin-top:18px}.noor-reference .next-bar strong{display:block;font-size:13px}.noor-reference .next-bar small{display:block;color:var(--muted);font-size:11px}.noor-reference .next-bar .mini-run{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;font-size:24px}.noor-reference .next-bar .btn{margin-right:auto;flex:0 0 auto}.noor-reference .path-overline{font-size:12px;color:var(--muted);font-weight:750}.noor-reference .units-list{display:grid;gap:26px}.noor-reference .unit-panel{border:2px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card);position:relative}.noor-reference .unit-banner{padding:20px 22px;background:var(--unit-color);display:flex;justify-content:space-between;align-items:center;color:#fff;gap:12px;position:relative;overflow:hidden}.noor-reference .unit-banner:after{content:"✦";position:absolute;font-size:110px;line-height:1;opacity:.16;left:4px;top:-34px;transform:rotate(12deg)}.noor-reference .unit-banner .unit-kicker{font-size:11px;font-weight:850;opacity:.93}.noor-reference .unit-banner h3{color:#fff;font-size:21px;margin:2px 0 3px}.noor-reference .unit-banner p{font-size:11px;color:#fffd;line-height:1.6;margin:0}.noor-reference .unit-banner .unit-icon{width:54px;height:54px;border-radius:15px;background:#ffffff28;display:grid;place-items:center;font-size:31px;z-index:1;border:1px solid #ffffff35}.noor-reference .unit-panel.unit-locked .unit-banner{filter:grayscale(.8);opacity:.7}.noor-reference .unit-panel.unit-locked .unit-path{opacity:.72}.noor-reference .unit-banner .unit-count{display:inline-block;margin-top:6px;font-size:10px;font-weight:800;background:#ffffff36;border-radius:12px;padding:1px 8px}.noor-reference .unit-path{position:relative;width:min(100%,500px);height:512px;margin:4px auto 8px;overflow:hidden}.noor-reference .path-road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.noor-reference .path-road path{fill:none;stroke:#e1e1ee;stroke-width:1.9;stroke-linecap:round;stroke-dasharray:2 3}.noor-reference.dark .path-road path{stroke:#575572}.noor-reference .lesson-position{position:absolute;left:var(--pos);top:var(--y);transform:translate(-50%,-50%);width:85px;display:flex;flex-direction:column;align-items:center}.noor-reference .lesson-node{height:74px;width:74px;flex:0 0 auto;background:#ececf1;color:#a7a8b6;border-radius:50%;border:3px solid #e1e0e8;border-bottom:7px solid #cdccd5;display:grid;place-items:center;font-size:29px;position:relative;transition:transform .2s ease,filter .2s ease}.noor-reference .lesson-node:active{transform:translateY(3px)}.noor-reference .lesson-node.finished{color:#fff;border-color:#40cdb9 #40cdb9 #079982}.noor-reference .lesson-node.active{background:var(--unit-color);color:#fff;border-color:#ffffff55 #ffffff55 #5940a8;box-shadow:0 0 0 9px color-mix(in srgb,var(--unit-color) 15%,transparent);animation:node-pulse 2.5s infinite}.noor-reference .lesson-node.active .node-star{position:absolute;left:-7px;top:-10px;font-size:18px;filter:drop-shadow(0 2px 1px #0001)}.noor-reference .lesson-node.boss{border-radius:23px}.noor-reference .lesson-node.boss.active,.noor-reference .lesson-node.boss.finished{background:var(--gold);border-color:#ffe3a8 #ffe3a8 #db892b}.noor-reference .lesson-node .node-emoji{display:grid;place-items:center}.noor-reference .lesson-label{position:absolute;top:77px;min-width:125px;background:var(--card);border:2px solid var(--unit-color);border-radius:14px;box-shadow:0 5px 10px #0000000b;padding:6px 9px;text-align:center;z-index:2;line-height:1.5}.noor-reference .lesson-label:before{content:"";position:absolute;top:-7px;left:calc(50% - 6px);transform:rotate(45deg);width:10px;height:10px;background:var(--card);border-top:2px solid var(--unit-color);border-left:2px solid var(--unit-color)}.noor-reference .lesson-label strong{font-size:11px;display:block;white-space:nowrap}.noor-reference .lesson-label small{font-size:9px;color:var(--muted)}.noor-reference .path-subfoot{display:flex;justify-content:center;gap:8px;align-items:center;border-top:2px solid var(--line);padding:10px;font-size:11px;font-weight:800;color:var(--muted)}.noor-reference .path-subfoot b{color:var(--unit-color)}@keyframes node-pulse{0%,to{box-shadow:0 0 0 7px color-mix(in srgb,var(--unit-color) 12%,transparent)}50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--unit-color) 19%,transparent)}}.noor-reference .page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 21px}.noor-reference .page-head h1{margin:0 0 3px;font-size:27px}.noor-reference .page-head p{font-size:12px;color:var(--muted);margin:0}.noor-reference .big-emoji{width:63px;height:63px;border-radius:19px;background:var(--purple-light);display:grid;place-items:center;font-size:35px}.noor-reference .practice-hero{display:flex;gap:17px;align-items:center;background:linear-gradient(110deg,#19ad9e,#2db6c8);border-radius:23px;color:#fff;padding:23px;margin-bottom:20px;position:relative;overflow:hidden}.noor-reference .practice-hero>div:first-child{flex:1 1}.noor-reference .practice-hero h2{font-size:19px;margin:2px 0}.noor-reference .practice-hero p{font-size:12px;line-height:1.9;color:#f4ffff;margin:0 0 14px}.noor-reference .practice-hero .big-glyph{font-size:87px;opacity:.9;line-height:1}.noor-reference .practice-hero .pill{background:#ffffff29;color:#fff}.noor-reference .practice-hero .btn{color:#159c90}.noor-reference .practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.noor-reference .practice-card{padding:18px;display:flex;flex-direction:column;min-height:193px}.noor-reference .practice-card .topic-emoji{width:45px;height:45px;border-radius:15px;background:var(--card-2);display:grid;place-items:center;font-size:24px;margin-bottom:10px}.noor-reference .practice-card h3{margin:0 0 4px}.noor-reference .practice-card p{font-size:11px;color:var(--muted);margin:0 0 10px;flex:1 1;line-height:1.8}.noor-reference .practice-card button{align-self:start}.noor-reference .practice-bottom{margin-top:17px;border:2px dashed #d5c9ff;border-radius:18px;padding:17px;display:flex;gap:13px;align-items:center}.noor-reference .practice-bottom p{font-size:11px;color:var(--muted);margin:0}.noor-reference .practice-bottom strong{font-size:13px}.noor-reference .shop-banner{background:linear-gradient(110deg,#fff3ca,#ffeadb);color:#513e31;border:2px solid #f5da97;border-radius:24px;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.noor-reference .shop-banner strong{font-size:23px}.noor-reference .shop-banner p{color:#7e694c;font-size:12px;margin:1px 0}.noor-reference .shop-banner .treasure{font-size:65px}.noor-reference .shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.noor-reference .shop-card{padding:20px;display:flex;flex-direction:column;gap:9px;min-height:217px}.noor-reference .shop-art{background:var(--card-2);border-radius:18px;height:69px;width:72px;display:grid;place-items:center;font-size:37px}.noor-reference .shop-card h3{font-size:15px;margin:0}.noor-reference .shop-card p{font-size:11px;color:var(--muted);line-height:1.8;flex:1 1;margin:0}.noor-reference .shop-card .btn{width:100%;padding:8px;font-size:12px}.noor-reference .shop-card .btn:disabled{opacity:.7}.noor-reference .note-line{font-size:11px;color:var(--muted);background:var(--card);padding:13px 16px;border-radius:15px;border:1px solid var(--line);margin-top:17px}.noor-reference .profile-hero{display:flex;gap:16px;align-items:center;padding:21px}.noor-reference .profile-avatar{border-radius:21px;width:68px;height:68px;display:grid;place-items:center;flex:0 0 auto;color:var(--purple);font-size:30px;font-weight:950}.noor-reference .profile-details{flex:1 1;min-width:0}.noor-reference .profile-details h2{margin:0;font-size:21px}.noor-reference .profile-details p{margin:0;color:var(--muted);font-size:11px}.noor-reference .profile-hero .btn{font-size:12px}.noor-reference .metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0}.noor-reference .metric{padding:15px 18px}.noor-reference .metric .m-icon{font-size:23px}.noor-reference .metric b{display:block;color:var(--text);font-size:25px;line-height:1.5}.noor-reference .metric small{color:var(--muted);font-size:11px;font-weight:750}.noor-reference .chart-card{padding:19px;margin-bottom:18px}.noor-reference .chart-card h3{margin-bottom:14px}.noor-reference .weekly-chart{height:155px;display:flex;align-items:end;justify-content:space-between;gap:8px;border-bottom:2px solid var(--line);padding:2px 8px 0}.noor-reference .chart-column{flex:1 1;text-align:center;max-width:65px}.noor-reference .chart-bar{height:var(--height);background:linear-gradient(180deg,#b0a1ff,var(--purple));border-radius:9px 9px 1px 1px;margin:0 auto;max-width:38px;min-height:3px;position:relative}.noor-reference .chart-bar.current{background:linear-gradient(180deg,#3bdfc6,#18ae99)}.noor-reference .chart-bar>span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;color:var(--purple);direction:ltr}.noor-reference .chart-day{font-size:10px;color:var(--muted);font-weight:800;margin-top:7px}.noor-reference .chart-footer{color:var(--muted);font-size:11px;margin-top:17px}.noor-reference .achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.noor-reference .achievement{display:flex;gap:10px;align-items:center;padding:12px;border:2px solid var(--line);border-radius:15px;background:var(--card)}.noor-reference .achievement .badge-icon{font-size:30px;flex:0 0 auto}.noor-reference .achievement strong{font-size:11px;display:block}.noor-reference .achievement small{font-size:10px;color:var(--muted);line-height:1.6;display:block}.noor-reference .achievement.locked{filter:grayscale(1);opacity:.51}.noor-reference .unit-stats{display:grid;gap:10px}.noor-reference .unit-stat{display:flex;gap:10px;align-items:center}.noor-reference .unit-stat .unit-stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--card-2);font-size:20px}.noor-reference .unit-stat .grow{flex:1 1;min-width:0}.noor-reference .unit-stat strong{display:block;font-size:11px}.noor-reference .unit-stat small{font-size:10px;color:var(--muted)}.noor-reference .unit-stat .mini-meter{margin:4px 0}.noor-reference .unit-stat .score{font-weight:900;color:var(--muted);font-size:11px}.noor-reference .profile-end{padding:16px 20px;margin-top:17px;text-align:center}.noor-reference .game-shell{position:fixed;inset:0;z-index:70;background:var(--bg);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}.noor-reference .answer-feedback[hidden],.noor-reference .game-shell[hidden],.noor-reference .toast[hidden]{display:none!important}.noor-reference .game-header{display:flex;align-items:center;gap:20px;width:min(900px,100%);margin:0 auto;padding:19px 24px 8px;min-height:72px}.noor-reference .exit-game{width:43px;height:43px;background:transparent;color:var(--muted);font-size:22px;border-radius:13px}.noor-reference .exit-game:hover{background:var(--card)}.noor-reference .game-progress{flex:1 1;height:17px;background:var(--line);border-radius:20px;overflow:hidden}.noor-reference .game-progress>div{width:0;height:100%;background:linear-gradient(90deg,#3bcaba,#64dcca);border-radius:20px;box-shadow:inset 0 -3px #0000001a;transition:width .36s}.noor-reference .game-hearts{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:18px;font-weight:900;color:var(--pink)}.noor-reference .game-screen{width:min(800px,100%);margin:0 auto;padding:14px 28px 35px;min-height:350px}.noor-reference .exercise-number{font-size:11px;font-weight:900;margin-bottom:10px}.noor-reference .exercise-headline{display:flex;gap:16px;align-items:center;margin:0 0 23px}.noor-reference .exercise-headline .bot-avatar{width:100px;flex:0 0 auto}.noor-reference .exercise-headline .question-copy{min-width:0;flex:1 1}.noor-reference .exercise-headline h1{font-size:25px;margin:0 0 3px}.noor-reference .exercise-headline p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.noor-reference .exercise-card{background:var(--card);border-radius:21px;padding:23px;box-shadow:var(--shadow);margin-bottom:20px}.noor-reference .expression{font-family:Tahoma,Segoe UI,Arial,sans-serif;font-size:37px;line-height:1.8;font-weight:900;letter-spacing:1px;direction:ltr;text-align:center;word-break:break-word}.noor-reference .context-prompt{font-size:14px;text-align:center;color:var(--muted);font-weight:750;margin:9px 0 0}.noor-reference .fraction-visual{display:flex;justify-content:center;margin-top:17px;gap:5px;direction:ltr}.noor-reference .fraction-slice{height:28px;width:35px;border:2px solid #dbd8e9;background:#f3f0fb}.noor-reference .fraction-slice:first-child{border-radius:8px 0 0 8px}.noor-reference .fraction-slice:last-child{border-radius:0 8px 8px 0}.noor-reference .fraction-slice.filled{background:#28bfa8;border-color:#159d8a}.noor-reference .shape-visual{height:96px;width:190px;position:relative;margin:12px auto 0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900;background:repeating-linear-gradient(90deg,#9bdacc,#9bdacc 23px,#6eccba 24px),repeating-linear-gradient(0deg,#9bdacc,#9bdacc 23px,#6eccba 24px);border:3px solid #2abfa7;border-radius:8px}.noor-reference .shape-visual b{background:#1c7c6e98;padding:1px 10px;border-radius:8px}.noor-reference .options-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.noor-reference .choice{background:var(--card);border:2px solid var(--line);border-bottom:5px solid #d9d8e7;border-radius:15px;padding:15px 13px;min-height:75px;font-size:18px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px;direction:rtl;text-align:center;line-height:1.65;transition:border-color .16s,background .16s,transform .16s;word-break:break-word}.noor-reference .choice:hover:not(.selected){border-color:#c6b7fe}.noor-reference .choice .option-index{font-size:11px;color:var(--muted);display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:7px;margin-left:auto;flex:0 0 auto}.noor-reference .choice.text-choice{font-size:13px;text-align:right;justify-content:flex-start;min-height:91px}.noor-reference .choice.choice-wrong{background:#ffedf0}.noor-reference .answer-input-area{display:grid;justify-items:center;gap:16px}.noor-reference .numeric-answer{width:min(350px,100%);border:3px solid var(--line);border-bottom:5px solid #d9d8e7;text-align:center;font-size:38px;border-radius:18px;padding:15px 10px;color:var(--text);font-weight:800;min-height:84px}.noor-reference .numeric-keypad{width:min(330px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.noor-reference .numkey{height:54px;border:2px solid var(--line);border-bottom:4px solid #d8d8e5;border-radius:12px;color:var(--text);font:900 22px Tahoma,Arial,sans-serif}.noor-reference .numkey:active{transform:translateY(3px)}.noor-reference .numkey.small-num{font-size:18px}.noor-reference .input-hint{font-size:11px;color:var(--muted)}.noor-reference .robot-mistake{display:flex;gap:13px;align-items:center;margin-bottom:16px}.noor-reference .robot-mistake svg{width:83px;flex:0 0 auto}.noor-reference .robot-mistake .says{border:2px solid #ded5fc;border-radius:16px;padding:11px 16px;flex:1 1}.noor-reference .robot-mistake .says small{display:block;color:var(--purple);font-weight:900}.noor-reference .robot-mistake .says b{display:block;direction:ltr;text-align:right;font-size:22px;font-family:Tahoma,Arial,sans-serif;line-height:2}.noor-reference .teach-explanation{margin-top:16px;padding:15px;background:var(--card);border:2px dashed var(--line);border-radius:14px}.noor-reference .teach-explanation label{font-size:12px;font-weight:850;display:block;margin-bottom:7px}.noor-reference .teach-explanation textarea{resize:vertical;border:2px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;width:100%;min-height:62px;padding:9px 12px;font-size:13px}.noor-reference .teach-explanation small{color:var(--muted)}.noor-reference .arrange-instruction{font-size:12px;color:var(--muted);margin-bottom:11px}.noor-reference .ordered-steps{min-height:154px;border:2px dashed #c8bdf3;border-radius:19px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;padding:13px;gap:9px;margin-bottom:16px}.noor-reference .ordered-steps.empty:after{content:"اضغط على الخطوات أدناه لترتيبها هنا";margin:auto;color:var(--muted);font-size:12px}.noor-reference .step-token{background:var(--card);border:2px solid var(--line);border-bottom:4px solid #d2d0e2;padding:12px 14px;font-size:13px;color:var(--text);font-weight:850;border-radius:12px;line-height:1.55;text-align:center}.noor-reference .step-token.in-order{border-color:var(--purple);border-bottom-color:var(--purple-deep);background:var(--card)}.noor-reference .step-token:active{transform:translateY(2px)}.noor-reference .token-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.noor-reference .step-n{border:1px solid var(--purple);color:var(--purple);border-radius:50%;display:inline-grid;place-items:center;width:21px;height:21px;font-size:11px;margin-left:6px}.noor-reference .hint-panel{border:2px solid #f7dfa8;background:#fffae9;color:#8b6223;border-radius:15px;font-size:12px;font-weight:750;padding:11px 15px;margin-top:15px;line-height:1.8}.noor-reference .game-action-bar{width:min(850px,100%);margin:0 auto;gap:15px;padding:17px 28px 19px;border-top:2px solid var(--line);background:var(--bg)}.noor-reference .game-action-bar .check-button{min-width:215px}.noor-reference .game-action-bar .hint-button{min-width:106px}.noor-reference .answer-feedback{padding:20px max(24px,calc((100vw - 850px)/2 + 28px));background:var(--mint-light);border-top:3px solid #4acaaf;display:flex;align-items:center;gap:15px;color:#165c4f}.noor-reference .answer-feedback.bad{background:#fff1f1;border-color:#f3b4bd;color:#91454c}.noor-reference .answer-feedback .feedback-icon{font-size:34px;flex:0 0 auto}.noor-reference .answer-feedback .feedback-text strong{display:block;font-size:17px}.noor-reference .answer-feedback .feedback-text p{font-size:12px;line-height:1.85;margin:2px 0 0}.noor-reference .answer-feedback .btn{flex:0 0 auto;min-width:135px}.noor-reference .answer-feedback.bad .btn{background:#e77783;border-bottom-color:#b94c65}.noor-reference .custom-modal{background:var(--card);color:var(--text);border:2px solid var(--line);border-radius:27px;padding:0;max-width:470px;width:calc(100% - 30px);max-height:calc(100% - 25px);overflow:auto;box-shadow:0 24px 90px #18102c4a;position:fixed}.noor-reference .custom-modal::backdrop{background:#1c154c90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.noor-reference .result-inner{padding:25px;text-align:center}.noor-reference .result-art{font-size:85px;line-height:1.1;margin:5px 0 12px}.noor-reference .result-inner h2{font-size:27px;margin:0 0 9px}.noor-reference .result-inner p{font-size:13px;color:var(--muted);line-height:2;margin:0 0 20px}.noor-reference .result-stats{display:flex;gap:10px;margin:13px 0 23px}.noor-reference .result-stats>div{background:var(--card-2);border:2px solid var(--line);border-radius:16px;flex:1 1;padding:10px}.noor-reference .result-stats b{display:block;font-size:21px;color:var(--purple)}.noor-reference .result-stats span{font-size:10px;color:var(--muted)}.noor-reference .stars-row{display:flex;gap:10px;justify-content:center;color:#ffc34b;font-size:41px;margin:0 0 15px}.noor-reference .stars-row .empty-star{filter:grayscale(1);opacity:.25}.noor-reference .result-actions{display:grid;gap:10px}.noor-reference .result-actions .btn{width:100%}.noor-reference .settings-form{padding:23px}.noor-reference .modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.noor-reference .modal-heading h2{font-size:19px;margin:0}.noor-reference .plain-x{border-radius:10px;background:var(--card-2);color:var(--muted);height:35px;width:35px}.noor-reference .field-label{display:grid;gap:7px;font-size:12px;font-weight:900;margin-bottom:17px}.noor-reference .field-label input{background:var(--card-2);color:var(--text);border:2px solid var(--line);border-radius:12px;font-size:16px;padding:10px 15px}.noor-reference .switch-setting{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:850}.noor-reference .switch-setting input{accent-color:var(--purple);width:19px;height:19px}.noor-reference .settings-note{border-radius:12px;background:var(--card-2);padding:14px;margin:18px 0;font-size:11px;color:var(--muted);line-height:1.9}.noor-reference .settings-actions{display:flex;gap:9px;flex-wrap:wrap}.noor-reference .settings-actions .btn{flex:1 1;font-size:11px}.noor-reference .reset-link{background:transparent;color:#d46571;font-size:11px;font-weight:850;margin:20px 0 13px;width:100%}.noor-reference .toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:100;background:#2d2848;color:#fff;padding:11px 23px;border-radius:13px;font-size:12px;font-weight:850;box-shadow:0 15px 40px #0004;max-width:min(90%,450px);text-align:center}.noor-reference .confetti{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden}.noor-reference .confetti i{position:absolute;top:-20px;width:9px;height:15px;border-radius:3px;background:var(--color);left:var(--left);animation:confetti-drop var(--time) ease-in forwards}@keyframes confetti-drop{0%{opacity:1;transform:translateY(-10px) rotate(0)}to{opacity:0;transform:translateY(110vh) rotate(820deg)}}.noor-reference .bottom-nav{display:none}@media(max-width:1180px){.noor-reference .app-shell{grid-template-columns:184px minmax(0,1fr) 234px;gap:17px}.noor-reference{padding-inline:17px}.noor-reference .menu-link{font-size:14px}.noor-reference .hero-robot{width:164px}.noor-reference .path-intro{padding:20px 22px}.noor-reference .hero-copy h1{font-size:25px}.noor-reference .side-card{padding:15px}}@media(max-width:960px){.noor-reference .app-shell{grid-template-columns:186px minmax(0,1fr)}.noor-reference .side-panel{display:none}.noor-reference .daily-mobile{display:block;margin-top:17px}.noor-reference .mobile-quest{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.noor-reference .mobile-quest p{margin:0;font-size:11px;color:var(--muted)}.noor-reference .mobile-quest strong{font-size:13px}.noor-reference .hero-copy{max-width:63%}.noor-reference .top-stats{gap:6px}}@media(max-width:680px){.noor-reference{font-size:13px;padding:0 12px 90px}.noor-reference .topbar{height:73px;gap:4px}.noor-reference .brand{min-width:0;gap:6px;flex:0 0 auto}.noor-reference .brand-icon{height:36px;width:36px;font-size:21px;border-radius:12px;border-bottom-width:3px}.noor-reference .brand-label strong{font-size:15px}.noor-reference .brand-label small{display:none}.noor-reference .top-stats{margin-right:auto;gap:1px}.noor-reference .stat-pill{font-size:13px;padding:6px 3px;gap:2px}.noor-reference .stat-pill span{font-size:15px}.noor-reference .avatar-button{height:35px;width:35px;font-size:15px;border:2px solid #fff}.noor-reference .app-shell{display:block;padding-top:15px}.noor-reference .right-nav{display:none}.noor-reference .main-content{padding-bottom:95px}.noor-reference .bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;background:var(--card);border-top:2px solid var(--line);padding:7px 5px max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px #251a5410}.noor-reference .bottom-item{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;padding:4px;color:var(--muted);background:transparent;font-weight:850}.noor-reference .bottom-item span{font-size:21px;line-height:1.4}.noor-reference .bottom-item small{font-size:10px}.noor-reference .bottom-item.active{color:var(--purple)}.noor-reference .path-intro{min-height:224px;padding:18px 18px 20px;border-radius:21px}.noor-reference .hero-copy{max-width:69%}.noor-reference .hero-copy .tag{font-size:9px;margin-bottom:8px;padding:3px 8px}.noor-reference .hero-copy h1{font-size:22px;line-height:1.55}.noor-reference .hero-copy p{font-size:10px;line-height:1.8;margin-bottom:12px}.noor-reference .hero-copy .btn{min-height:38px;font-size:11px;padding:6px 11px}.noor-reference .hero-robot{width:131px;height:153px;left:-10px;bottom:-10px}.noor-reference .hello-bubble{font-size:8px;left:55px;bottom:8px}.noor-reference .hero-stars span:nth-child(2){left:110px}.noor-reference .next-bar{padding:10px 11px}.noor-reference .next-bar strong{font-size:11px}.noor-reference .next-bar small{font-size:10px}.noor-reference .next-bar .mini-run{height:39px;width:39px;border-radius:10px;font-size:19px}.noor-reference .next-bar .btn{padding:7px 9px;font-size:10px;min-height:36px}.noor-reference .section-heading h2{font-size:17px}.noor-reference .unit-banner{padding:17px}.noor-reference .unit-banner h3{font-size:17px}.noor-reference .unit-banner p{font-size:10px}.noor-reference .unit-banner .unit-icon{height:47px;width:47px;font-size:25px}.noor-reference .unit-path{height:493px}.noor-reference .unit-panel{border-radius:18px}.noor-reference .lesson-node{height:66px;width:66px;font-size:25px}.noor-reference .lesson-label{top:70px}.noor-reference .lesson-position{width:70px}.noor-reference .page-head h1{font-size:23px}.noor-reference .achievements,.noor-reference .practice-grid,.noor-reference .shop-grid{gap:10px}.noor-reference .practice-card{padding:13px;min-height:205px}.noor-reference .practice-card h3{font-size:13px}.noor-reference .shop-card{padding:13px}.noor-reference .shop-banner strong{font-size:18px}.noor-reference .profile-hero{flex-wrap:wrap;gap:10px;padding:15px}.noor-reference .profile-avatar{height:55px;width:55px;font-size:24px}.noor-reference .profile-details h2{font-size:17px}.noor-reference .game-header{padding:11px 15px;gap:10px;min-height:64px}.noor-reference .game-hearts{font-size:14px}.noor-reference .exit-game{font-size:19px;width:34px;height:40px}.noor-reference .game-screen{padding:8px 17px 16px;min-height:0}.noor-reference .exercise-headline{gap:6px;margin-bottom:16px}.noor-reference .exercise-headline .bot-avatar{width:65px}.noor-reference .exercise-headline h1{font-size:20px}.noor-reference .exercise-headline p{font-size:11px}.noor-reference .exercise-card{padding:16px;margin-bottom:15px}.noor-reference .expression{font-size:30px}.noor-reference .options-list{gap:9px}.noor-reference .choice{min-height:66px;font-size:17px;padding:9px;line-height:1.6}.noor-reference .choice.text-choice{font-size:12px;min-height:86px;padding:11px}.noor-reference .game-action-bar{padding:11px 15px 17px}.noor-reference .game-action-bar .check-button{min-width:160px}.noor-reference .answer-feedback{padding:11px 15px 16px;gap:10px}.noor-reference .answer-feedback .feedback-icon{font-size:24px}.noor-reference .answer-feedback .feedback-text strong{font-size:15px}.noor-reference .answer-feedback .feedback-text p{font-size:11px}.noor-reference .answer-feedback .btn{min-width:96px;padding:7px 11px;font-size:12px}.noor-reference .numkey{height:48px}.noor-reference .numeric-answer{min-height:68px;padding:7px;font-size:33px}.noor-reference .robot-mistake svg{width:62px}.noor-reference .robot-mistake .says b{font-size:19px}.noor-reference .result-art{font-size:65px}}@media(max-width:365px){.noor-reference{padding-inline:8px}.noor-reference .brand-label strong{font-size:13px}.noor-reference .top-stats .stat-pill{font-size:11px;padding-inline:1px}.noor-reference .top-stats .stat-pill span{font-size:13px}.noor-reference .avatar-button{width:30px;height:30px}.noor-reference .hero-copy h1{font-size:19px}.noor-reference .hero-robot{width:118px;left:-16px}.noor-reference .hero-copy{max-width:71%}.noor-reference .practice-hero .big-glyph{font-size:52px}.noor-reference .practice-card{min-height:209px}.noor-reference .choice{font-size:15px}.noor-reference .choice.text-choice{font-size:11px}.noor-reference .game-screen{padding-inline:12px}.noor-reference .answer-feedback{flex-wrap:wrap}.noor-reference .answer-feedback .btn{width:100%}}@media(prefers-reduced-motion:reduce){.noor-reference *,.noor-reference :after,.noor-reference :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.noor-reference .bottom-nav,.noor-reference .game-shell,.noor-reference .right-nav,.noor-reference .side-panel,.noor-reference .topbar{display:none!important}.noor-reference .app-shell{display:block}.noor-reference{padding:0}}.noor-reference .game-action-bar[hidden]{display:none!important}.noor-reference .expression.pure-math,.noor-reference .math-isolate,.noor-reference .robot-mistake .says b.pure-math{direction:ltr;unicode-bidi:isolate;font-family:Tahoma,Arial,sans-serif}@media(max-width:680px){.noor-reference .avatar-button{display:none}.noor-reference .top-stats{gap:5px}.noor-reference .stat-pill{padding-inline:5px}}@media(max-width:355px){.noor-reference .top-stats{gap:2px}.noor-reference .stat-pill{padding-inline:2px}}.noor-reference .expression.pure-math,.noor-reference .math-isolate,.noor-reference .robot-mistake .says b.pure-math{direction:ltr!important;unicode-bidi:isolate!important;font-family:Tahoma,Arial,sans-serif!important;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.noor-reference .expression.book-wording{font-size:clamp(17px,3.5vw,24px);font-weight:800;line-height:2;letter-spacing:0;direction:rtl;text-align:right;overflow-wrap:anywhere}.noor-reference .spelling-practice{margin-top:22px;padding:21px}.noor-reference .spelling-heading{display:flex;gap:13px;align-items:center}.noor-reference .spelling-heading .topic-emoji{flex:0 0 45px}.noor-reference .spelling-heading h2{margin:3px 0;font-size:19px}.noor-reference .spelling-finished p,.noor-reference .spelling-heading p,.noor-reference .spelling-start p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.8}.noor-reference .spelling-finished,.noor-reference .spelling-start{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.noor-reference .spelling-progress{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin:18px 0 12px}.noor-reference .spelling-sentence{margin:12px 0 5px;padding:16px;border-radius:15px;background:var(--card-2);font-size:19px;font-weight:850;line-height:2}.noor-reference .spelling-hint{color:var(--muted);font-size:12px}.noor-reference .spelling-label{display:block;font-size:12px;font-weight:900;margin:15px 0 6px}.noor-reference .spelling-practice form>.book-field{max-width:540px;font-size:18px}.noor-reference .spelling-feedback{min-height:20px;display:grid;gap:4px;margin:8px 0 12px;font-size:12px;line-height:1.8}.noor-reference .spelling-feedback.is-correct strong{color:#0d9877}.noor-reference .spelling-feedback.is-wrong strong{color:#d44e68}.noor-reference .spelling-privacy{display:block;color:var(--muted);margin-top:12px;font-size:10px}.noor-reference .choice .math-isolate{display:inline-block;white-space:normal;overflow-wrap:anywhere;flex:1 1;min-width:0;text-align:center;font-size:1.1em}.noor-reference .book-home-strip{margin-top:16px;padding:16px;display:flex;align-items:center;gap:11px;border:2px solid #bcefe6;background:var(--mint-light);border-radius:19px}.noor-reference .book-home-strip .book-home-ico{font-size:30px}.noor-reference .book-home-strip div{flex:1 1;min-width:0}.noor-reference .book-home-strip strong{display:block;font-size:14px}.noor-reference .book-home-strip small{display:block;color:var(--muted);font-size:11px;line-height:1.65}.noor-reference .book-home-strip .btn{flex:0 0 auto}.noor-reference .book-hero{background:linear-gradient(125deg,#218fba,#24b4a9);color:#fff;border-radius:25px;padding:25px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;isolation:isolate}.noor-reference .book-hero:after{content:"✦";position:absolute;font-size:150px;opacity:.12;left:8px;bottom:-100px;z-index:-1}.noor-reference .book-hero h1{color:white;font-size:28px;margin:4px 0 5px}.noor-reference .book-hero p{font-size:12px;line-height:2;color:#effffe;max-width:450px;margin:0}.noor-reference .book-hero .book-hero-art{margin-inline-start:auto;font-size:84px;line-height:1}.noor-reference .book-top-tag{display:inline-block;background:#ffffff2d;border:1px solid #ffffff62;border-radius:19px;padding:3px 12px;font-size:11px;font-weight:850}.noor-reference .book-upload-panel{margin-top:17px;padding:20px}.noor-reference .book-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.noor-reference .book-import-title{font-size:16px;margin-bottom:10px}.noor-reference .book-dropzone{background:var(--card-2);padding:20px 13px;text-align:center;border:2px dashed #b3a5ef;border-radius:16px;display:grid;place-items:center;gap:7px;min-height:218px}.noor-reference .book-dropzone.dragover{border-color:#18b69f}.noor-reference .book-dropzone .drop-icon{font-size:43px}.noor-reference .book-dropzone strong{font-size:13px}.noor-reference .book-dropzone p{font-size:11px;max-width:280px;color:var(--muted);margin:0}.noor-reference .book-dropzone .btn{min-height:38px}.noor-reference .book-dropzone small{font-size:10px;color:var(--muted)}.noor-reference .book-text-panel{display:flex;flex-direction:column;gap:8px}.noor-reference .book-text-panel p{margin:0;color:var(--muted);font-size:11px}.noor-reference .book-field{width:100%;background:var(--card-2);color:var(--text);border:2px solid var(--line);border-radius:12px;padding:11px 12px;font-size:15px;min-height:45px;direction:rtl}.noor-reference .book-textarea{min-height:116px;resize:vertical;line-height:1.9}.noor-reference .book-text-panel .btn{align-self:stretch}.noor-reference .book-status{font-size:12px;color:var(--purple);font-weight:800;min-height:25px;margin-top:8px}.noor-reference .book-info-line{margin:13px 0 0;padding:11px 14px;font-size:11px;color:var(--text);border-radius:12px;line-height:2}.noor-reference .book-note{font-size:11px;color:var(--muted);margin:12px 0;line-height:1.9}.noor-reference .book-library{display:grid;gap:10px;margin-top:13px}.noor-reference .book-item{background:var(--card);border:2px solid var(--line);border-radius:15px;padding:13px;display:flex;align-items:center;gap:12px}.noor-reference .book-item-icon{font-size:26px}.noor-reference .book-item-info{flex:1 1;min-width:0}.noor-reference .book-item-info strong{font-size:13px;display:block}.noor-reference .book-item-info small{font-size:11px;color:var(--muted);display:block}.noor-reference .book-item .book-select{min-height:37px;padding:6px 11px}.noor-reference .book-item .book-delete{font-size:20px;min-width:38px;min-height:38px;color:#d26576;background:var(--card-2);border-radius:12px}.noor-reference .book-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.noor-reference .book-chapter{border:2px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden}.noor-reference .book-chapter-cover{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:17px 16px;background:var(--card-2)}.noor-reference .book-chapter-cover h3{margin:0;font-size:14px}.noor-reference .book-chapter-cover small{display:block;color:var(--muted)}.noor-reference .book-chapter-cover .chapter-emoji{font-size:31px}.noor-reference .book-chapter-body{padding:12px 16px 17px}.noor-reference .book-chapter-body p{font-size:11px;color:var(--muted);line-height:1.85;margin:0 0 10px}.noor-reference .book-chapter-body .btn{width:100%;min-height:42px}.noor-reference .book-mastery{display:flex;align-items:center;gap:9px;margin-bottom:10px}.noor-reference .book-mastery .mini-meter{flex:1 1;margin:0}.noor-reference .book-stars{font-size:13px;white-space:nowrap;color:#d99f2c;font-weight:850}.noor-reference .book-chapter details{margin-top:8px;font-size:11px}.noor-reference .book-chapter details summary{cursor:pointer;color:var(--purple);font-weight:800}.noor-reference .book-chapter blockquote{font-size:11px;border-right:3px solid var(--line);margin:9px 0 0;padding-right:9px;white-space:pre-wrap;color:var(--muted);max-height:135px;overflow:auto}.noor-reference .book-add-card{padding:19px;margin:19px 0}.noor-reference .book-add-card h3{font-size:16px}.noor-reference .book-add-card p{font-size:11px;color:var(--muted);margin-bottom:11px}.noor-reference .book-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.noor-reference .book-form-grid .full{grid-column:1/-1}.noor-reference .book-form-grid label{display:grid;gap:6px;font-size:11px;font-weight:900}.noor-reference .book-form-grid textarea{min-height:72px}.noor-reference .book-form-actions{display:flex;gap:10px;margin-top:10px;align-items:center;flex-wrap:wrap}.noor-reference .book-form-actions .btn{flex:1 1}.noor-reference .book-mini-tip{background:var(--mint-light);color:var(--text);border-radius:13px;padding:11px 14px;font-size:11px;line-height:1.9;margin-top:10px}.noor-reference .book-empty{padding:30px 18px;text-align:center}.noor-reference .book-empty .big-emoji{font-size:45px}.noor-reference .book-empty h3{font-size:16px;margin:6px 0}.noor-reference .book-empty p{font-size:12px;color:var(--muted);margin:0 auto;max-width:420px}.noor-reference .book-text-answer{width:min(600px,100%);font-size:19px;line-height:1.8;min-height:62px;border:3px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);padding:10px 14px;text-align:center;direction:rtl}.noor-reference .text-answer-label{font-size:14px;font-weight:900}.noor-reference .grade-library-hero{padding:24px;border-radius:22px;background:linear-gradient(120deg,#5140c8,#7863e9);color:#fff;box-shadow:var(--shadow);margin-bottom:16px}.noor-reference .grade-library-hero h1{font-size:25px;margin:6px 0}.noor-reference .grade-library-hero p{font-size:13px;line-height:1.8;margin:0}.noor-reference .grade-picker{display:flex;gap:9px;margin-top:17px;flex-wrap:wrap}.noor-reference .grade-picker button{display:grid;gap:2px;text-align:right;border:2px solid #ffffff55;border-radius:13px;background:#ffffff18;color:#fff;padding:10px 14px;font-weight:900}.noor-reference .grade-picker button.active{background:#fff;color:#5140c8}.noor-reference .grade-picker button:disabled{opacity:.62}.noor-reference .grade-picker small{font-size:10px;font-weight:700}.noor-reference .grade-book-card{display:flex;align-items:center;gap:18px;background:var(--card);border:2px solid var(--line);border-radius:20px;padding:18px;margin-bottom:22px;box-shadow:var(--shadow)}.noor-reference .grade-book-cover{height:112px;width:90px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e8e4ff,#c9c1ff);font-size:43px}.noor-reference .grade-book-info h2{font-size:18px;margin:5px 0}.noor-reference .grade-book-info p,.noor-reference .grade-book-info>small{font-size:11px;color:var(--muted);line-height:1.8}.noor-reference .grade-uploaded-book{display:grid;gap:4px;margin-top:10px;padding:10px;border-radius:12px;background:var(--card-2);font-size:11px}.noor-reference .grade-uploaded-book small{color:var(--muted)}.noor-reference .grade-uploaded-book .btn{justify-self:start;min-height:34px;margin-top:4px}.noor-reference .grade-exercises{margin:22px 0 30px}.noor-reference .grade-exercise-note{font-size:11px;color:var(--muted);line-height:1.85}.noor-reference .grade-unit-list{display:grid;gap:10px}.noor-reference .grade-unit{background:var(--card);border:2px solid var(--line);border-radius:16px;overflow:hidden}.noor-reference .grade-unit>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px}.noor-reference .grade-unit>summary::-webkit-details-marker{display:none}.noor-reference .grade-unit>summary span{display:grid;gap:3px}.noor-reference .grade-unit>summary b,.noor-reference .grade-unit>summary small{font-size:10px;color:var(--muted)}.noor-reference .grade-unit>summary strong{font-size:13px}.noor-reference .grade-unit-lessons{border-top:1px solid var(--line);padding:5px 13px}.noor-reference .grade-lesson{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.noor-reference .grade-lesson:last-child{border-bottom:0}.noor-reference .grade-lesson .btn{font-size:10px;min-height:34px;white-space:nowrap}@media(max-width:680px){.noor-reference .bottom-item{padding:3px 0}.noor-reference .bottom-item span{font-size:19px}.noor-reference .bottom-item small{font-size:9px}.noor-reference .book-hero{padding:19px}.noor-reference .book-hero h1{font-size:23px}.noor-reference .book-hero .book-hero-art{font-size:62px}.noor-reference .book-chapter-grid,.noor-reference .book-two-col{grid-template-columns:1fr}.noor-reference .book-upload-panel{padding:14px}.noor-reference .book-home-strip{padding:11px;gap:8px}.noor-reference .book-home-strip .book-home-ico{font-size:24px}.noor-reference .book-home-strip strong{font-size:12px}.noor-reference .book-home-strip small{font-size:10px}.noor-reference .book-home-strip .btn{font-size:10px;padding:6px 10px}.noor-reference .book-form-grid{grid-template-columns:1fr}.noor-reference .book-form-grid .full{grid-column:auto}.noor-reference .book-dropzone{min-height:175px}.noor-reference .book-mini-tip{font-size:10px}}@media(max-width:360px){.noor-reference .bottom-item span{font-size:18px}.noor-reference .bottom-item small{font-size:9px}.noor-reference .book-home-strip .book-home-ico{display:none}}.noor-reference .game-shell{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}.noor-reference .game-header{flex:0 0 auto}.noor-reference .grade-picker a{display:grid;gap:2px;text-align:right;text-decoration:none;border:2px solid #ffffff55;border-radius:13px;background:#ffffff18;color:#fff;padding:10px 14px;font-weight:900}.noor-reference .grade-picker a.active{background:#fff;color:#5140c8}.noor-reference .grade-picker a small{font-size:10px;font-weight:700}@media(max-width:680px){.noor-reference .grade-library-hero{padding:18px}.noor-reference .grade-library-hero h1{font-size:21px}.noor-reference .grade-book-card{align-items:flex-start;padding:13px;gap:10px}.noor-reference .grade-book-cover{width:58px;height:80px;font-size:31px}.noor-reference .grade-book-info h2{font-size:15px}.noor-reference .grade-unit>summary{align-items:flex-start;flex-direction:column}.noor-reference .grade-lesson{align-items:flex-start}.noor-reference .grade-lesson .btn{min-height:32px}}.noor-reference .game-screen{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-padding-bottom:24px;-webkit-overflow-scrolling:touch}.noor-reference .answer-feedback,.noor-reference .game-action-bar{position:relative;z-index:1;flex:0 0 auto;max-width:100%;box-shadow:0 -5px 16px rgba(36,27,79,.06)}.noor-reference .game-action-bar{padding-bottom:max(17px,env(safe-area-inset-bottom))}.noor-reference .answer-feedback{padding-bottom:max(16px,env(safe-area-inset-bottom))}.noor-reference .numkey{touch-action:manipulation;user-select:none;-webkit-user-select:none}.noor-reference .numeric-answer,.noor-reference .numkey{font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.noor-reference .numeric-answer{caret-color:var(--purple)}@media(max-width:680px){.noor-reference .game-screen{padding-bottom:24px}.noor-reference .answer-feedback,.noor-reference .game-action-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(min-width:740px) and (max-height:740px){.noor-reference .game-header{min-height:52px;padding-block:5px}.noor-reference .game-screen{padding-block:6px 16px}.noor-reference .game-screen.numeric-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:18px;align-content:start}.noor-reference .game-screen.numeric-game>.exercise-headline,.noor-reference .game-screen.numeric-game>.exercise-number,.noor-reference .game-screen.numeric-game>.hint-panel{grid-column:1/-1}.noor-reference .game-screen.numeric-game>.exercise-headline{margin-bottom:10px}.noor-reference .game-screen.numeric-game>.exercise-headline .bot-avatar{width:63px}.noor-reference .game-screen.numeric-game>.exercise-headline h1{font-size:22px}.noor-reference .game-screen.numeric-game>.exercise-card{grid-column:1;grid-row:3;margin:0;align-self:start;padding:12px}.noor-reference .game-screen.numeric-game>.answer-input-area{grid-column:2;grid-row:3;min-width:0;align-self:start;gap:8px}.noor-reference .game-screen.numeric-game .expression{font-size:32px;line-height:1.5}.noor-reference .game-screen.numeric-game .numeric-answer{min-height:57px;padding:5px 8px;font-size:30px}.noor-reference .game-screen.numeric-game .numkey{height:44px}.noor-reference .game-screen.numeric-game .numeric-keypad{gap:6px}.noor-reference .game-action-bar{padding-block:8px 10px}.noor-reference .game-action-bar .btn{min-height:42px}}@media(max-width:390px) and (max-height:700px){.noor-reference .game-header{min-height:52px;padding-block:5px}.noor-reference .exercise-headline .bot-avatar{width:55px}.noor-reference .exercise-headline{margin-bottom:10px}.noor-reference .exercise-card{padding:11px;margin-bottom:10px}.noor-reference .numeric-answer{min-height:58px;padding:5px;font-size:28px}.noor-reference .numkey{height:44px}.noor-reference .numeric-keypad{gap:6px}.noor-reference .answer-input-area{gap:9px}.noor-reference .game-action-bar{padding-block:8px 10px}}.noor-reference{--bg:#F6F8FF;--card:#FFFFFF;--card-2:#F3F5FF;--text:#1D2845;--muted:#65728C;--line:#DFE6F4;--purple:#6148DB;--purple-light:#EEEAFE;--purple-deep:#4933B8;--mint:#099D89;--mint-light:#E1F8F2;--pink:#D94470;--gold:#F4B334;--blue:#247CC6;--hero-start:#6047DC;--hero-mid:#765AEF;--hero-end:#367AC8;--glow-one:rgba(130,104,249,.14);--glow-two:rgba(69,196,180,.11);--shadow:0 11px 28px rgba(28,44,94,.07);--outline:rgba(97,72,219,.4)}.noor-reference[data-palette=ocean]{--purple:#086EBD;--purple-deep:#07549A;--purple-light:#E3F3FE;--mint:#078E98;--mint-light:#E3F8F8;--hero-start:#0862B0;--hero-mid:#1785CC;--hero-end:#16A9B6;--glow-one:rgba(36,142,229,.13);--glow-two:rgba(25,185,190,.12);--outline:rgba(8,110,189,.40)}.noor-reference[data-palette=forest]{--purple:#167D64;--purple-deep:#0C654E;--purple-light:#E1F7EC;--mint:#168E6D;--mint-light:#E0F8EC;--hero-start:#13745F;--hero-mid:#249A75;--hero-end:#33B29A;--glow-one:rgba(42,167,112,.14);--glow-two:rgba(129,194,104,.14);--outline:rgba(19,119,93,.40)}.noor-reference[data-palette=sunset]{--purple:#B43A77;--purple-deep:#922B5E;--purple-light:#FDE9F2;--mint:#128E82;--mint-light:#E3F7F4;--hero-start:#A7377F;--hero-mid:#D84D83;--hero-end:#CF7250;--glow-one:rgba(232,105,148,.14);--glow-two:rgba(255,188,115,.13);--outline:rgba(180,58,119,.4)}.noor-reference.dark{--bg:#12192C;--card:#1F2A42;--card-2:#27344F;--text:#F4F7FF;--muted:#BDCCE5;--line:#35435C;--purple-light:#342C64;--mint-light:#123E3D;--glow-one:rgba(126,105,252,.13);--glow-two:rgba(47,181,159,.07);--shadow:0 12px 30px rgba(0,0,0,.20)}.noor-reference.dark[data-palette=ocean]{--purple-light:#163D60;--mint-light:#103F48}.noor-reference.dark[data-palette=forest]{--purple-light:#20463E;--mint-light:#20463D}.noor-reference.dark[data-palette=sunset]{--purple-light:#50283E;--mint-light:#164845}.noor-reference{background:radial-gradient(ellipse 470px 310px at 10% 4%,var(--glow-one),transparent 85%),radial-gradient(ellipse 430px 290px at 91% 28%,var(--glow-two),transparent 85%),var(--bg);color:var(--text)}.noor-reference .topbar{background:color-mix(in srgb,var(--card) 94%,transparent);border-bottom:1.5px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 20px rgba(35,43,88,.035)}.noor-reference .brand-icon{background:linear-gradient(142deg,var(--hero-start),var(--hero-mid));border-bottom-color:var(--purple-deep);box-shadow:0 8px 14px color-mix(in srgb,var(--purple) 20%,transparent)}.noor-reference .brand-label strong{color:var(--purple);font-weight:950}.noor-reference .stat-pill{background:color-mix(in srgb,var(--card) 76%,transparent);border:1px solid var(--line)}.noor-reference .stat-pill.fire b{color:#B75A15}.noor-reference .stat-pill.money b{color:#086EBD}.noor-reference .stat-pill.star b{color:#97660C}.noor-reference .stat-pill.heart b{color:#C52F54}.noor-reference.dark .stat-pill.fire b{color:#FFBC76}.noor-reference.dark .stat-pill.money b{color:#8AC9FF}.noor-reference.dark .stat-pill.star b{color:#F7D181}.noor-reference.dark .stat-pill.heart b{color:#FFA1B7}.noor-reference .avatar-button{color:var(--purple);background:var(--purple-light);border:2px solid var(--card)}.noor-reference .menu-link{transition:background .17s,color .17s,transform .17s}.noor-reference .menu-link:hover{background:var(--card-2)}.noor-reference .menu-link.active{background:var(--purple-light);color:var(--purple);border-color:color-mix(in srgb,var(--purple) 38%,var(--card));box-shadow:inset -4px 0 0 var(--purple)}.noor-reference.dark .menu-link.active{border-color:color-mix(in srgb,var(--purple) 52%,var(--card))}.noor-reference .card,.noor-reference .side-card,.noor-reference .unit-panel{border-color:var(--line);box-shadow:var(--shadow)}.noor-reference .side-card{background:var(--card)}.noor-reference .side-card:first-child{border-top:4px solid var(--gold)}.noor-reference .side-card:nth-child(2){border-top:4px solid var(--mint)}.noor-reference .side-card:nth-child(3){border-top:4px solid var(--purple)}.noor-reference .side-card:nth-child(4){border-top:4px solid var(--blue)}.noor-reference .quest-emoji{background:var(--purple-light)}.noor-reference .aside-robot .speech{background:var(--card-2)}.noor-reference .mini-meter{background:var(--line);height:9px}.noor-reference .mini-meter>i{background:linear-gradient(90deg,var(--purple),var(--mint))}.noor-reference .btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--purple),color-mix(in srgb,var(--purple) 84%,var(--hero-end)));border-bottom-color:var(--purple-deep);box-shadow:0 4px 0 color-mix(in srgb,var(--purple-deep) 24%,transparent)}.noor-reference .btn-primary:disabled{background:#DDE2EF;color:#50607B!important;border-bottom-color:#C4CCDE;box-shadow:none}.noor-reference.dark .btn-primary:disabled{background:#34425C;color:#CDD9EE!important;border-bottom-color:#273349}.noor-reference .btn-soft{color:var(--purple);background:var(--purple-light);border-bottom-color:color-mix(in srgb,var(--purple) 30%,var(--purple-light))}.noor-reference .btn-white{color:#3D3780;background:white;border-bottom-color:#CFC8FF;box-shadow:0 4px 0 rgba(20,12,94,.1)}.noor-reference .btn-ghost{color:var(--text);border-color:var(--line);background:var(--card-2)}.noor-reference .pill{background:var(--purple-light);color:var(--purple);font-weight:950}.noor-reference .card{border-width:1.5px}.noor-reference .page-head .big-emoji{background:var(--purple-light);outline:3px solid color-mix(in srgb,var(--purple) 9%,transparent)}.noor-reference .path-intro{background:linear-gradient(116deg,var(--hero-start) 4%,var(--hero-mid) 54%,var(--hero-end) 112%);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 0 color-mix(in srgb,var(--purple) 11%,transparent),0 15px 32px color-mix(in srgb,var(--purple) 18%,transparent)}.noor-reference .path-intro:before{background:rgba(255,255,255,.045)}.noor-reference .path-intro:after{background:rgba(255,255,255,.07)}.noor-reference .hero-copy .tag{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45)}.noor-reference .hero-copy h1 em{color:#FFE88C;text-shadow:0 1px 0 rgba(0,0,0,.05)}.noor-reference .hero-copy p{color:#fff;opacity:.95}.noor-reference .hero-stars span{color:#FFE999}.noor-reference .next-bar{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}.noor-reference .next-bar .mini-run{background:var(--mint-light);color:var(--mint)}.noor-reference .mobile-quest{border-inline-start:4px solid var(--gold)}.noor-reference .book-home-strip{border-color:color-mix(in srgb,var(--mint) 28%,var(--card));background:linear-gradient(110deg,var(--mint-light),color-mix(in srgb,var(--purple-light) 52%,var(--card)));box-shadow:0 7px 20px color-mix(in srgb,var(--mint) 8%,transparent)}.noor-reference .book-home-ico{width:47px;height:47px;border-radius:14px;background:var(--card);display:grid;place-items:center;flex:0 0 auto}.noor-reference .path-overline{color:var(--purple)}.noor-reference .unit-panel{border-radius:24px}.noor-reference .unit-banner{background:linear-gradient(115deg,var(--unit-color),color-mix(in srgb,var(--unit-color) 78%,#161F53))}.noor-reference .unit-banner .unit-icon{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.32);box-shadow:inset 0 1px rgba(255,255,255,.19)}.noor-reference .unit-panel:not(.unit-locked) .unit-path{background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--unit-color) 5%,transparent),transparent 60%)}.noor-reference .unit-panel.unit-locked .unit-banner{filter:saturate(.65);opacity:.85}.noor-reference .lesson-node{background:var(--card-2);color:var(--muted);border-color:var(--line);border-bottom-color:color-mix(in srgb,var(--line) 80%,var(--muted))}.noor-reference .lesson-node.finished{background:var(--mint);color:white;border-color:color-mix(in srgb,var(--mint) 66%,white);border-bottom-color:#08715E}.noor-reference .lesson-node.active{background:linear-gradient(155deg,var(--unit-color),color-mix(in srgb,var(--unit-color) 81%,#272255));border-bottom-color:color-mix(in srgb,var(--unit-color) 75%,#14142E)}.noor-reference .lesson-node.boss.active,.noor-reference .lesson-node.boss.finished{color:#432A0F;background:#FFCC54;border-color:#FFE8A5 #FFE8A5 #BC831D}.noor-reference .lesson-label{box-shadow:0 7px 22px rgba(26,45,84,.09)}.noor-reference .path-road path{stroke:color-mix(in srgb,var(--line) 65%,var(--muted))}.noor-reference .practice-hero{background:linear-gradient(116deg,#128C82,#1498AA,#2D91BA);box-shadow:0 8px 22px rgba(16,143,145,.12)}.noor-reference .practice-hero .btn{color:#157567}.noor-reference .practice-card{border-top:4px solid var(--purple)}.noor-reference .practice-card:nth-child(2){border-top-color:var(--mint)}.noor-reference .practice-card:nth-child(3){border-top-color:#D77555}.noor-reference .practice-card:nth-child(4){border-top-color:var(--blue)}.noor-reference .practice-card:nth-child(5){border-top-color:var(--gold)}.noor-reference .practice-card:nth-child(6){border-top-color:var(--pink)}.noor-reference .practice-card .topic-emoji{background:var(--purple-light)}.noor-reference .practice-card:nth-child(2) .topic-emoji{background:var(--mint-light)}.noor-reference .practice-card:nth-child(3) .topic-emoji{background:#FFF0EA}.noor-reference .practice-card:nth-child(5) .topic-emoji{background:#FFF6DA}.noor-reference .practice-bottom{border-color:color-mix(in srgb,var(--purple) 31%,var(--card));background:var(--purple-light)}.noor-reference .shop-banner{background:linear-gradient(124deg,#FFF0BB,#FFDD9F);border-color:#EFCB73;color:#533A1A;box-shadow:0 8px 20px rgba(174,118,30,.1)}.noor-reference .shop-banner .treasure{filter:drop-shadow(0 4px 1px rgba(120,67,27,.16))}.noor-reference .shop-card:first-child .shop-art{background:#FFEDF1}.noor-reference .shop-card:nth-child(2) .shop-art{background:#FFEAF3}.noor-reference .shop-card:nth-child(3) .shop-art{background:#FFF0C3}.noor-reference .shop-card:nth-child(4) .shop-art{background:#E5EEFF}.noor-reference .metric{border-width:2px}.noor-reference .metric:first-child{border-color:#E3D9FF;background:linear-gradient(135deg,var(--card),color-mix(in srgb,#D3C3FF 25%,var(--card)))}.noor-reference .metric:nth-child(2){border-color:#BCEEE4;background:linear-gradient(135deg,var(--card),color-mix(in srgb,#8EE6D4 22%,var(--card)))}.noor-reference .metric:nth-child(3){border-color:#FBE5B4;background:linear-gradient(135deg,var(--card),color-mix(in srgb,#FFE2A5 24%,var(--card)))}.noor-reference .metric:nth-child(4){border-color:#F7D6E5;background:linear-gradient(135deg,var(--card),color-mix(in srgb,#FBC7DC 24%,var(--card)))}.noor-reference.dark .metric{border-color:var(--line)}.noor-reference .achievement{border-width:1.5px}.noor-reference .achievement:not(.locked){background:color-mix(in srgb,var(--mint-light) 33%,var(--card));border-color:color-mix(in srgb,var(--mint) 24%,var(--card))}.noor-reference .chart-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 44%,white),var(--purple))}.noor-reference .chart-bar.current{background:linear-gradient(180deg,#40D9BC,var(--mint))}.noor-reference .profile-avatar{background:var(--purple-light)}.noor-reference .book-hero{background:linear-gradient(120deg,#146C96,#128F9C,#17A898);box-shadow:0 10px 25px rgba(21,130,144,.14)}.noor-reference .book-dropzone{background:linear-gradient(140deg,var(--card-2),var(--purple-light));border-color:color-mix(in srgb,var(--purple) 38%,var(--line))}.noor-reference .book-dropzone.dragover{background:var(--mint-light);border-color:var(--mint)}.noor-reference .book-item:hover{border-color:color-mix(in srgb,var(--purple) 32%,var(--line))}.noor-reference .book-item.active{background:color-mix(in srgb,var(--mint-light) 38%,var(--card));border-color:var(--mint)}.noor-reference .book-chapter-cover{background:linear-gradient(120deg,var(--card-2),color-mix(in srgb,var(--purple-light) 50%,var(--card)))}.noor-reference .book-chapter{box-shadow:var(--shadow)}.noor-reference .book-field,.noor-reference .book-text-answer{background:var(--card);border-color:var(--line);color:var(--text)}.noor-reference .book-field,.noor-reference .book-textarea{color:var(--text)}.noor-reference .book-info-line{background:var(--purple-light)}.noor-reference .game-shell{background:radial-gradient(ellipse 620px 420px at 50% 1%,var(--glow-one),transparent 75%),var(--bg)}.noor-reference .game-progress{background:color-mix(in srgb,var(--purple) 10%,var(--line))}.noor-reference .game-progress>div{background:linear-gradient(90deg,var(--mint),#37D3B0)}.noor-reference .exercise-number{color:var(--purple)}.noor-reference .exercise-headline h1{color:var(--text)}.noor-reference .exercise-card{border:2px solid var(--line);box-shadow:0 10px 20px rgba(30,45,95,.06)}.noor-reference .expression{color:var(--text);font-weight:950;opacity:1!important;text-shadow:none}.noor-reference .choice{color:var(--text);border-color:var(--line);border-bottom-color:color-mix(in srgb,var(--line) 78%,var(--muted));box-shadow:0 2px 0 rgba(19,33,64,.04)}.noor-reference .choice:hover:not(.selected){border-color:var(--purple)}.noor-reference .choice.selected{color:var(--text);background:var(--purple-light);border-color:var(--purple);border-bottom-color:var(--purple-deep)}.noor-reference .choice.choice-correct{background:var(--mint-light);border-color:var(--mint)}.noor-reference .choice.choice-wrong{background:#FFEAF0;border-color:var(--pink)}.noor-reference .numeric-answer{background:var(--card);color:var(--text)!important;border-color:var(--line);border-bottom-color:color-mix(in srgb,var(--line) 74%,var(--muted));-webkit-text-fill-color:var(--text);font-weight:950}.noor-reference .numeric-answer::placeholder{color:var(--muted);opacity:.8}.noor-reference .numeric-answer:focus{border-color:var(--purple);box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 11%,transparent)}.noor-reference .numkey{color:var(--text)!important;-webkit-text-fill-color:var(--text);background:var(--card);border-color:var(--line);border-bottom-color:color-mix(in srgb,var(--line) 73%,var(--muted));text-shadow:none;font-weight:950;box-shadow:0 2px 0 rgba(26,35,61,.035)}.noor-reference .numkey:hover{border-color:var(--purple);background:var(--purple-light)}.noor-reference .numkey:active{background:var(--mint-light);border-color:var(--mint)}.noor-reference .numkey.small-num{color:var(--purple)!important;-webkit-text-fill-color:var(--purple)}.noor-reference .game-action-bar{background:var(--card);border-top-color:var(--line);box-shadow:0 -8px 22px rgba(32,47,96,.06)}.noor-reference .answer-feedback{background:#DBF8ED;border-color:#0DA68B;color:#145A4C}.noor-reference .answer-feedback.bad{background:#FFEDF2;border-color:#E3748A;color:#813C50}.noor-reference.dark .answer-feedback{background:#173E38;color:#DFFCF4}.noor-reference.dark .answer-feedback.bad{background:#482A3B;color:#FFE8ED}.noor-reference .answer-feedback.bad .btn{background:#CE5676;border-bottom-color:#9F3C58;color:white}.noor-reference .hint-panel{border-color:#EDD387;background:#FFF6D8;color:#715019}.noor-reference.dark .hint-panel{border-color:#856730;background:#443A26;color:#FFE8B0}.noor-reference .robot-mistake .says{border-color:color-mix(in srgb,var(--purple) 25%,var(--line));background:var(--purple-light)}.noor-reference .ordered-steps{border-color:color-mix(in srgb,var(--purple) 35%,var(--line));background:var(--purple-light)}.noor-reference .bottom-nav{background:color-mix(in srgb,var(--card) 97%,transparent);box-shadow:0 -8px 22px rgba(39,48,82,.08)}.noor-reference .bottom-item{border-radius:15px}.noor-reference .bottom-item.active{color:var(--purple);background:var(--purple-light)}.noor-reference .toast{background:#1D2845;color:white}.noor-reference.dark .toast{background:#F4F7FF;color:#1D2845}.noor-reference .palette-fieldset{border:0;padding:0;margin:17px 0 15px;min-width:0}.noor-reference .palette-fieldset legend{font-size:13px;font-weight:900;margin-bottom:10px;color:var(--text)}.noor-reference .palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.noor-reference .palette-choice{display:flex;align-items:center;position:relative;gap:10px;min-width:0;min-height:64px;border-radius:15px;border:2px solid var(--line);background:var(--card);padding:9px 11px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.noor-reference .palette-choice:hover{border-color:var(--purple)}.noor-reference .palette-choice:has(input:checked){background:var(--purple-light);border-color:var(--purple)}.noor-reference .palette-choice:has(input:focus-visible){outline:3px solid var(--outline);outline-offset:2px}.noor-reference .palette-choice input{position:absolute;opacity:0;width:18px;height:18px;pointer-events:none}.noor-reference .palette-swatch{display:grid;place-items:center;color:#fff;font-size:22px;width:43px;height:43px;border-radius:13px;flex:0 0 auto;box-shadow:inset 0 -4px rgba(0,0,0,.14)}.noor-reference .swatch-spark{background:linear-gradient(135deg,#5A46D5 5%,#9676F8 57%,#3C9CBD 0)}.noor-reference .swatch-ocean{background:linear-gradient(135deg,#075DA7 5%,#149CDB 57%,#0FA49E 0)}.noor-reference .swatch-forest{background:linear-gradient(135deg,#166C56 5%,#35AC7B 57%,#E6B95B 0)}.noor-reference .swatch-sunset{background:linear-gradient(135deg,#AC377C 5%,#D9588E 57%,#E9A45D 0)}.noor-reference .palette-label{font-size:11px;font-weight:900;color:var(--text);line-height:1.5;flex:1 1;min-width:0}.noor-reference .palette-check{position:absolute;top:4px;left:6px;background:var(--purple);color:white;border-radius:50%;width:18px;height:18px;font-size:12px;display:none;align-items:center;justify-content:center}.noor-reference .palette-choice:has(input:checked) .palette-check{display:flex}.noor-reference .palette-hint{display:block;font-size:11px;color:var(--muted);line-height:1.85;margin-top:8px}@media(max-width:680px){.noor-reference .brand-label strong{color:var(--purple)}.noor-reference .top-stats .stat-pill{border:0;background:transparent}.noor-reference .bottom-nav{border-top:1.5px solid var(--line)}.noor-reference .game-action-bar{box-shadow:0 -7px 17px rgba(32,47,96,.045)}}@media(max-width:360px){.noor-reference .palette-grid{gap:7px}.noor-reference .palette-choice{padding:7px;gap:5px}.noor-reference .palette-swatch{width:37px;height:37px}.noor-reference .palette-label{font-size:10px}}@media(prefers-reduced-motion:reduce){.noor-reference .palette-choice{transition:none}}.noor-reference .app-footer{gap:14px;margin:20px 0 100px;padding:18px 0 0;border-top:1px solid var(--line)}.noor-reference .app-footer a{color:var(--purple)}.noor-reference .lesson-stars{display:block;margin-top:5px;color:var(--gold);font-size:12px;font-weight:900}@media(max-width:680px){.noor-reference .app-footer{margin-bottom:24px;flex-direction:column;text-align:center}}.noor-reference.dark{--accent-ink:#D5C9FF}.noor-reference.dark[data-palette=ocean]{--accent-ink:#91D7FF}.noor-reference.dark[data-palette=forest]{--accent-ink:#A7EDD0}.noor-reference.dark[data-palette=sunset]{--accent-ink:#FFC0DE}.noor-reference.dark .avatar-button,.noor-reference.dark .book-chapter details summary,.noor-reference.dark .book-status,.noor-reference.dark .brand-label strong,.noor-reference.dark .btn-soft,.noor-reference.dark .exercise-number,.noor-reference.dark .eyebrow,.noor-reference.dark .menu-link.active,.noor-reference.dark .pill,.noor-reference.dark .plain-button,.noor-reference.dark .profile-avatar,.noor-reference.dark .result-stats b,.noor-reference.dark .robot-mistake .says small,.noor-reference.dark .stat-pill.money b,.noor-reference.dark .step-n,.noor-reference.dark .tiny-label{color:var(--accent-ink)}.noor-reference.dark .numkey.small-num{color:var(--accent-ink)!important;-webkit-text-fill-color:var(--accent-ink)}.noor-reference.dark .book-mini-tip{color:var(--text)}.noor-reference .share-home-strip{margin:14px 0 3px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-radius:18px;border:2px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.noor-reference .share-home-strip strong{display:block;font-size:14px;color:var(--text);margin-bottom:2px}.noor-reference .share-home-strip small{display:block;color:var(--muted);font-size:11px;line-height:1.65}.noor-reference .share-home-strip .btn{white-space:nowrap;flex:none}.noor-reference #noorShareModal{border:none;border-radius:24px;padding:0;background:var(--card);color:var(--text);max-width:min(93vw,480px);width:100%;box-shadow:0 15px 70px #221c436b;overflow:auto;max-height:90vh}.noor-reference #noorShareModal::backdrop{background:#10102b99}.noor-reference .noor-share-inner{padding:23px}.noor-reference .noor-share-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.noor-reference .noor-share-kicker{font-size:11px;color:var(--purple);font-weight:800}.noor-reference .noor-share-heading h2{font-size:23px;margin:2px 0 0}.noor-reference .noor-share-inner [hidden]{display:none!important}.noor-reference .noor-share-x{width:44px;height:44px;border-radius:13px;border:2px solid var(--line);background:var(--card-2);color:var(--text);font-size:19px}.noor-reference .noor-share-bot{font-size:45px;text-align:center;margin:14px 0;background:var(--purple-light);border-radius:22px;padding:12px}.noor-reference .noor-share-inner>p{font-size:13px;color:var(--muted);line-height:1.9}.noor-reference .noor-share-label{display:block;margin-bottom:7px;font-size:12px;font-weight:900}.noor-reference .noor-share-link{display:block;width:100%;padding:11px 12px;font-size:14px;background:var(--card-2);color:var(--text);border:2px solid var(--line);border-radius:12px;text-align:left;direction:ltr}.noor-reference .noor-share-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px}.noor-reference .noor-share-actions .btn{flex:1 1}.noor-reference .noor-share-install{margin-top:16px;padding:14px;background:var(--mint-light);color:var(--text);border-radius:16px}.noor-reference .noor-share-install strong{font-size:13px}.noor-reference .noor-share-install p{font-size:11px;margin:6px 0 0;color:var(--text)}.noor-reference .noor-share-install .btn{margin-top:9px}.noor-reference .noor-share-privacy{font-size:11px!important;margin-bottom:5px;color:var(--muted)!important}.noor-reference .noor-share-status{font-size:12px;color:var(--purple)!important;font-weight:850;min-height:18px;text-align:center}.noor-reference .noor-share-warning{font-size:13px;line-height:1.9;background:var(--card-2);border:2px solid var(--line);border-radius:13px;padding:11px}@media(max-width:420px){.noor-reference .share-home-strip{padding:10px;gap:8px}.noor-reference .share-home-strip strong{font-size:12px}.noor-reference .share-home-strip small{font-size:10px}.noor-reference .share-home-strip .btn{padding:8px 10px;font-size:11px;min-height:42px}.noor-reference .noor-share-inner{padding:17px}}@media(max-width:340px){.noor-reference .share-home-strip{flex-wrap:wrap}.noor-reference .share-home-strip .btn{width:100%}}.noor-reference .app-shell{background:transparent;color:inherit;--bg:inherit;--card:inherit;--card-2:inherit;--line:inherit;--muted:inherit;--shadow:inherit;--primary:var(--purple);--primary-dark:var(--purple-deep);--lavender:var(--purple-light);--ink:var(--text);--teal:var(--mint);--soft-mint:var(--mint-light)}.noor-reference .main-content{margin:0;width:100%;max-width:none;padding:0 0 75px}.noor-reference .avatar-button{display:grid;place-items:center}.noor-reference .brand{border:0}.noor-reference a:focus-visible{outline:3px solid var(--outline);outline-offset:3px}.noor-reference .hero-robot .robot{width:100%;height:100%;transform:none}.noor-reference .robot{flex-shrink:0}.noor-reference .plain-button{display:inline-block;background:transparent;color:var(--purple);padding:7px 9px;font-size:11px}.noor-reference .account-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:15px}.noor-reference .reference-daily{padding:17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.noor-reference .reference-daily>div{flex:1 1;min-width:160px}.noor-reference .reference-daily p{font-size:11px;margin:0}.noor-reference .reference-consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.9;margin-top:12px;color:var(--muted)}.noor-reference .reference-consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--purple)}.noor-reference .input-error{background:var(--pink);color:white;border-radius:12px;padding:12px;margin-bottom:12px}.noor-reference .app-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;color:var(--muted);font-size:11px}.copyright-notice{display:grid;gap:4px;line-height:1.9;font-size:11px}.copyright-notice strong{font-size:11px}.noor-reference .settings-grid{display:grid;grid-template-columns:1fr;gap:16px}.noor-reference .about,.noor-reference .content-editor,.noor-reference .narrow,.noor-reference .operations-panel,.noor-reference .settings-grid>.card{padding:20px}.noor-reference .heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.noor-reference .heading-row h1{font-size:27px}.noor-reference .heading-row p{font-size:12px}.noor-reference .narrow label,.noor-reference .settings-grid label{display:grid;gap:7px;margin:12px 0;font-size:12px}.noor-reference .narrow input,.noor-reference .settings-grid input,.noor-reference .settings-grid select{min-width:0;width:100%;background:var(--card-2);color:var(--text);border:2px solid var(--line);border-radius:12px;padding:11px}.noor-reference .button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border-radius:13px;padding:10px 15px;font-weight:800}.noor-reference .button.primary{background:var(--purple);color:white;border-bottom:4px solid var(--purple-deep)}.noor-reference .button.secondary{background:var(--purple-light);color:var(--purple);border:2px solid var(--line)}.noor-reference .text-button{background:transparent;color:var(--purple);padding:8px;min-height:44px}.noor-reference .muted{color:var(--muted)}.noor-reference .admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.noor-reference .admin-tabs button{padding:10px 12px;min-height:44px;background:var(--card-2);border:2px solid var(--line);border-radius:12px;color:var(--muted)}.noor-reference .admin-tabs button.active{background:var(--purple-light);color:var(--purple)}.noor-reference .admin-reauth{display:grid;gap:8px;font-size:12px;margin:15px 0}.noor-reference .admin-reauth input{min-width:0;width:100%}.noor-reference main>section.card:not(.unit-panel):has(table){padding:18px}.noor-reference .table-scroll{overflow-x:auto}.noor-reference .list-row{border-color:var(--line)}.noor-reference .modal-backdrop{position:fixed;inset:0;background:#10102b99;z-index:100;display:grid;place-items:center;padding:15px}.noor-reference .modal{width:min(650px,100%);padding:22px;max-height:90dvh;overflow:auto;background:var(--card);color:var(--text)}.noor-reference .game-screen .match-list label{display:flex;gap:12px;padding:12px;justify-content:space-between}.noor-reference .game-screen .match-list select{max-width:60%;background:var(--card);color:var(--text);border:2px solid var(--line);border-radius:12px;padding:10px}.noor-reference .game-screen .ordered-steps{min-height:70px}.noor-reference .game-screen .book-text-answer{margin:15px auto;display:block}.noor-reference .math-text{unicode-bidi:isolate}.noor-reference .question-copy h1{margin:0}.noor-reference .question-copy .question-body,.noor-reference.is-learning .app-shell>.right-nav,.noor-reference.is-learning .app-shell>.side-panel,.noor-reference.is-learning .topbar,.noor-reference.is-learning>.app-footer,.noor-reference.is-learning>.bottom-nav{display:none}.noor-reference.is-learning .app-shell{display:block;padding:0}.noor-reference.is-learning .main-content{padding:0}.noor-reference .game-action-bar .btn{min-width:160px}.noor-reference .game-action-bar{display:flex;justify-content:space-between;align-items:center}.noor-reference .answer-feedback .feedback-text{flex:1 1;min-width:0}.noor-reference .answer-feedback .feedback-text p{margin:0}.noor-reference .answer-feedback .btn{flex-shrink:0}.noor-reference .numeric-answer,.noor-reference .numeric-keypad{direction:ltr}.noor-reference .result-screen{max-width:650px;margin:25px auto;padding:25px;text-align:center}.noor-reference .result-screen .robot{width:160px;height:165px}.noor-reference .result-screen .result-stats{display:flex;justify-content:center;gap:20px;margin:20px 0}@media(max-width:680px){.noor-reference .main-content{padding:0 0 95px}.noor-reference .app-footer{padding-bottom:12px}.noor-reference .heading-row{flex-wrap:wrap}.noor-reference .app-shell .stat{min-width:0}.noor-reference .answer-feedback{flex-wrap:wrap}.noor-reference .answer-feedback .btn{min-width:100px}.noor-reference .toast{bottom:85px}}@media(prefers-reduced-motion:reduce){.noor-reference *,.noor-reference :after,.noor-reference :before{animation:none!important;transition:none!important}}