@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#24203b;--muted:#7f7a96;--cream:#dedddb;--paper:#fffdf8;--purple:#5b3fc7;--deep:#30225f;--lilac:#e8e0ff;--coral:#ffb8a6;--mint:#c5ecdf;--yellow:#ffd969;--line:#d4d2d0;--shadow:0 16px 42px rgba(50,35,92,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:IBM Plex Sans Arabic,sans-serif;background:var(--cream);background-image:radial-gradient(circle at 10% 8%,rgba(255,217,105,.18) 0 9%,transparent 26%),radial-gradient(circle at 92% 15%,rgba(197,236,223,.24) 0 10%,transparent 28%),linear-gradient(135deg,#ebeae7,#d6d7d5)}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border:1px solid rgba(91,63,199,.08);border-radius:50%}body:before{width:380px;height:380px;top:-210px;left:30%;box-shadow:0 0 0 28px #5b3fc706,0 0 0 56px #5b3fc705}body:after{width:260px;height:260px;right:-150px;bottom:8%;box-shadow:0 0 0 20px #ffb8a614}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(91,63,199,.35);outline-offset:2px}.app-shell{min-height:100vh;display:flex;position:relative}.sidebar{width:250px;flex:0 0 250px;display:flex;flex-direction:column;padding:34px 22px 24px;color:#fff;background:var(--deep);border-left:1px solid rgba(255,255,255,.08);box-shadow:8px 0 30px #30225f0f}.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 8px;cursor:pointer}.brand-lockup strong{display:block;font:700 27px Space Grotesk,sans-serif;letter-spacing:-.06em}.brand-lockup small{display:block;margin-top:-2px;color:#c9c0ee;font-size:10px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--deep);background:var(--yellow);border-radius:14px 14px 14px 4px;font:700 24px Space Grotesk,sans-serif;transform:rotate(-7deg);box-shadow:4px 5px #ffffff21}.brand-mark span{transform:rotate(7deg)}.brand-mark.small{width:32px;height:32px;border-radius:10px 10px 10px 3px;font-size:18px;box-shadow:none}.side-caption{margin:68px 10px 16px;color:#9f96cf;font-size:11px}.main-nav{display:grid;gap:8px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:12px;color:#c8c1e8;background:transparent;text-align:right;font-size:13px;transition:.2s ease}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.is-active{color:var(--deep);background:var(--yellow);font-weight:700}.nav-icon{width:22px;text-align:center;font-size:18px}.nav-badge{min-width:20px;height:20px;display:grid;place-items:center;margin-right:auto;padding:0 5px;border-radius:20px;color:var(--deep);background:#fff;font-size:10px}.sidebar-footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding:0 7px;color:#a59bd4;font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#7de7c6;box-shadow:0 0 0 4px #7de7c61f}.main-content{flex:1;min-width:0;background:#fffdf84d}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:sticky;top:0;z-index:8;background:#faf8f1e6;border-bottom:1px solid rgba(48,34,95,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-copy h1{margin:2px 0 0;font-size:23px;letter-spacing:-.04em}.eyebrow,.section-kicker{color:var(--purple);font-size:11px;font-weight:700;letter-spacing:.02em}.top-action{padding:11px 18px;border-radius:10px;color:#fff;background:var(--ink);font-size:12px;font-weight:700;transition:.2s}.top-action:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 18px #24203b26}.top-action span{margin-left:4px;color:var(--yellow);font-size:18px;vertical-align:-1px}.mobile-brand{display:none;align-items:center;gap:8px;font-size:15px}.page-content{max-width:1180px;margin:auto;padding:38px clamp(24px,5vw,76px) 50px}.site-credit{max-width:1180px;margin:-20px auto 0;padding:0 clamp(24px,5vw,76px) 24px;color:#aaa5b6;font-size:10px;text-align:left}.site-credit span{padding:0 7px;color:var(--purple)}.hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:18px}.hero-card{min-height:328px;position:relative;overflow:hidden;padding:44px 48px;border:1px solid rgba(255,255,255,.2);border-radius:24px;color:#fff;background:var(--purple);box-shadow:0 16px #30225f0a,0 22px 42px #32235c21}.hero-card:after{content:"";position:absolute;width:250px;height:250px;left:-86px;bottom:-150px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.hero-content{position:relative;z-index:2;max-width:480px}.pill{display:inline-flex;padding:6px 11px;border-radius:30px;font-size:10px;font-weight:700}.sun-pill{color:var(--deep);background:var(--yellow)}.hero-card h2{margin:17px 0 12px;font:700 clamp(32px,4vw,49px)/1.12 "Space Grotesk","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.07em}.hero-card h2 em{color:var(--yellow);font-style:normal}.hero-card p{max-width:420px;margin:0;color:#ded8f4;font-size:13px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:700;transition:.2s ease}.btn span,.outline-btn span{line-height:0;font-size:17px}.btn-light{color:var(--deep);background:#fff}.btn-light:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a114426}.btn-light.large{padding:15px 23px;font-size:13px}.text-link{color:#e7e0ff;background:transparent;font-size:11px}.text-link span{margin-right:5px;font-size:16px}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}.orbit-one{width:370px;height:370px;top:-154px;right:-130px}.orbit-two{width:275px;height:275px;top:-102px;right:-80px}.hero-doodle{position:absolute;top:53px;right:59%;color:var(--yellow);font-size:23px;line-height:1.4;opacity:.9;transform:rotate(13deg)}.hero-doodle span{color:#fff;font-size:10px}.quick-panel{padding:27px;border:1px solid rgba(48,34,95,.13);border-radius:24px;text-align:center;background:var(--paper);box-shadow:0 14px #30225f06,var(--shadow)}.quick-heading{display:flex;justify-content:space-between;color:#807a91;font-size:11px;text-align:right}.spark{color:var(--purple);font-size:21px}.ring-wrap{margin:17px auto 10px}.progress-ring{--progress:76%;width:126px;height:126px;display:grid;place-items:center;position:relative;margin:auto;border-radius:50%;background:conic-gradient(var(--purple) var(--progress),#eeeaf5 0)}.progress-ring:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--paper)}.progress-ring>div{position:relative;z-index:1}.progress-ring strong{display:block;font:700 28px Space Grotesk;letter-spacing:-.06em}.progress-ring small{color:var(--muted);font-size:9px}.quick-note{min-height:32px;margin:6px 0 14px;color:#827c91;font-size:11px}.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #d9d0f6;border-radius:9px;color:var(--purple);background:transparent;font-size:11px;font-weight:700;transition:.2s}.outline-btn:hover{background:var(--lilac)}.section-head,.bank-head,.weakness-head{display:flex;align-items:end;justify-content:space-between;margin:42px 0 16px;padding-inline:3px}.section-head h3,.bank-head h3,.weakness-head h3{margin:3px 0 0;font-size:20px;letter-spacing:-.04em}.hand-note{color:#a49eb1;font-size:11px;transform:rotate(-2deg)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.action-card{min-height:190px;position:relative;overflow:hidden;padding:23px;border:1px solid rgba(48,34,95,.13);border-radius:18px;color:var(--ink);text-align:right;box-shadow:0 12px #30225f06,var(--shadow);transition:.2s ease}.action-card:hover{transform:translateY(-4px) rotate(.3deg);box-shadow:0 14px #30225f0a,0 22px 34px #32235c1a}.action-card:after{content:"";position:absolute;width:100px;height:100px;left:-30px;bottom:-52px;border:1px solid rgba(36,32,59,.16);border-radius:50%}.lilac{background:var(--lilac)}.coral{background:var(--coral)}.mint{background:var(--mint)}.action-number{opacity:.55;font:600 10px Space Grotesk}.action-icon{display:block;margin:18px 0 5px;font-size:30px}.action-card h4{margin:0;font-size:17px;letter-spacing:-.04em}.action-card p{max-width:220px;margin:7px 0 0;color:#24203bad;font-size:11px;line-height:1.7}.card-arrow{position:absolute;top:23px;left:23px;font:25px Space Grotesk}.lower-strip{display:flex;align-items:center;gap:13px;margin-top:27px;padding:13px 17px;border:1px solid rgba(48,34,95,.1);border-radius:14px;background:#ece9df;box-shadow:0 10px #30225f05,var(--shadow)}.tip-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--yellow)}.lower-strip b{font-size:11px}.lower-strip p{margin:2px 0 0;color:#8b8493;font-size:10px}.strip-count{margin-right:auto;color:#8d8697;font-size:10px}.setup-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.setup-intro h2,.weakness-banner h2,.quiz-poster h2{margin:6px 0 8px;font-size:clamp(27px,4vw,40px);letter-spacing:-.07em}.setup-intro p,.weakness-banner p,.quiz-poster p{max-width:560px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.setup-stamp{width:85px;height:85px;padding-top:18px;border:1px dashed var(--purple);border-radius:50%;color:var(--purple);font-size:10px;line-height:1.2;text-align:center;transform:rotate(10deg)}.setup-stamp b{font-size:14px}.setup-columns{display:grid;grid-template-columns:1.08fr .92fr;gap:17px}.form-card,.import-card{padding:25px;border:1px solid rgba(48,34,95,.13);border-radius:20px;background:var(--paper);box-shadow:0 12px #30225f06,var(--shadow)}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.title-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:var(--purple);background:var(--lilac);font-size:19px}.pdf-icon{color:#df6a52;background:#ffe1d9}.card-title h3{margin:0;font-size:15px}.card-title p{margin:2px 0 0;color:var(--muted);font-size:10px}.question-form{display:grid;gap:13px}.question-form label{color:#655f74;font-size:10px;font-weight:700}.question-form label span{color:#df6a52}.question-form input,.question-form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #e5deed;border-radius:9px;color:var(--ink);background:#fff;font-size:12px;resize:vertical}.question-form textarea{min-height:66px}.question-form input::placeholder,.question-form textarea::placeholder{color:#b5afbf}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-primary{color:#fff;background:var(--purple)}.dropzone{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #cbbff2;border-radius:14px;color:var(--purple);background:#fbfaff;text-align:center;cursor:pointer;transition:.2s}.dropzone:hover{background:var(--lilac)}.dropzone input{display:none}.upload-symbol{margin-bottom:8px;font-size:27px}.dropzone b{font-size:12px}.dropzone small{margin-top:4px;color:#a59eb5;font-size:9px}.import-message{min-height:32px;padding-top:12px;color:#9891a4;font-size:10px;line-height:1.65}.import-message.show{color:var(--purple)}.import-foot{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);color:#a49cab;font-size:9px}.import-preview{margin-top:12px;padding:12px;border:1px solid #d8cdf8;border-radius:12px;background:#fbf9ff}.preview-head{display:flex;align-items:center;justify-content:space-between;color:var(--purple);font-size:10px}.preview-head span{color:#9b93aa}.preview-items{display:grid;gap:7px;margin:9px 0 11px}.preview-items div{min-width:0;padding-top:7px;border-top:1px solid #ebe5fb}.preview-items b,.preview-items small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-items b{font-size:10px}.preview-items small{margin-top:2px;color:#938aa4;font-size:9px}.preview-actions{display:flex;align-items:center;gap:9px}.preview-actions .btn{padding:8px 11px;font-size:10px}.preview-actions .soft-btn{font-size:10px}.bank-head{margin-top:36px}.soft-btn{color:#9f99a8;background:transparent;font-size:10px;text-decoration:underline}.question-list,.weak-list{display:grid;gap:8px}.question-row,.weak-row{min-height:62px;display:flex;align-items:center;gap:13px;padding:10px 15px;border:1px solid rgba(48,34,95,.12);border-radius:14px;background:var(--paper);box-shadow:0 8px #30225f05,0 8px 22px #32235c0d}.row-index,.weak-num{color:#b1abb9;font:600 11px Space Grotesk}.row-copy,.weak-row>span:nth-child(2){flex:1;min-width:0}.row-copy b,.weak-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.row-copy small,.weak-row small{display:block;margin-top:3px;color:#9a93a6;font-size:10px}.delete-btn{color:#b5afbd;background:transparent;font-size:19px}.delete-btn:hover{color:#df6a52}.empty-state{min-height:190px;display:grid;place-content:center;border:1px dashed #d5cfc2;border-radius:15px;color:#8d8695;background:#f0ede6;text-align:center}.empty-state>span{color:#c1b9ca;font-size:28px}.empty-state b{display:block;margin-top:8px;color:var(--ink);font-size:13px}.empty-state p{margin:4px 0 13px;font-size:10px}.success-empty{border-color:#b7e5d5;background:#eef8f3}.success-empty>span{color:#39a47f}.quiz-landing{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.quiz-poster{min-height:425px;position:relative;overflow:hidden;padding:46px;border:1px solid rgba(255,255,255,.18);border-radius:24px;color:#fff;background:var(--deep);box-shadow:0 16px #30225f0a,0 22px 42px #32235c21}.quiz-poster:after{content:"؟";position:absolute;left:-25px;bottom:-72px;color:#ffffff0f;font:330px/1 Space Grotesk;transform:rotate(14deg)}.quiz-poster h2{max-width:470px;position:relative;z-index:1;font-size:48px}.quiz-poster p{position:relative;z-index:1;max-width:440px;color:#c4bbe6}.poster-sticker{width:86px;height:86px;display:grid;place-content:center;position:absolute;top:45px;left:50px;z-index:2;border-radius:50%;color:var(--deep);background:var(--yellow);font-size:10px;line-height:1.2;text-align:center;transform:rotate(10deg)}.poster-sticker b{font-size:14px}.quiz-stats{display:flex;gap:32px;position:relative;z-index:1;margin:34px 0 26px}.quiz-stats div{padding-right:22px;border-right:1px solid rgba(255,255,255,.18)}.quiz-stats div:first-child{border:0}.quiz-stats b{display:block;color:var(--yellow);font:700 26px Space Grotesk}.quiz-stats span{color:#b9b0dc;font-size:10px}.rules-card{min-height:auto;padding:34px 28px;border:1px solid rgba(48,34,95,.13);border-radius:24px;background:var(--paper);box-shadow:0 12px #30225f06,var(--shadow)}.rules-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#7b3d35;background:var(--coral);font-weight:700}.rules-card h3{margin:18px 0 8px;font-size:18px}.rules-card>p{margin-bottom:26px;color:var(--muted);font-size:11px;line-height:1.9}.rule-line{margin-top:12px;padding:13px 0 0;border-top:1px solid var(--line);font-size:11px;font-weight:700}.rule-line span{margin-left:10px;color:var(--purple);font:11px Space Grotesk}.quiz-top{margin-bottom:24px}.back-link{color:var(--muted);background:transparent;font-size:11px}.quiz-progress-copy{display:flex;justify-content:space-between;margin:22px 0 8px;color:var(--muted);font-size:11px}.quiz-progress-copy b{color:var(--purple)}.mini-progress,.result-bar{height:5px;overflow:hidden;border-radius:9px;background:#e8e4ef}.mini-progress i,.result-bar i{display:block;height:100%;border-radius:inherit;background:var(--purple);transition:.3s}.quiz-card{max-width:800px;margin:auto;padding:clamp(25px,5vw,48px);border:1px solid rgba(48,34,95,.13);border-radius:22px;background:var(--paper);box-shadow:0 12px #30225f06,var(--shadow)}.question-meta{display:flex;align-items:center;justify-content:space-between;color:#a29baa;font-size:10px}.question-tag{padding:5px 10px;border-radius:20px;color:var(--purple);background:var(--lilac);font-weight:700}.quiz-card h2{max-width:680px;margin:32px 0 28px;font-size:clamp(22px,3vw,34px);line-height:1.5;letter-spacing:-.05em}.options-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-btn{min-height:59px;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;font-size:12px;text-align:right;transition:.2s}.option-btn:hover:not(:disabled){border-color:var(--purple);background:#fbf9ff;transform:translateY(-2px)}.option-btn.correct{border-color:#76cdb2;background:#ecfbf6}.option-btn.wrong{border-color:#ef9e8b;background:#fff1ed}.option-btn.muted{opacity:.55}.option-letter{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;color:var(--purple);background:#f0edf5;font:600 11px Space Grotesk}.option-check{margin-right:auto;color:#3ca886;font-size:18px}.wrong .option-check{color:#df6a52}.quiz-hint{margin:22px 0 0;color:#aaa3b1;font-size:10px;text-align:center}.answer-feedback{display:flex;align-items:center;gap:12px;margin-top:20px;padding:13px;border-radius:12px}.answer-feedback.is-correct{color:#267b66;background:#ecfbf6}.answer-feedback.is-wrong{color:#a64e3f;background:#fff1ed}.feedback-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ffffffa6;font-weight:700}.answer-feedback b{font-size:11px}.answer-feedback p{margin:2px 0 0;font-size:10px}.next-btn{width:100%;margin-top:14px}.result-view{max-width:650px;margin:auto}.result-card{padding:42px;border:1px solid rgba(48,34,95,.13);border-radius:24px;background:var(--paper);box-shadow:0 12px #30225f06,var(--shadow);text-align:center}.confetti{color:var(--yellow);letter-spacing:11px;font-size:20px}.result-card h2{margin:12px 0;font-size:33px;letter-spacing:-.06em}.result-score{display:flex;align-items:baseline;justify-content:center;margin:12px 0 0;color:var(--purple)}.result-score strong{letter-spacing:-.08em;font:700 72px Space Grotesk}.result-score span{color:#aaa3b4;font:18px Space Grotesk}.result-card>p{color:var(--muted);font-size:11px}.result-card>p b{color:var(--purple)}.result-bar{max-width:330px;margin:22px auto}.result-actions{display:flex;justify-content:center;gap:11px;margin-top:28px}.result-note{display:flex;justify-content:center;gap:8px;margin-top:18px;color:#928b9d;font-size:11px}.result-note span{color:#d36a80;font-size:18px}.result-note p{margin:2px 0}.weakness-banner{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:35px 42px;border:1px solid rgba(48,34,95,.1);border-radius:22px;background:var(--mint);box-shadow:0 12px #30225f06,var(--shadow)}.weakness-banner:after{content:"♡";position:absolute;left:30px;bottom:-75px;color:#1e705a14;font:260px/1 Space Grotesk}.weakness-banner p{color:#568275}.weak-count{width:108px;height:108px;flex:0 0 108px;display:grid;place-content:center;position:relative;z-index:1;border-radius:50%;background:#ffffff8c;text-align:center}.weak-count strong{color:#287d68;font:700 31px Space Grotesk}.weak-count span{color:#568275;font-size:9px}.weakness-head{align-items:center;margin-top:38px}.weak-row{width:100%;text-align:right;transition:.2s}.weak-row:hover{border-color:#a5dcca;transform:translate(-3px)}.weak-arrow{color:#4cae91;font-size:22px}.toast{position:fixed;bottom:25px;left:30px;z-index:20;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:12px;color:#fff;background:var(--ink);box-shadow:var(--shadow);font-size:11px;animation:toast-in .25s ease-out}.toast>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--yellow);font-weight:700}.toast.error>span{background:var(--coral)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:none}@media(max-width:900px){.sidebar{width:76px;flex-basis:76px;padding:25px 12px}.brand-lockup{justify-content:center;padding:0}.brand-lockup>div:last-child,.side-caption,.nav-item>span:not(.nav-icon),.sidebar-footer{display:none}.nav-item{justify-content:center;padding:12px 7px;position:relative}.nav-badge{position:absolute;top:2px;left:2px;width:17px;min-width:17px;height:17px;padding:0;font-size:9px}.topbar{padding:0 28px}.page-content{padding:28px}.site-credit{padding:0 28px 22px}.hero-grid,.quiz-landing{grid-template-columns:1fr}.quick-panel{min-height:260px}.progress-ring{width:110px;height:110px}.quiz-poster{min-height:340px}.rules-card{min-height:auto}}@media(max-width:620px){body{padding-bottom:76px}.app-shell{display:block}.sidebar{display:none}.topbar{height:84px;gap:12px;padding:0 18px}.mobile-brand{display:flex}.topbar-copy{flex:1}.topbar-copy h1{font-size:16px}.eyebrow{font-size:9px}.top-action{padding:9px 10px;font-size:10px}.top-action span{font-size:15px}.page-content{padding:20px 15px 30px}.site-credit{padding:0 15px 18px}.hero-card{min-height:390px;padding:32px 25px}.hero-card h2{font-size:38px}.hero-doodle{right:68%}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px}.action-grid,.setup-columns,.options-list{grid-template-columns:1fr}.action-card{min-height:160px}.section-head{flex-direction:column;align-items:start;gap:8px}.hand-note{align-self:flex-start}.setup-intro{align-items:flex-start}.setup-stamp{display:none}.form-card,.import-card{padding:18px}.quiz-poster{min-height:390px;padding:30px 25px}.quiz-poster h2{margin-top:54px;font-size:38px}.poster-sticker{top:25px;left:25px}.quiz-stats{gap:15px}.quiz-stats div{padding-right:13px}.quiz-stats b{font-size:21px}.quiz-card{padding:22px 16px}.quiz-card h2{margin-top:25px;font-size:23px}.result-card{padding:28px 18px}.result-actions{flex-direction:column}.weakness-banner{padding:26px 22px}.weak-count{width:78px;height:78px;flex-basis:78px}.weak-count strong{font-size:24px}.weak-count span{font-size:8px}.weakness-banner h2{font-size:29px}.weakness-banner p{padding-left:8px;font-size:11px}.lower-strip{align-items:flex-start}.strip-count{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;right:12px;left:12px;bottom:12px;z-index:15;padding:7px;border:1px solid rgba(255,255,255,.2);border-radius:18px;color:#fff;background:#30225ff5;box-shadow:0 14px 35px #30225f3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav .nav-item{min-height:52px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 2px;border-radius:12px;color:#c9c1e7;font-size:9px;text-align:center}.mobile-nav .nav-item.is-active{color:var(--deep);background:var(--yellow)}.mobile-nav .nav-icon{width:auto;font-size:17px;line-height:1}.mobile-nav .nav-item>span:not(.nav-icon){display:block}.mobile-nav .nav-badge{top:2px;left:50%;width:16px;min-width:16px;height:16px;margin-left:8px}.toast{right:15px;bottom:92px;left:15px;justify-content:center}}.developer-chip{display:flex;align-items:center;gap:8px;margin-right:auto;margin-left:18px;padding:7px 10px;border:1px solid #ddd4f5;border-radius:10px;color:var(--purple);background:#ffffffb8;font-size:10px;white-space:nowrap}.developer-chip span{color:#9991aa;font-size:9px}.developer-chip b{font-size:10px}@media(max-width:620px){.developer-chip{display:none}}.difficulty-mini{display:inline-block;margin-inline-start:5px;padding:2px 6px;border-radius:999px;background:#f0ebff;color:var(--purple);font-size:9px;font-style:normal;font-weight:700}:root{--ink:#202a36;--muted:#737b86;--cream:#d9dddc;--paper:rgba(255,255,255,.82);--purple:#ae8542;--deep:#172536;--lilac:#ece8df;--coral:#dfc2b6;--mint:#cdded8;--yellow:#e5c477;--line:#cbd0d0;--shadow:0 18px 48px rgba(24,37,54,.12)}body{background-color:var(--cream);background-image:radial-gradient(circle at 8% 6%,rgba(229,196,119,.2) 0 8%,transparent 25%),radial-gradient(circle at 88% 12%,rgba(205,222,216,.42) 0 11%,transparent 29%),linear-gradient(135deg,#eef0ee,#d3d8d7)}body:before,body:after{border-color:#ae85421f}.sidebar{background:linear-gradient(180deg,#1b2b40,#101b29);border-left-color:#e5c4772e;box-shadow:8px 0 34px #121d2b29}.brand-mark{color:#172536;background:linear-gradient(135deg,#f1d58c,#b8893d);box-shadow:0 0 0 1px #ffffff2e,4px 5px #e5c47729}.brand-lockup small,.side-caption{color:#b7c0ca}.nav-item{color:#b9c3ce;border:1px solid transparent}.nav-item:hover{color:#fff;background:#e5c47714;border-color:#e5c4772e}.nav-item.is-active{color:#172536;background:linear-gradient(135deg,#f0d58f,#c5974f);box-shadow:0 8px 20px #e5c47729}.nav-badge{color:#172536}.main-content{background:#ffffff2e}.topbar{background:#f5f6f3d6;border-bottom-color:#ae854238;box-shadow:0 8px 25px #1f2b370a}.eyebrow,.section-kicker{color:#9a7135}.top-action,.btn-primary{color:#172536;background:linear-gradient(135deg,#f0d58f,#bd8e43);box-shadow:0 8px 18px #ae854229}.top-action span{color:#172536}.developer-chip{color:#84612d;border-color:#ae854242;background:#ffffffa8}.hero-card{background:linear-gradient(135deg,#2a4058,#152435 72%);border-color:#e5c47752;box-shadow:0 16px #1725360f,0 24px 50px #17253633}.hero-card:after,.orbit-one,.orbit-two{border-color:#e5c47733}.sun-pill{color:#172536;background:linear-gradient(135deg,#f2d994,#c29248)}.hero-card h2 em{color:#e8c777}.hero-card p{color:#cbd4db}.btn-light{color:#172536;background:#f5f2eb}.quick-panel,.form-card,.import-card,.question-row,.weak-row,.rules-card{border-color:#ffffffbd;background:#ffffffc9;box-shadow:0 12px #17253606,var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.progress-ring{background:conic-gradient(#b48742 var(--progress),#e3e6e4 0)}.progress-ring:after{background:#ffffffe6}.outline-btn{color:#85612c;border-color:#ae85425c}.outline-btn:hover{background:#f1eadb}.action-card{border-color:#ffffffb3;box-shadow:0 12px #17253606,var(--shadow)}.lilac{background:linear-gradient(145deg,#f0eee7,#ded9cb)}.coral{background:linear-gradient(145deg,#edd8cf,#d5b3a7)}.mint{background:linear-gradient(145deg,#e3eee9,#c6d9d2)}.lower-strip{background:#f6f4edb8;border-color:#ae85422e}.tip-icon{background:linear-gradient(135deg,#f0d58f,#bd8e43)}.title-icon{color:#946b2f;background:#f0eadc}.pdf-icon{color:#a55d4c;background:#f1dfd8}.question-form input,.question-form textarea{border-color:#d3d8d7;background:#ffffffdb}.dropzone{border-color:#ae85426b;color:#916a32;background:#faf8f2c7}.dropzone:hover{background:#f1eadb}.import-preview{border-color:#ae854252;background:#faf8f2cc}.quiz-poster{background:linear-gradient(135deg,#1b2d43,#101c2b);border-color:#e5c47747}.poster-sticker{color:#172536;background:linear-gradient(135deg,#f0d58f,#bd8e43)}.result-card,.quiz-card{background:#ffffffd1;border-color:#fffc;box-shadow:var(--shadow)}.mobile-nav{background:#172536f0;border-color:#e5c4772e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-credit{color:#7c858d}.difficulty-mini{color:#80602f;background:#f1eadb}.audio-toggle{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:8px 11px;border:1px solid rgba(174,133,66,.28);border-radius:999px;color:#80602f;background:#ffffff9e;font-size:10px;transition:.2s}.audio-toggle:hover{background:#f1eadb;transform:translateY(-1px)}.audio-toggle span{font-size:15px;color:#b48742}@media(max-width:760px){.audio-toggle{display:none}}.settings-button{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:8px 12px;border:1px solid rgba(174,133,66,.28);border-radius:999px;color:#80602f;background:#ffffff9e;font-size:10px;transition:.2s}.settings-button:hover{background:#f1eadb;transform:translateY(-1px)}.settings-button span{color:#b48742;font-size:15px}.settings-popover{position:absolute;top:88px;left:clamp(24px,5vw,76px);z-index:20;width:245px;padding:15px;border:1px solid rgba(174,133,66,.3);border-radius:16px;background:#fffdf8f5;box-shadow:0 18px 40px #17253629;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings-title{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.settings-title b{color:var(--ink);font-size:13px}.settings-title span,.settings-popover small{color:var(--muted);font-size:9px}.setting-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px;border-top:1px solid rgba(174,133,66,.14);color:var(--ink);background:transparent;text-align:right;font-size:10px}.setting-row:hover{background:#f4efe4}.setting-row b{min-width:42px;padding:4px 6px;border-radius:999px;color:#80602f;background:#f1eadb;font-size:9px;text-align:center}.settings-popover small{display:block;margin-top:9px;line-height:1.6}@media(max-width:760px){.settings-button{width:38px;height:38px;justify-content:center;margin-left:5px;padding:0;font-size:0}.settings-button span{font-size:17px}.settings-popover{top:72px;left:12px;right:12px;width:auto}}.ai-home-banner{width:100%;display:flex;align-items:center;gap:14px;margin-top:18px;padding:15px 18px;border:1px solid rgba(174,133,66,.28);border-radius:16px;color:var(--ink);background:linear-gradient(110deg,#ffffffdb,#f0eadcd1);box-shadow:0 10px #17253606,var(--shadow);text-align:right;transition:.2s}.ai-home-banner:hover{transform:translateY(-3px);border-color:#ae85428c}.ai-spark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;color:#172536;background:linear-gradient(135deg,#f0d58f,#bd8e43);font-size:21px}.ai-home-banner span:nth-child(2){flex:1}.ai-home-banner b,.ai-home-banner small{display:block}.ai-home-banner b{font-size:12px}.ai-home-banner small{margin-top:3px;color:var(--muted);font-size:10px}.ai-home-banner strong{color:#80602f;font-size:10px}.ai-hero{display:flex;align-items:center;justify-content:space-between;min-height:190px;margin-bottom:18px;padding:30px 38px;overflow:hidden;position:relative;border:1px solid rgba(229,196,119,.3);border-radius:22px;color:#fff;background:linear-gradient(135deg,#2a4058,#152435 72%);box-shadow:0 16px #1725360d,0 24px 50px #17253624}.ai-hero h2{margin:7px 0 6px;color:#f2d994;font-size:34px;letter-spacing:-.06em}.ai-hero p{max-width:570px;margin:0;color:#cbd4db;font-size:12px;line-height:1.8}.ai-orbit{width:105px;height:105px;display:grid;place-content:center;position:relative;z-index:1;border:1px solid rgba(229,196,119,.42);border-radius:50%;color:#f0d58f;font:700 23px Space Grotesk;line-height:1.05;text-align:center;box-shadow:0 0 0 12px #e5c4770f,0 0 0 24px #e5c47709}.ai-orbit b{color:#cbd4db;font:10px IBM Plex Sans Arabic}.ai-tools{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.ai-tool{min-height:235px;display:flex;flex-direction:column;padding:22px;border:1px solid rgba(174,133,66,.22);border-radius:18px;background:#fffc;box-shadow:0 12px #17253606,var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-tool-main{background:linear-gradient(145deg,#f8f5ec,#e7e1d2)}.ai-tool-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px}.ai-tool-title>span{color:#a67a36;font:700 11px Space Grotesk}.ai-tool-title b,.ai-tool-title small{display:block}.ai-tool-title b{font-size:14px}.ai-tool-title small{margin-top:3px;color:var(--muted);font-size:9px}.ai-tool textarea{width:100%;min-height:92px;margin-bottom:12px;padding:11px 12px;resize:vertical;border:1px solid #d6d5cf;border-radius:11px;color:var(--ink);background:#ffffffc7;font-size:11px;line-height:1.7}.ai-tool form{display:flex;flex:1;flex-direction:column}.ai-tool form .btn{align-self:flex-start;margin-top:auto}.ai-tool select{width:100%;margin-bottom:12px;padding:10px;border:1px solid #d6d5cf;border-radius:10px;color:var(--ink);background:#ffffffc7;font-size:10px}.ai-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.ai-selects select{margin-bottom:9px}.ai-action{width:100%;margin-top:auto}.ai-action:disabled,.ai-tool .btn:disabled{cursor:not-allowed;opacity:.5}.ai-status{margin-top:15px;padding:13px 16px;border:1px solid rgba(174,133,66,.25);border-radius:12px;color:#80602f;background:#f4eee1;font-size:11px}.ai-answer{margin-top:15px;padding:20px;border:1px solid rgba(174,133,66,.25);border-radius:16px;background:#fffdf8e0;box-shadow:var(--shadow)}.ai-answer-head{display:flex;justify-content:space-between;color:#80602f;font-size:11px}.ai-answer-head span{color:var(--muted);font-size:9px}.ai-answer p{margin:12px 0 0;color:var(--ink);font-size:12px;line-height:2;white-space:pre-wrap}@media(max-width:900px){.ai-tools{grid-template-columns:1fr 1fr}.ai-tool-main{grid-column:1 / -1}}@media(max-width:620px){.ai-home-banner{align-items:flex-start}.ai-home-banner strong{display:none}.ai-hero{min-height:220px;padding:26px 22px}.ai-hero h2{font-size:29px}.ai-hero p{max-width:240px;font-size:11px}.ai-orbit{width:74px;height:74px;flex:0 0 74px;font-size:18px}.ai-tools{grid-template-columns:1fr}.ai-tool-main{grid-column:auto}.mobile-nav{grid-template-columns:repeat(5,1fr)}.mobile-nav .nav-item{font-size:8px}}.ai-chat-view{max-width:980px;margin:auto}.ai-chat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:26px 30px;border:1px solid rgba(229,196,119,.3);border-radius:22px;color:#fff;background:linear-gradient(135deg,#2a4058,#152435 72%);box-shadow:0 16px #1725360d,0 24px 50px #17253624}.ai-chat-head h2{margin:6px 0;color:#f2d994;font-size:32px;letter-spacing:-.06em}.ai-chat-head p{margin:0;color:#cbd4db;font-size:11px}.ai-online{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(229,196,119,.35);border-radius:999px;color:#e8c777;font-size:10px}.ai-online i{width:7px;height:7px;border-radius:50%;background:#77d8b4;box-shadow:0 0 0 4px #77d8b41f}.chat-window{overflow:hidden;border:1px solid rgba(174,133,66,.22);border-radius:20px;background:#ffffffb8;box-shadow:var(--shadow)}.chat-messages{min-height:360px;max-height:560px;overflow:auto;display:grid;align-content:start;gap:14px;padding:24px;background:linear-gradient(180deg,#f8f6efbd,#e8ece9a3)}.chat-message{display:flex;align-items:flex-start;gap:9px;max-width:82%}.chat-message.user{flex-direction:row-reverse;justify-self:end}.chat-avatar{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:10px;color:#172536;background:linear-gradient(135deg,#f0d58f,#bd8e43);font:700 9px Space Grotesk}.chat-message.assistant .chat-avatar{color:#e5c477;background:#20354b}.chat-bubble{padding:12px 14px;border:1px solid rgba(174,133,66,.16);border-radius:15px 15px 4px;color:var(--ink);background:#ffffffe0;font-size:12px;line-height:1.8;box-shadow:0 6px 15px #1725360a}.chat-message.assistant .chat-bubble{border-radius:15px 15px 15px 4px;background:#f8f5ec}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-bubble img{display:block;max-width:100%;max-height:280px;margin-bottom:7px;border-radius:10px;object-fit:contain}.chat-empty{display:grid;place-items:center;align-content:center;min-height:300px;color:#7d8690;text-align:center}.chat-empty span{color:#b48742;font-size:36px}.chat-empty b{margin-top:9px;color:var(--ink);font-size:15px}.chat-empty p{margin:4px 0;font-size:11px}.typing{color:#8b7043;animation:chat-pulse 1.1s ease-in-out infinite alternate}@keyframes chat-pulse{to{opacity:.45}}.attachment-preview{display:flex;align-items:center;gap:9px;padding:9px 16px 0;color:#80602f;font-size:10px}.attachment-preview img{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid rgba(174,133,66,.3)}.attachment-preview span{display:flex;align-items:center;gap:7px}.attachment-preview button{color:#a55d4c;background:transparent;font-size:17px}.chat-compose{display:flex;align-items:flex-end;gap:8px;padding:14px 16px 9px;border-top:1px solid rgba(174,133,66,.16);background:#ffffffd1}.chat-compose textarea{flex:1;min-height:42px;max-height:120px;resize:vertical;padding:11px 12px;border:1px solid #d5d8d6;border-radius:12px;color:var(--ink);background:#fff;font-size:12px;line-height:1.6}.icon-action,.send-action{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:11px;color:#80602f;background:#f1eadb;font-size:19px}.icon-action:hover,.send-action:hover{transform:translateY(-2px);background:#e8ddc6}.icon-action.recording{color:#fff;background:#ad665a;animation:chat-pulse .8s infinite alternate}.send-action{color:#172536;background:linear-gradient(135deg,#f0d58f,#bd8e43);font-size:21px}.chat-actions{display:flex;gap:14px;padding:0 16px 13px;background:#ffffffd1}.chat-actions button,.chat-suggestions button{color:#80602f;background:transparent;font-size:10px}.chat-actions button:hover,.chat-suggestions button:hover{text-decoration:underline}.chat-actions button:disabled{opacity:.35;cursor:not-allowed}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chat-suggestions button{padding:8px 11px;border:1px solid rgba(174,133,66,.25);border-radius:999px;background:#ffffff9e}.chat-suggestions button:hover{text-decoration:none;background:#f1eadb}@media(max-width:620px){.ai-chat-head{align-items:flex-start;padding:22px 19px}.ai-chat-head h2{font-size:27px}.ai-chat-head p{max-width:245px;font-size:10px}.chat-messages{min-height:330px;padding:16px 12px}.chat-message{max-width:92%}.chat-compose{padding:10px;gap:5px}.icon-action,.send-action{width:35px;height:35px;flex-basis:35px}.chat-compose textarea{font-size:11px}.chat-actions{gap:10px;padding-inline:10px}.chat-suggestions{gap:5px}}.upload-music{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px;border-top:1px solid rgba(174,133,66,.14);color:var(--ink);cursor:pointer;font-size:10px}.upload-music:hover{background:#f4efe4}.upload-music small{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#80602f;font-size:8px}.volume-row{display:grid;gap:5px;padding:9px 8px 2px;color:var(--muted);font-size:9px}.volume-row input{width:100%;accent-color:#b48742}.dark-mode{--ink:#f1eee6;--muted:#b1b5c2;--cream:#121b28;--paper:#1d2735;--line:#3c4756;--shadow:0 16px 42px rgba(0,0,0,.28);background:#121b28}.dark-mode .main-content{background:#121b28db}.dark-mode .topbar{background:#121b28eb;border-bottom-color:#e5c47729}.dark-mode .topbar-copy h1,.dark-mode .settings-button,.dark-mode .site-credit{color:#f1eee6}.dark-mode .settings-button,.dark-mode .settings-popover{background:#202b3a;color:#f1eee6}.dark-mode .settings-title b,.dark-mode .setting-row,.dark-mode .volume-row{color:#f1eee6}.dark-mode .setting-row:hover,.dark-mode .upload-music:hover{background:#2b3849}.dark-mode .setting-row b{color:#f1d58f;background:#39475a}.dark-mode .page-content .card,.dark-mode .ai-tool,.dark-mode .chat-window,.dark-mode .result-card,.dark-mode .quiz-card{background:#1d2938;border-color:#3a4655}.dark-mode .chat-messages{background:linear-gradient(180deg,#182536,#1b2735)}.dark-mode .chat-bubble,.dark-mode .chat-message.assistant .chat-bubble{color:#f1eee6;background:#243244;border-color:#3d4c5c}.dark-mode .chat-compose,.dark-mode .chat-actions{background:#1d2938;border-color:#3a4655}.dark-mode .chat-compose textarea{color:#f1eee6;background:#263445;border-color:#4b5868}.dark-mode .chat-empty b{color:#f1eee6}.dark-mode .chat-suggestions button{color:#f0d58f;background:#1c2937}.dark-mode .upload-music small{color:#f0d58f}.dark-mode .quick-panel,.dark-mode .form-card,.dark-mode .import-card,.dark-mode .question-row,.dark-mode .weak-row,.dark-mode .rules-card,.dark-mode .action-card{background:#1d2938;border-color:#3a4655;color:#f1eee6}.dark-mode .quick-panel p,.dark-mode .action-card p,.dark-mode .rules-card>p,.dark-mode .question-row small,.dark-mode .weak-row small{color:#b1b5c2}.dark-mode .action-card:nth-child(2){background:#293443}.dark-mode .action-card:nth-child(3){background:#2b3432}.dark-mode .lower-strip,.dark-mode .ai-home-banner{background:#202c3b;border-color:#3a4655;color:#f1eee6}.dark-mode .lower-strip p,.dark-mode .ai-home-banner small{color:#b1b5c2}.dark-mode .option-btn{color:#f1eee6;background:#243244;border-color:#4b5868}.dark-mode .option-btn:hover:not(:disabled){background:#2d3d50}.dark-mode .mini-progress,.dark-mode .result-bar{background:#3b4655}.dark-mode .main-content h1,.dark-mode .main-content h2,.dark-mode .main-content h3,.dark-mode .main-content h4,.dark-mode .main-content b,.dark-mode .main-content strong{color:#f4f0e7}.dark-mode .main-content p,.dark-mode .main-content small,.dark-mode .main-content .quick-heading,.dark-mode .main-content .hand-note,.dark-mode .main-content .question-meta,.dark-mode .main-content .quiz-progress-copy,.dark-mode .main-content .quiz-hint,.dark-mode .main-content .result-note,.dark-mode .main-content .strip-count{color:#c1c7d1}.dark-mode .section-kicker,.dark-mode .quiz-progress-copy b,.dark-mode .question-tag{color:#f0d58f}.dark-mode .quick-panel,.dark-mode .form-card,.dark-mode .import-card,.dark-mode .rules-card,.dark-mode .quiz-card,.dark-mode .result-card,.dark-mode .question-row,.dark-mode .weak-row{color:#f4f0e7}.dark-mode .progress-ring:after{background:#1d2938}.dark-mode .progress-ring{background:conic-gradient(#d9b45c var(--progress),#3b4655 0)}.dark-mode .action-card p{color:#d0d4db}.dark-mode .question-form label{color:#d3d7df}.dark-mode .question-form input,.dark-mode .question-form textarea{color:#f4f0e7;background:#253344;border-color:#4b5868}.dark-mode .question-form input::placeholder,.dark-mode .question-form textarea::placeholder{color:#9ca5b2}.dark-mode .dropzone,.dark-mode .import-preview,.dark-mode .empty-state{color:#e8d28f;background:#243244;border-color:#526174}.dark-mode .dropzone small,.dark-mode .import-foot,.dark-mode .preview-items small,.dark-mode .row-copy small,.dark-mode .weak-row small{color:#b6bec9}.dark-mode .outline-btn{color:#f0d58f;border-color:#665b44}.dark-mode .outline-btn:hover{background:#3a3940}.dark-mode .quiz-poster{background:#18283a}.dark-mode .rules-card h3,.dark-mode .rules-card .rule-line{color:#f4f0e7}.dark-mode .question-tag{background:#3b3945}.dark-mode .quiz-card h2{color:#fffaf0}.dark-mode .option-btn.correct{color:#164f43;background:#ccefe3}.dark-mode .option-btn.wrong{color:#682e25;background:#ffd9d0}.dark-mode .answer-feedback.is-correct{color:#0c4a3b}.dark-mode .answer-feedback.is-wrong{color:#6b2d22}.dark-mode .weakness-banner{background:#294b48}.dark-mode .weakness-banner h2,.dark-mode .weakness-banner p,.dark-mode .weak-count span{color:#e4f5ee}