@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#173b32;--ink2:#234c40;--leaf:#dce8d8;--paper:#f3f3eb;--white:#fffef9;--line:#dce0d4;--muted:#67766e;--signal:#f2c94c;--green:#287251;--red:#b64b42;--shadow:0 14px 34px rgba(24,49,39,.08);font-family:"Noto Sans Arabic",system-ui,sans-serif;color:#23362f;background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d9a900;outline-offset:3px}.app-shell{min-height:100vh}.topbar{height:78px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1400px)/2));position:sticky;top:0;z-index:10;box-shadow:0 4px 18px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:14px;display:grid;place-items:center;position:relative;transform:rotate(-5deg)}.brand-mark:before{content:"";width:19px;height:24px;border:3px solid var(--signal);border-radius:12px 12px 5px 5px;transform:rotate(5deg)}.brand-mark span{position:absolute;width:4px;height:4px;background:var(--white);border-radius:50%;top:10px;left:14px}.brand-mark i{position:absolute;width:3px;height:10px;background:var(--white);right:13px;bottom:7px;border-radius:4px;transform:rotate(15deg)}.brand-name{font-size:16px;font-weight:700;line-height:1.45;letter-spacing:.1px}.brand-name b{color:var(--signal)}.brand-name small{display:block;font-size:10px;font-weight:400;color:#bed0c3;letter-spacing:0}.topbar-actions{display:flex;gap:10px;align-items:center}.online-indicator{font-size:11px;color:#c7d5cb;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:30px}.online-indicator i{display:inline-block;width:7px;height:7px;background:#7bd09a;border-radius:50%;margin-left:6px}.icon-button{border:0;border-radius:10px;padding:9px 13px;color:var(--ink);background:var(--signal);font-size:12px;font-weight:700}.source-button{background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff}.layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 78px)}.side-nav{padding:32px 18px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.nav-label{color:#869289;font-size:10px;font-weight:700;letter-spacing:.8px;margin:0 10px 12px}.nav-item{width:100%;border:0;background:transparent;color:#65736c;text-align:right;padding:12px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;transition:background .16s,color .16s}.nav-item:hover{background:#e8ece3;color:var(--ink)}.nav-item.active{background:var(--ink);color:#fff;box-shadow:0 7px 18px #173b3220}.nav-glyph{font-family:Inter,sans-serif;font-size:17px;width:24px;text-align:center;color:inherit}.nav-item em{margin-right:auto;background:#edf0e9;color:#617067;border-radius:12px;font-style:normal;font-size:10px;padding:2px 7px}.nav-item.active em{background:#fff2bd;color:#705b0a}.sidebar-note{margin-top:auto;border:1px solid #d6dbd0;background:#e9ede4;border-radius:16px;padding:18px;position:relative;overflow:hidden}.route-stamp{display:grid;place-items:center;width:31px;height:31px;background:var(--signal);color:var(--ink);border-radius:50%;font:700 14px Inter,sans-serif}.sidebar-note p{font-size:15px;line-height:1.6;font-weight:700;margin:14px 0 5px;color:var(--ink)}.sidebar-note small{font-size:10px;color:var(--muted)}main{padding:34px clamp(20px,4vw,58px) 70px;min-width:0}.loading-state{min-height:55vh;display:grid;place-content:center;text-align:center;color:var(--muted);gap:14px;font-size:13px}.spinner{width:28px;height:28px;border:3px solid #d9dfd5;border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#708078;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.page-heading h1{font-size:clamp(22px,3vw,32px);line-height:1.4;color:var(--ink);margin:5px 0 4px;letter-spacing:-.5px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.home-hero{background:var(--ink);color:#fff;border-radius:24px;padding:30px clamp(22px,4vw,44px);position:relative;overflow:hidden;min-height:218px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.home-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff16;border-radius:50%;left:12%;top:-115px;box-shadow:0 0 0 24px #ffffff09,0 0 0 49px #ffffff07}.hero-copy{max-width:570px;position:relative;z-index:1}.hero-kicker{font-size:11px;color:#d7e3d5;display:flex;align-items:center;gap:8px}.hero-kicker:before{content:"";width:18px;height:2px;background:var(--signal)}.home-hero h1{font-size:clamp(24px,3.8vw,38px);line-height:1.35;margin:11px 0 8px;color:#fff}.home-hero p{font-size:12px;color:#c1d1c6;line-height:1.9;margin:0 0 19px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button,.quiet-button{border:0;border-radius:11px;padding:11px 17px;font-size:12px;font-weight:700;transition:transform .15s,background .15s}.primary-button{background:var(--signal);color:#273b30}.primary-button:hover,.secondary-button:hover,.quiet-button:hover{transform:translateY(-1px)}.secondary-button{background:#ffffff14;border:1px solid #ffffff44;color:white}.quiet-button{background:#eef1e9;color:var(--ink);border:1px solid var(--line)}.hero-route{width:128px;height:128px;min-width:128px;border-radius:50%;background:#214c40;border:1px solid #ffffff29;display:grid;place-items:center;position:relative;z-index:1}.hero-route:before{content:"";position:absolute;width:86px;height:86px;border:1px dashed #e1eadf85;border-radius:50%}.hero-route strong{font:800 42px Inter,sans-serif;color:var(--signal)}.hero-route small{position:absolute;bottom:20px;font-size:9px;color:#d2dfd5}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0 27px}.stat-card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:15px 17px;min-height:84px}.stat-label{font-size:10px;color:#78847c;display:flex;justify-content:space-between;align-items:center}.stat-number{font:700 22px Inter,sans-serif;color:var(--ink);margin-top:8px}.stat-number small{font:500 10px "Noto Sans Arabic",sans-serif;color:#839087;margin-right:5px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 13px}.section-head h2{font-size:16px;color:var(--ink);margin:0}.section-head button{border:0;background:none;color:#456c5a;font-size:11px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-card{border:1px solid var(--line);border-radius:17px;background:var(--white);padding:17px;display:flex;flex-direction:column;min-height:143px;position:relative;overflow:hidden;text-align:right;color:inherit}.quick-card:hover{border-color:#9ab2a2;box-shadow:0 10px 20px rgba(20,60,45,.08);transform:translateY(-2px);transition:.18s}.quick-index{font:700 11px Inter,sans-serif;color:#78867e}.quick-card h3{font-size:14px;color:var(--ink);margin:10px 0 5px}.quick-card p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.quick-arrow{position:absolute;left:16px;bottom:15px;color:#62806e;font:18px Inter,sans-serif}.source-footnote{margin-top:19px;border-radius:12px;background:#e9ede4;padding:12px 14px;color:#68766e;font-size:10px;line-height:1.8}.source-footnote strong{color:var(--ink)}.topic-list{display:flex;flex-direction:column;gap:8px}.topic-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);background:var(--white);border-radius:13px;cursor:pointer;text-align:right}.topic-row:hover{border-color:#89a593;background:#fbfcf7}.topic-no{font:600 11px Inter,sans-serif;color:#829087;min-width:28px}.topic-info{min-width:0;flex:1}.topic-info strong{display:block;color:var(--ink);font-size:12px;line-height:1.65}.topic-info small{display:block;color:#7a877e;font-size:10px;margin-top:2px}.topic-count{font:600 11px Inter,sans-serif;color:#5d7065;white-space:nowrap}.search-row{display:flex;gap:8px;margin:0 0 16px}.search-row input{flex:1;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--ink)}.search-row button{border:0;background:var(--ink);color:#fff;border-radius:11px;padding:0 18px;font-size:12px;font-weight:700}.filters{display:flex;gap:8px;align-items:center;margin-bottom:14px}.filters select{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:10px;color:var(--ink)}.question-list{display:flex;flex-direction:column;gap:9px}.question-row{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px}.question-id{font:600 10px Inter,sans-serif;color:#859188}.question-row .q-it{font:500 12px/1.6 Inter,Arial,sans-serif;color:#253c32;direction:ltr;text-align:left;margin:0 0 5px}.question-row .q-ar{font-size:11px;line-height:1.8;color:#64736b;margin:0;text-align:right}.small-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;color:var(--ink);font-size:10px;font-weight:700;white-space:nowrap}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0;color:#718077;font:11px Inter,sans-serif}.empty-state{background:var(--white);border:1px dashed #c7d0c5;border-radius:17px;padding:35px 20px;text-align:center;color:var(--muted);font-size:12px}.empty-state strong{display:block;font-size:15px;color:var(--ink);margin-bottom:7px}.quiz-shell{max-width:860px;margin:auto}.quiz-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.quiz-mode{font-size:10px;color:#718077}.quiz-index{font:600 11px Inter,sans-serif;color:var(--ink)}.progress-track{height:5px;background:#dfe4d9;border-radius:9px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:#79a17f;border-radius:9px;transition:width .25s}.quiz-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:clamp(19px,4vw,35px);box-shadow:var(--shadow)}.quiz-tags{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.topic-tag{background:#e9eee5;color:#526b5c;border-radius:30px;padding:5px 10px;font-size:9px;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-id{font:600 10px Inter,sans-serif;color:#88938b}.italian-question{font:600 clamp(18px,3vw,27px)/1.65 Inter,Arial,sans-serif;direction:ltr;text-align:left;color:#203e33;margin:0}.arabic-question{border-right:3px solid var(--signal);margin:18px 0 0;padding:3px 15px 3px 0;font-size:clamp(15px,2.5vw,19px);line-height:1.95;color:#55645b}.translation-label{display:flex;align-items:center;gap:6px;color:#87928a;font-size:9px;margin-top:17px}.translation-label:before{content:"";height:1px;width:16px;background:#cdd5cb}.audio-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.audio-button{background:#f2f4ed;border:1px solid #dce2d8;color:#365b49;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:6px}.audio-button:hover{background:#e5ecdf}.audio-button.speaking{background:#e3f0e6;border-color:#8eb298}.speaker-glyph{font:15px Inter,sans-serif}.figure-panel{margin-top:18px;background:#f3f4ed;border:1px solid #e1e4db;border-radius:13px;padding:10px;display:flex;align-items:center;gap:13px}.figure-panel img{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:9px;border:1px solid #e3e7df}.figure-copy{font-size:10px;line-height:1.75;color:#6a766e}.figure-copy strong{display:block;color:var(--ink);font-size:10px}.figure-copy a{color:#3f7058;font-weight:700;text-decoration:none}.answer-area{margin-top:24px;border-top:1px solid #e8e9e2;padding-top:18px}.answer-instruction{font-size:10px;color:#758178;margin:0 0 11px}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;font-weight:700;font-size:13px;color:var(--ink);transition:.15s}.answer-button:hover{border-color:var(--ink);background:#f7faf5}.answer-button.true-choice{border-bottom:3px solid #39835c}.answer-button.false-choice{border-bottom:3px solid #bd6156}.answer-button:disabled{cursor:default}.answer-button.correct-choice{background:#e5f1e7;border-color:#8eb79b}.answer-button.wrong-choice{background:#f8e9e6;border-color:#d99a92}.feedback{margin-top:13px;padding:13px;border-radius:12px;font-size:11px;line-height:1.8}.feedback.good{background:#e7f2e8;color:#2b6645}.feedback.bad{background:#f8eae7;color:#954a40}.feedback strong{display:block;margin-bottom:3px}.quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:18px}.quiz-controls .quiet-button{font-size:10px;padding:9px 12px}.bookmark-button{border:0;background:transparent;color:#718077;font-size:12px;padding:8px}.bookmark-button.saved{color:#aa8a1b}.exam-clock{font:700 13px Inter,sans-serif;background:#f2f3eb;border-radius:9px;padding:7px 10px;color:var(--ink)}.exam-clock.urgent{color:var(--red);background:#f7e8e5}.result-card{max-width:720px;margin:auto;background:var(--white);border:1px solid var(--line);border-radius:23px;padding:clamp(22px,5vw,42px);text-align:center;box-shadow:var(--shadow)}.result-seal{width:82px;height:82px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:#e7efe4;color:var(--green);font:700 24px Inter,sans-serif}.result-seal.fail{background:#f4e7e3;color:var(--red)}.result-card h1{font-size:25px;color:var(--ink);margin:0 0 5px}.result-card p{font-size:12px;color:var(--muted);line-height:1.8}.result-score{display:flex;justify-content:center;gap:18px;margin:19px 0}.result-score div{min-width:90px;padding:12px;background:#f2f4ed;border-radius:12px}.result-score strong{display:block;font:700 18px Inter,sans-serif;color:var(--ink)}.result-score span{font-size:9px;color:#7c8980}.review-list{display:flex;flex-direction:column;gap:8px;text-align:right;margin-top:22px}.review-item{border:1px solid var(--line);border-radius:12px;padding:12px}.review-item strong{font:600 11px Inter,sans-serif;color:#2c483a;direction:ltr;text-align:left;display:block}.review-item p{margin:4px 0;font-size:10px}.review-item small{color:#7a867d;font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#183d32;color:#fff;border-radius:10px;padding:10px 15px;font-size:11px;z-index:30;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.source-dialog{border:0;border-radius:20px;padding:28px;max-width:520px;width:calc(100% - 28px);box-shadow:0 24px 80px #102f2780;color:#38483f}.source-dialog::backdrop{background:#101f18a3;backdrop-filter:blur(4px)}.source-dialog h2{font-size:20px;color:var(--ink);margin:9px 0 15px}.source-dialog p{font-size:11px;line-height:2;color:#65736b}.dialog-close{float:left;border:0;background:#eef1e9;border-radius:50%;width:30px;height:30px;font-size:20px;color:#53655b}.exam-criteria{background:#eef2e8;border-radius:10px;padding:12px!important;color:#294d3d!important;font-weight:700}.text-link{display:block;margin:12px 0;color:#236342;font-size:11px;font-weight:700}.secondary-link{color:#67786e}.source-version{font-size:9px!important;color:#89948d!important;margin-top:15px}.mobile-nav{display:none}.keyboard-hint{font-size:9px;color:#879188;margin-top:11px}.notice-banner{border:1px solid #e8dca9;background:#f9f4df;color:#77672b;border-radius:12px;padding:10px 13px;font-size:10px;line-height:1.8;margin:0 0 13px}.list-meta{font-size:10px;color:#78857c;margin-bottom:10px}.list-meta strong{color:var(--ink)}
@media(max-width:1000px){.layout{grid-template-columns:205px minmax(0,1fr)}main{padding:28px 25px 60px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.topbar{height:62px;padding:0 15px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-name{font-size:14px}.brand-name small{font-size:9px}.online-indicator{display:none}.source-button{font-size:10px;padding:8px 10px}.install-button{font-size:10px;padding:8px 10px}.layout{display:block;min-height:calc(100vh - 62px)}.side-nav{display:none}main{padding:20px 14px calc(85px + env(safe-area-inset-bottom))}.page-heading{align-items:start}.page-heading h1{font-size:23px}.home-hero{padding:24px 20px;min-height:220px;border-radius:19px}.hero-route{width:70px;height:70px;min-width:70px;align-self:flex-start;margin-top:3px}.hero-route:before{width:51px;height:51px}.hero-route strong{font-size:25px}.hero-route small{bottom:10px;font-size:7px}.home-hero h1{font-size:25px}.home-hero p{font-size:11px}.hero-actions{gap:7px}.primary-button,.secondary-button{font-size:10px;padding:10px 12px}.stats-grid{gap:8px;margin:12px 0 22px}.stat-card{min-height:73px;padding:12px}.stat-number{font-size:19px}.quick-grid{grid-template-columns:1fr;gap:8px}.quick-card{min-height:115px;padding:14px}.quick-card h3{font-size:13px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:12;background:#fffef9;border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -6px 22px #1837290a}.mobile-nav button{border:0;background:transparent;color:#7b877e;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px;padding:3px 8px;min-width:50px}.mobile-nav button span{font:17px Inter,sans-serif}.mobile-nav button.active{color:var(--ink);font-weight:700}.topic-row{padding:12px;gap:9px}.topic-info strong{font-size:10px}.topic-count{font-size:9px}.question-row{grid-template-columns:45px minmax(0,1fr);gap:8px;padding:11px}.question-row .small-button{grid-column:2;justify-self:start}.question-row .q-it{font-size:11px}.question-row .q-ar{font-size:10px}.quiz-card{border-radius:17px;padding:18px}.italian-question{font-size:20px}.arabic-question{font-size:16px}.quiz-tags{margin-bottom:12px}.audio-button{font-size:9px;padding:7px 9px}.figure-panel img{width:66px;height:66px}.answer-buttons{gap:8px}.answer-button{font-size:12px;padding:12px 8px}.quiz-controls{flex-wrap:wrap}.quiz-controls .quiet-button{font-size:9px;padding:8px}.source-dialog{padding:23px}.result-score{gap:8px}.result-score div{min-width:82px}.source-footnote{font-size:9px}.filters{flex-wrap:wrap}.search-row input{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Patente بالعربي — study platform layer */
:root{--focus:#d9a900;--soft:#edf1e9;--blue:#456d8a;--purple:#75629b}
body{transition:background .2s,color .2s}.reduced-motion *,body.reduced-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.settings-button{background:#ffffff16;color:#fff;border:1px solid #ffffff36}.ghost-light{border:0;background:transparent;color:#d8e7db;font-size:11px;font-weight:700;padding:10px 5px}.ghost-light:hover{text-decoration:underline}.heading-actions{display:flex;gap:8px;align-items:center}.goal-card{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;align-items:center;gap:20px;background:#e8efe4;border:1px solid #cedbc9;border-radius:18px;padding:17px 20px;margin:17px 0}.goal-copy h2{font-size:15px;color:var(--ink);margin:5px 0}.goal-copy p{font-size:10px;color:#64746a;margin:0}.goal-link{border:0;background:transparent;color:#47725a;font-size:10px;font-weight:800;white-space:nowrap}.goal-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--progress),#d2ddd0 0);position:relative}.goal-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#e8efe4}.goal-ring div{position:relative;text-align:center}.goal-ring strong{display:block;font:700 16px Inter,sans-serif;color:var(--ink)}.goal-ring small{display:block;font-size:8px;color:#718177}.accent-stat{border-color:#e4d793;background:#fffdf3}.accent-stat .stat-number{color:#8a7218}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.action-card{border:1px solid var(--line);border-radius:17px;background:var(--white);padding:17px;display:flex;flex-direction:column;min-height:155px;position:relative;overflow:hidden;text-align:right;color:inherit}.action-card:hover{border-color:#91aa99;box-shadow:0 10px 20px rgba(20,60,45,.08);transform:translateY(-2px);transition:.18s}.action-card.smart-card{background:#f8f6e9;border-color:#e6ddad}.action-icon{position:absolute;left:16px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9eee5;color:var(--ink);font:18px Inter,sans-serif}.smart-card .action-icon{background:#f2d96d}.action-card h3{font-size:14px;color:var(--ink);margin:10px 0 5px}.action-card p{font-size:10px;color:var(--muted);line-height:1.75;margin:0;max-width:85%}.action-card .quick-index{font:700 10px Inter,sans-serif;color:#78867e}.action-card .quick-arrow{position:absolute;left:16px;bottom:15px;color:#62806e;font:18px Inter,sans-serif}.weak-panel,.activity-panel,.badges-panel{margin-top:24px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px}.weak-panel .section-head h2,.activity-panel .section-head h2,.badges-panel .section-head h2{margin-top:4px}.weak-list{display:flex;flex-direction:column;gap:5px}.weak-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 44px;align-items:center;gap:15px;border:0;background:transparent;border-bottom:1px solid #edf0e9;padding:10px 2px;text-align:right;color:var(--ink)}.weak-row:last-child{border-bottom:0}.weak-row b{display:block;font:600 11px Inter,sans-serif;direction:ltr;text-align:right}.weak-row small{display:block;color:#87938b;font-size:9px;margin-top:3px}.weak-row>strong{font:700 11px Inter,sans-serif;text-align:left;color:#537260}.mini-progress,.topic-bar{height:6px;background:#edf0e9;border-radius:9px;display:block;overflow:hidden}.mini-progress i,.topic-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c88e4a,#7aa17e)}.empty-inline{color:#859189;font-size:10px;padding:12px 0}.topic-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.topic-summary>div{background:#eaf0e8;border-radius:13px;padding:12px 14px}.topic-summary b{font:700 20px Inter,sans-serif;color:var(--ink);display:block}.topic-summary span{font-size:9px;color:#748279}.topic-info{flex:1}.topic-info strong{margin-bottom:2px}.topic-bar{margin-top:7px;max-width:260px;height:5px}.topic-pct{font:700 11px Inter,sans-serif;color:#4f745e;min-width:38px;text-align:center}.question-row{grid-template-columns:58px minmax(0,1fr) auto}.row-topic{display:block;color:#95a098;font-size:8px;margin-top:5px}.filters{justify-content:space-between}.list-meta{margin:0}.quiz-card{position:relative}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-5px 0 12px}.question-meta>span{color:#8b978e;font-size:9px}.question-meta .bookmark-button{padding:0;font-size:10px}.answer-instruction{display:flex;justify-content:space-between;align-items:center}.answer-instruction span{color:#9ba59d;font-size:9px}.answer-button{position:relative}.answer-button kbd{position:absolute;left:10px;top:50%;transform:translateY(-50%);font:700 10px Inter,sans-serif;color:#a5b0a8;background:#f3f5ef;border-radius:4px;padding:2px 5px}.feedback{display:flex;flex-direction:column;gap:3px}.feedback small{font-size:9px;opacity:.84}.figure-panel.no-figure{min-height:72px}.figure-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#e4eae1;color:#668171;font-size:24px}.center-actions{justify-content:center}.dark-button{background:var(--ink);color:#fff;border:1px solid var(--ink)}.review-item{position:relative}.review-good{border-right:3px solid #84ad8d}.review-bad{border-right:3px solid #d5958b}.progress-hero{display:flex;align-items:center;gap:20px;background:var(--ink);border-radius:20px;color:#fff;padding:24px}.progress-emblem{width:92px;height:92px;min-width:92px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;align-content:center;color:var(--signal);font:800 25px Inter,sans-serif}.progress-emblem small{display:block;color:#c8d8cc;font:10px "Noto Sans Arabic",sans-serif;margin-top:3px}.progress-hero h2{font-size:17px;margin:6px 0;color:#fff}.progress-hero p{font-size:10px;color:#c8d8ce;margin:0}.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.progress-stats>div{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:13px;text-align:center}.progress-stats strong{display:block;font:700 20px Inter,sans-serif;color:var(--ink)}.progress-stats span{font-size:9px;color:#7c8980}.muted-label{font-size:9px;color:#95a098}.activity-chart{height:145px;display:flex;align-items:end;justify-content:space-around;gap:8px;padding:14px 5px 0;border-top:1px solid #edf0e9}.activity-bar{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.activity-bar span{display:block;width:min(36px,75%);min-height:8px;background:linear-gradient(#f0ca53,#799c7e);border-radius:8px 8px 3px 3px}.activity-bar small{font:700 9px Inter,sans-serif;color:#6e8274}.activity-bar label{font:9px Inter,sans-serif;color:#9aa39d}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.badge{border:1px dashed #cbd4c9;border-radius:13px;padding:12px 5px;text-align:center;opacity:.45;filter:grayscale(1)}.badge.earned{opacity:1;filter:none;background:#fbf8e9;border-color:#e3ce6a}.badge b{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 6px;border-radius:50%;background:#e9eee5;color:#7e8f82;font:700 12px Inter,sans-serif}.badge.earned b{background:#f1d864;color:#6d5c12}.badge span{display:block;color:var(--ink);font-size:10px;font-weight:700}.badge small{display:block;color:#8b978e;font-size:8px;margin-top:3px}.source-dialog,.settings-dialog,.custom-dialog{border:0;border-radius:20px;padding:28px;max-width:550px;width:calc(100% - 28px);box-shadow:0 24px 80px #102f2780;color:#38483f}.settings-dialog{max-width:620px}.custom-dialog{max-width:500px}.source-dialog::backdrop,.settings-dialog::backdrop,.custom-dialog::backdrop{background:#101f18a3;backdrop-filter:blur(4px)}.dialog-close{float:left;border:0;background:#eef1e9;border-radius:50%;width:30px;height:30px;font-size:20px;color:#53655b}.source-dialog h2,.settings-dialog h2,.custom-dialog h2{font-size:20px;color:var(--ink);margin:9px 0 15px}.dialog-lead{font-size:11px;color:#718077}.settings-grid,.custom-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.settings-grid label,.custom-options label{display:flex;flex-direction:column;gap:7px;color:#5d6d63;font-size:10px;font-weight:700}.settings-grid select,.custom-options select{border:1px solid var(--line);background:#fbfcf7;border-radius:10px;color:var(--ink);padding:10px;font-size:11px}.field-hint{font-weight:400;color:#97a198}.check-row{flex-direction:row!important;align-items:center;grid-column:span 2;border:1px solid var(--line);border-radius:10px;padding:10px}.check-row input{accent-color:var(--green);width:16px;height:16px}.settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.settings-note{font-size:9px;color:#8a968e;line-height:1.8;border-top:1px solid #edf0e9;padding-top:12px}.shortcut-box{display:flex;gap:7px;flex-wrap:wrap;align-items:center;background:#f0f3ed;padding:10px;border-radius:10px;color:#6c7b71;font-size:9px}.shortcut-box strong{color:var(--ink);margin-left:5px}.shortcut-box kbd{font:700 9px Inter,sans-serif;background:#fff;border:1px solid #d7ded4;border-bottom-width:2px;padding:2px 5px;border-radius:4px;color:var(--ink)}.full-button{width:100%;margin-top:4px}.source-version{word-break:break-word}
body[data-theme="dark"]{--paper:#13231e;--white:#1b2d26;--line:#31453a;--ink:#e9f1e8;--ink2:#d2e0d3;--muted:#a9b8ac;--soft:#24372f;color:#e3ede4}body[data-theme="dark"] .side-nav,body[data-theme="dark"] .mobile-nav{background:#142820}body[data-theme="dark"] .nav-item{color:#b7c4b9}body[data-theme="dark"] .nav-item:hover{background:#203a2e}body[data-theme="dark"] .stat-card,body[data-theme="dark"] .action-card,body[data-theme="dark"] .quick-card,body[data-theme="dark"] .quiz-card,body[data-theme="dark"] .result-card,body[data-theme="dark"] .topic-row,body[data-theme="dark"] .question-row,body[data-theme="dark"] .progress-stats>div,body[data-theme="dark"] .weak-panel,body[data-theme="dark"] .activity-panel,body[data-theme="dark"] .badges-panel{background:#1b2d26;border-color:#31453a}body[data-theme="dark"] .goal-card{background:#20372d;border-color:#385645}body[data-theme="dark"] .goal-ring:before{background:#20372d}body[data-theme="dark"] .action-card.smart-card{background:#3c3925;border-color:#6e6331}body[data-theme="dark"] .topic-summary>div,body[data-theme="dark"] .shortcut-box,body[data-theme="dark"] .audio-button,body[data-theme="dark"] .answer-button,body[data-theme="dark"] .figure-panel,body[data-theme="dark"] .exam-clock{background:#24382f;border-color:#3b5143;color:#dbe7dc}body[data-theme="dark"] .source-footnote,body[data-theme="dark"] .sidebar-note,body[data-theme="dark"] .quiet-button{background:#24382f;color:#dbe7dc;border-color:#3b5143}body[data-theme="dark"] .arabic-question{color:#c7d5c8}body[data-theme="dark"] .settings-dialog,body[data-theme="dark"] .custom-dialog,body[data-theme="dark"] .source-dialog{background:#1b2d26;color:#dbe7dc}body[data-theme="dark"] .settings-grid select,body[data-theme="dark"] .custom-options select{background:#24382f;color:#e8f1e8;border-color:#3b5143}body[data-theme="dark"] .settings-note,body[data-theme="dark"] .activity-chart{border-color:#31453a}body[data-theme="dark"] .check-row{border-color:#3b5143}body[data-theme="dark"] .badge{border-color:#3b5143}body[data-theme="dark"] .empty-inline,body[data-theme="dark"] .row-topic,body[data-theme="dark"] .muted-label{color:#98aa9d}body[data-theme="dark"] .search-row input,body[data-theme="dark"] .filters select{background:#1b2d26;color:#e8f1e8;border-color:#3b5143}
@media(max-width:1000px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-card{grid-template-columns:minmax(0,1fr) 84px}.goal-link{grid-column:1/-1;text-align:right}.progress-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar-actions{gap:5px}.settings-button{font-size:0;padding:9px 10px}.settings-button:before{content:'⚙';font-size:14px}.goal-card{grid-template-columns:minmax(0,1fr) 70px;gap:9px;padding:14px}.goal-card h2{font-size:13px}.goal-ring{width:66px;height:66px}.goal-ring:before{inset:6px}.goal-ring strong{font-size:14px}.goal-link{grid-column:1/-1}.action-grid{grid-template-columns:1fr}.action-card{min-height:130px}.weak-row{grid-template-columns:minmax(0,1fr) 80px 34px;gap:8px}.weak-row b{font-size:9px}.topic-summary{gap:6px}.topic-summary>div{padding:10px}.topic-summary b{font-size:16px}.topic-summary span{font-size:8px}.topic-row{gap:7px}.topic-count{display:none}.topic-pct{min-width:30px;font-size:9px}.question-row{grid-template-columns:42px minmax(0,1fr);gap:7px}.question-row .small-button{grid-column:2;justify-self:start}.row-topic{font-size:7px}.progress-hero{padding:18px;gap:12px}.progress-emblem{width:70px;height:70px;min-width:70px;font-size:20px}.progress-hero h2{font-size:14px}.progress-stats{gap:6px}.progress-stats>div{padding:10px 5px}.progress-stats strong{font-size:17px}.badges{grid-template-columns:repeat(2,1fr)}.settings-grid,.custom-options{grid-template-columns:1fr}.check-row{grid-column:auto}.settings-actions .quiet-button,.settings-actions .primary-button{flex:1;font-size:10px;padding:10px 8px}.source-dialog,.settings-dialog,.custom-dialog{padding:22px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .quiet-button{display:none}.quiz-controls{justify-content:center}.quiz-controls>*{flex:1;text-align:center}.answer-button kbd{display:none}.answer-instruction{display:block}.answer-instruction span{display:block;margin-top:5px}.activity-chart{height:125px}}
@media(prefers-color-scheme:dark){body[data-theme="system"]{--paper:#13231e;--white:#1b2d26;--line:#31453a;--ink:#e9f1e8;--muted:#a9b8ac;color:#e3ede4}}