:root{--bg:#FAF6EE;--surface:#ffffff;--surface-2:#efe9da;--ink:#1e1a11;--ink-2:#554e3d;--ink-3:#8a8271;--line:#e2dcc8;--brand:#A07D2C;--brand-dark:#7E621F;--brand-soft:#f1e8cf;--grad-a:#7E621F;--grad-b:#C9A24A;--gold:#A07D2C;--gold-soft:#f7edd2;--violet:#5a2d8f;--violet-ink:#472176;--teal:#0d5c50;--teal-ink:#0a463d;--ruby:#8c1d2f;--ruby-ink:#751627;--emerald:#1e7a64;--sapphire:#33599b;--good:#177245;--good-bg:#e5f5ec;--good-line:#9fd8b6;--bad:#c22e2e;--bad-bg:#fdecec;--bad-line:#f2b0b0;--radius:18px;--shadow:0 10px 30px rgba(16,24,40,.08)}:root[data-theme="dark"]{--bg:#12100A;--surface:#1D1A12;--surface-2:#29251A;--ink:#f4efe2;--ink-2:#bdb39a;--ink-3:#8f8672;--line:#3d3724;--brand:#C9A24A;--brand-dark:#C9A24A;--brand-soft:#2e2812;--grad-a:#A07D2C;--grad-b:#D9B45F;--gold:#C9A24A;--gold-soft:#2e2812;--violet:#b18fe8;--violet-ink:#c9aef2;--teal:#43bfa5;--teal-ink:#63d3bc;--ruby:#e0687e;--ruby-ink:#ee93a5;--emerald:#4fae97;--sapphire:#6f97d4;--good:#4ade80;--good-bg:#123324;--good-line:#245c3d;--bad:#f87171;--bad-bg:#3a1818;--bad-line:#6e2b2b;--shadow:0 10px 30px rgba(0,0,0,.35)}:root[data-theme="light"][data-accent="emerald"]{--bg:#f2fbf6;--surface:#ffffff;--surface-2:#e6f7ee;--ink:#12261d;--ink-2:#4e655a;--ink-3:#7e9487;--line:#bfe8d2;--brand:#008a5c;--brand-dark:#005c3d;--brand-soft:#d6efe3;--grad-a:#005c3d;--grad-b:#009e6b;--gold:#008a5c;--gold-soft:#dcf3e9;--shadow:0 10px 30px rgba(0,110,70,.14)}:root[data-theme="light"][data-accent="sapphire"]{--bg:#f1f7ff;--surface:#ffffff;--surface-2:#e3eeff;--ink:#15233c;--ink-2:#4e5f7e;--ink-3:#8291ac;--line:#bcd6ff;--brand:#0b5fff;--brand-dark:#0a45b5;--brand-soft:#dce6ff;--grad-a:#0a45b5;--grad-b:#2b7fff;--gold:#0b5fff;--gold-soft:#e2ebff;--shadow:0 10px 30px rgba(11,60,160,.13)}:root[data-theme="light"][data-accent="ruby"]{--bg:#fff3f5;--surface:#ffffff;--surface-2:#ffe7eb;--ink:#38161d;--ink-2:#7a545d;--ink-3:#a87f86;--line:#ffc9d2;--brand:#d90032;--brand-dark:#a80027;--brand-soft:#fadde3;--grad-a:#a80027;--grad-b:#e00034;--gold:#d90032;--gold-soft:#fde3e8;--shadow:0 10px 30px rgba(180,20,50,.13)}:root[data-theme="dark"][data-accent="emerald"]{--bg:#08120e;--surface:#0f1f18;--surface-2:#142a20;--ink:#f0fff8;--ink-2:#a8c4b5;--ink-3:#6e8a7c;--line:#1f4a38;--brand:#1fe3a2;--brand-dark:#1fe3a2;--brand-soft:#0c3326;--grad-a:#00a67e;--grad-b:#1fe3a2;--gold:#1fe3a2;--gold-soft:#0e3a2b;--shadow:0 10px 30px rgba(0,0,0,.45)}:root[data-theme="dark"][data-accent="sapphire"]{--bg:#0a1120;--surface:#101a2e;--surface-2:#16233f;--ink:#f0f5ff;--ink-2:#a9bee6;--ink-3:#71809e;--line:#23467e;--brand:#4da3ff;--brand-dark:#4da3ff;--brand-soft:#132842;--grad-a:#2e86ff;--grad-b:#4da3ff;--gold:#4da3ff;--gold-soft:#162c49;--shadow:0 10px 30px rgba(0,0,0,.45)}:root[data-theme="dark"][data-accent="ruby"]{--bg:#170b0e;--surface:#221016;--surface-2:#2e151c;--ink:#fff0f2;--ink-2:#e2b3bc;--ink-3:#9a7a81;--line:#5e2230;--brand:#ff4d6d;--brand-dark:#ff4d6d;--brand-soft:#3a141d;--grad-a:#ff3355;--grad-b:#ff4d6d;--gold:#ff4d6d;--gold-soft:#421822;--shadow:0 10px 30px rgba(0,0,0,.45)}:root[data-accent="emerald"] .opt.is-correct .letter,:root[data-accent="sapphire"] .opt.is-correct .letter,:root[data-accent="ruby"] .opt.is-correct .letter{background:radial-gradient(circle at 32% 30%,color-mix(in srgb,var(--gold) 28%,#ffffff),var(--gold) 72%,color-mix(in srgb,var(--gold) 72%,#000000));border-color:color-mix(in srgb,var(--gold) 60%,#ffffff);color:#fff}:root[data-theme="dark"][data-accent="emerald"] .opt.is-correct .letter,:root[data-theme="dark"][data-accent="sapphire"] .opt.is-correct .letter,:root[data-theme="dark"][data-accent="ruby"] .opt.is-correct .letter{color:#171307}:root[data-accent="emerald"] .wm-quix,:root[data-accent="sapphire"] .wm-quix,:root[data-accent="ruby"] .wm-quix{color:var(--brand)}:root[data-accent="emerald"] #ring-grad stop:nth-child(1),:root[data-accent="sapphire"] #ring-grad stop:nth-child(1),:root[data-accent="ruby"] #ring-grad stop:nth-child(1){stop-color:var(--grad-a)}:root[data-accent="emerald"] #ring-grad stop:nth-child(2),:root[data-accent="sapphire"] #ring-grad stop:nth-child(2),:root[data-accent="ruby"] #ring-grad stop:nth-child(2){stop-color:var(--grad-b)}:root[data-accent="emerald"] #ring-grad stop:nth-child(3),:root[data-accent="sapphire"] #ring-grad stop:nth-child(3),:root[data-accent="ruby"] #ring-grad stop:nth-child(3){stop-color:color-mix(in srgb,var(--grad-b) 55%,#ffffff)}:root[data-accent="emerald"] .ring,:root[data-accent="sapphire"] .ring,:root[data-accent="ruby"] .ring{filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--gold) 40%,transparent))}:root[data-accent="emerald"] .set-card.reading-card{--parchment:#009e6b}:root[data-accent="sapphire"] .set-card.reading-card{--parchment:#2b7fff}:root[data-accent="ruby"] .set-card.reading-card{--parchment:#e00034}:root[data-accent="emerald"] #view-notes-folder .chip,:root[data-accent="sapphire"] #view-notes-folder .chip,:root[data-accent="ruby"] #view-notes-folder .chip{background:color-mix(in srgb,var(--brand) 20%,transparent);color:color-mix(in srgb,var(--brand) 72%,var(--ink))}:root[data-accent="emerald"] .aq-tools-unlock-btn,:root[data-accent="sapphire"] .aq-tools-unlock-btn,:root[data-accent="ruby"] .aq-tools-unlock-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--grad-a) 82%,#ffffff) 0%,var(--grad-b) 55%,var(--grad-a) 100%);color:#fff;box-shadow:0 8px 18px -6px color-mix(in srgb,var(--gold) 65%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}:root[data-theme="dark"][data-accent="emerald"] .aq-tools-unlock-btn,:root[data-theme="dark"][data-accent="sapphire"] .aq-tools-unlock-btn,:root[data-theme="dark"][data-accent="ruby"] .aq-tools-unlock-btn{color:#171307}:root[data-accent="emerald"]:not([data-theme="dark"]) .aqb-count.on,:root[data-accent="sapphire"]:not([data-theme="dark"]) .aqb-count.on,:root[data-accent="ruby"]:not([data-theme="dark"]) .aqb-count.on,:root[data-accent="emerald"]:not([data-theme="dark"]) .aq-banner .aq-b-btn,:root[data-accent="sapphire"]:not([data-theme="dark"]) .aq-banner .aq-b-btn,:root[data-accent="ruby"]:not([data-theme="dark"]) .aq-banner .aq-b-btn{color:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;padding-bottom:calc(78px + env(safe-area-inset-bottom))}button{font:inherit;cursor:pointer}.wrap{max-width:720px;margin:0 auto;padding:20px 18px 48px}@media(min-width:760px){.wrap{padding:32px 24px 64px}}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--brand);margin:6px 0 8px}.eyebrow-tagline{margin:0 0 10px}h1{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(30px,7vw,42px);line-height:1.08;margin:0 0 10px;letter-spacing:-.01em}.byline{font-size:16px;font-weight:700;color:var(--brand-dark);margin:0 0 14px}.socials{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.socials-end{justify-content:center;margin:14px 0 4px}.footer-owner{text-align:center;font-size:13.5px;font-weight:700;color:var(--ink-2);margin:0 0 10px}.contact-us-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;margin:12px 0 6px;background:var(--brand-soft);border:1.5px solid var(--brand);color:var(--ink);border-radius:14px;padding:12px 16px;text-decoration:none;min-height:54px;transition:transform .15s ease,border-color .15s ease}.contact-us-btn svg{width:24px;height:24px;flex:none;display:block}.contact-us-btn .cu-txt{display:flex;flex-direction:column;line-height:1.25}.contact-us-btn .cu-n{font-weight:800;font-size:16px;color:var(--brand-dark)}.contact-us-btn .cu-t{font-weight:700;font-size:14px;color:var(--ink)}.contact-us-btn .cu-s{font-size:13px;font-weight:600;color:var(--ink-2)}.contact-us-btn:active{transform:scale(.99)}.site-url{text-align:center;font-size:13.5px;font-weight:600;letter-spacing:.02em;color:var(--brand-dark);margin:10px 0 2px}@media(hover:hover){.contact-us-btn:hover{border-color:var(--brand-dark)}}.social{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px 8px 10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;min-height:44px;transition:border-color .15s ease,transform .15s ease}.social:active{transform:scale(.98)}@media(hover:hover){.social:hover{border-color:var(--brand)}}.social svg{width:22px;height:22px;flex:none;display:block}.social .handle{color:var(--ink-2);font-weight:600}.lede{color:var(--ink-2);font-size:16px;margin:0 0 20px;max-width:52ch}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px}.stat b{font-size:18px;line-height:1}.stat span{font-size:12.5px;color:var(--ink-2);line-height:1.2}.stat .dot{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center;font-size:17px;flex:none}.install-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin:0 0 22px;color:var(--ink);transition:transform .15s ease,border-color .15s ease}.install-card:active{transform:scale(.99)}@media(hover:hover){.install-card:hover{border-color:var(--brand)}}.install-card[hidden]{display:none}.install-card .ic-emoji{font-size:26px;line-height:1;flex:none}.install-card .ic-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.install-card .ic-text b{font-size:16px;font-weight:800}.install-card .ic-text small{font-size:13px;color:var(--ink-2);font-weight:600}.install-card .ic-arrow{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:18px;flex:none}:root[data-theme="dark"] .install-card .ic-arrow{color:#171307}.install-overlay{position:fixed;inset:0;z-index:90;background:rgba(12,10,4,.55);display:flex;align-items:flex-end;justify-content:center;padding:16px}@media(min-width:620px){.install-overlay{align-items:center}}.install-sheet{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:100%;max-width:440px}.install-sheet h3{font-size:17px;margin:0 0 10px}.install-sheet p{margin:0 0 10px;font-size:14.5px;color:var(--ink-2)}.install-sheet p b{color:var(--ink)}.install-sheet .btn{width:100%}.set-list{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}@media(min-width:620px){.set-list{grid-template-columns:repeat(2,minmax(0,1fr))}.set-list .set-card:first-child{grid-column:1/-1}}.set-card{text-align:left;width:100%;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,border-color .15s ease}.set-card:active{transform:scale(.99)}@media(hover:hover){.set-card:hover{border-color:var(--brand);transform:translateY(-2px)}}.set-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;row-gap:6px;min-width:0}.chip{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark)}.chip.gold{background:var(--gold-soft);color:var(--gold)}.qcount{font-size:13px;color:var(--ink-3);font-weight:600;white-space:nowrap}.set-card h2{font-size:20px;margin:0;line-height:1.25}.set-card p{margin:0;color:var(--ink-2);font-size:14.5px;flex:1}.set-tag{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--brand-dark);background:var(--brand-soft);padding:5px 11px;border-radius:999px}.prog-line{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--gold);background:var(--gold-soft);padding:5px 11px;border-radius:999px}#view-folder .chip{background:color-mix(in srgb,var(--accent,var(--brand)) 20%,transparent);color:var(--accent,var(--brand-dark))}.set-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}.set-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:2px}.set-cta .go{font-weight:800;color:var(--brand-dark);font-size:15px}.set-cta .arrow{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:18px;flex:none}:root[data-theme="dark"] .set-cta .arrow{color:#171307}.set-body{display:flex;flex-direction:column;gap:10px;flex-grow:1;min-width:0}.set-card.has-thumb{flex-direction:row}.set-thumb{width:84px;height:84px;flex:none;align-self:flex-start;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:var(--surface-2)}.demo-art{position:relative;overflow:hidden;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--line)}.demo-art svg{width:92%;height:96%;display:block}.demo-art .demo-pill{position:absolute;top:7px;left:7px;z-index:1;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid #c9a24a;background:rgba(10,8,3,.55);color:#e8c96a}.demo-art .demo-pill.is-new{color:#f6efdd}.aqv-list .set-card .demo-art .demo-pill{display:none}.set-card.set-row .demo-art .demo-pill{display:none}.free-hits-art{height:168px;border-radius:12px;margin:0 0 18px}@media(max-width:480px){.set-thumb{width:70px;height:70px}}.note{margin-top:20px;background:var(--surface-2);border-radius:14px;padding:14px 16px;font-size:14px;color:var(--ink-2);display:flex;gap:10px}.note b{color:var(--ink)}.how{margin-top:26px}.how h3{font-size:15px;margin:0 0 10px}.how ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}@media(min-width:620px){.how ol{grid-template-columns:repeat(3,1fr)}}.how li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--ink-2)}.how li b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}.how .n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:800;margin-bottom:6px}:root[data-theme="dark"] .how .n{color:#171307}.hidden{display:none !important}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.back-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13.5px;min-height:38px}.score-pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:700;display:flex;gap:6px;align-items:center}.score-pill .ok{color:var(--good)}.score-pill .no{color:var(--bad)}.progress-meta{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink-2);font-weight:600;margin-bottom:6px}.bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:12px}.bar > div{height:100%;background:var(--brand);border-radius:999px;transition:width .35s ease;width:0%}.q-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px 16px}.q-card .chip{margin-bottom:8px;display:inline-block;padding:4px 10px;font-size:11px}.q-text{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:500;line-height:1.42;margin:0 0 12px;white-space:pre-line;letter-spacing:0}@media(min-width:620px){.q-text{font-size:18px}}.opts{display:grid;gap:8px}.opt{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font-family:Arial,Helvetica,sans-serif;background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:9px 12px;min-height:46px;font-size:15px;font-weight:600;color:var(--ink);transition:border-color .12s ease,background .12s ease}.opt .letter{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--surface),var(--surface-2) 85%);border:2px solid var(--gold);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none;color:var(--ink);box-shadow:inset 0 1px 2px rgba(0,0,0,.14);transition:background .18s ease,border-color .18s ease}.opt .mark{margin-left:auto;font-weight:900;font-size:18px;flex:none;width:22px;text-align:center}.opt:not(:disabled):active{transform:scale(.995)}@media(hover:hover){.opt:not(:disabled):hover{border-color:var(--brand)}}.opt:disabled{cursor:default;opacity:1}.opt.is-correct{background:var(--good-bg);border-color:var(--good);color:var(--ink)}.opt.is-correct .letter{background:radial-gradient(circle at 32% 30%,#f7e9c4,var(--gold) 72%,#7c5f1e);border-color:#e6c56e;color:#171307}.opt.is-correct .mark{color:var(--good)}.opt.is-wrong{background:var(--bad-bg);border-color:var(--bad);color:var(--ink)}.opt.is-wrong .letter{background:radial-gradient(circle at 32% 30%,#f3b0b0,var(--bad) 72%,#7e1d1d);border-color:var(--bad);color:#fff}.opt.is-wrong .mark{color:var(--bad)}.opt.is-dim{opacity:.55}.explain{margin-top:14px;border-radius:14px;padding:16px 18px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:1.6;display:none}.explain.show{display:block}.explain.good{background:var(--good-bg);border:1.5px solid var(--good-line)}.explain.bad{background:var(--bad-bg);border:1.5px solid var(--bad-line)}.explain .verdict{font-weight:600;font-size:17px;line-height:1.3;margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--line)}.explain.good .verdict{color:var(--good);border-bottom-color:var(--good-line)}.explain.bad .verdict{color:var(--bad);border-bottom-color:var(--bad-line)}.explain p{margin:0;color:var(--ink);white-space:pre-line}.quiz-foot{margin-top:10px;display:flex;gap:10px;background:var(--bg);padding:6px 0 2px}.quiz-foot .btn{min-height:48px;padding:12px 18px;font-size:15.5px}body #view-quiz .quiz-foot{position:static}.resume-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;text-align:center}.resume-box[hidden]{display:none}.resume-box p{margin:0 0 16px;font-size:17px;font-weight:700}.resume-actions{display:flex;gap:10px;flex-wrap:wrap}.resume-actions .btn{min-width:140px}.btn{border:none;border-radius:14px;padding:15px 20px;font-weight:800;font-size:16px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--brand);color:#fff;flex:1}:root[data-theme="dark"] .btn-primary{color:#171307}.btn-primary:active{background:var(--brand-dark)}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink);flex:1}.btn[hidden]{display:none}.result-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 20px;text-align:center}.ring{width:132px;height:132px;margin:0 auto 14px;position:relative}.ring svg{transform:rotate(-90deg)}.ring .pct{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;font-weight:800}.ring .pct small{font-size:15px;color:var(--ink-2);font-weight:700}.result-hero h2{font-family:"DM Serif Display",serif;font-weight:400;font-size:26px;margin:0 0 6px}.result-hero p{color:var(--ink-2);margin:0 auto;max-width:44ch}.breakdown{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.bd{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 16px;min-width:92px}.bd b{display:block;font-size:20px;line-height:1.1}.bd span{font-size:12.5px;color:var(--ink-2)}.review{margin-top:24px}.review h3{font-size:17px;margin:0 0 12px}.review-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:10px;font-family:Arial,Helvetica,sans-serif}.review-item .rq{font-weight:700;margin:0 0 10px;white-space:pre-line}.review-item .row{font-size:14.5px;margin:4px 0;display:flex;gap:8px}.review-item .row .tag{flex:none;width:74px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.tag.yours{color:var(--bad)}.tag.right{color:var(--good)}.review-item .rex{margin-top:10px;font-size:14px;color:var(--ink-2);background:var(--bg);border-radius:10px;padding:10px 12px;white-space:pre-line}.all-good{background:var(--good-bg);border:1px solid var(--good-line);border-radius:14px;padding:16px;text-align:center;font-weight:700;color:var(--good)}.result-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.result-actions .btn{flex:1;min-width:150px}.share-app-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:color-mix(in srgb,var(--teal) 13%,var(--surface));border:1.5px solid color-mix(in srgb,var(--teal) 62%,transparent);color:var(--teal-ink);border-radius:14px;padding:13px 18px;font-weight:800;font-size:15.5px;min-height:50px;margin:2px 0 20px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.share-app-btn svg{width:19px;height:19px;flex:none}.share-app-btn:active{transform:scale(.99);background:color-mix(in srgb,var(--teal) 22%,var(--surface))}@media(hover:hover){.share-app-btn:hover{background:color-mix(in srgb,var(--teal) 20%,var(--surface));border-color:var(--teal)}}.btn-share{background:transparent;border:1.5px solid var(--brand);color:var(--brand-dark)}.btn-share svg{width:19px;height:19px;flex:none}.btn-share:active{background:var(--brand-soft)}@media(hover:hover){.btn-share:hover{background:var(--brand-soft)}}:root[data-theme="dark"] .btn-share{color:var(--gold)}.share-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom));z-index:80;background:var(--surface);color:var(--ink);border:1px solid var(--brand);border-radius:999px;padding:11px 20px;font-weight:700;font-size:14.5px;box-shadow:var(--shadow);white-space:nowrap;max-width:calc(100vw - 32px)}.share-toast[hidden]{display:none}.exam-strip{display:flex;align-items:center;gap:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--ruby) 7%,transparent),transparent 60%),color-mix(in srgb,var(--ruby) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--ruby) 34%,transparent);border-radius:16px;padding:12px 14px;margin:0 0 12px;color:var(--ink-2);text-align:left}.exam-strip[hidden]{display:none}.cd-medal{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--ruby) 55%,transparent);background:color-mix(in srgb,var(--ruby) 13%,transparent);color:var(--ruby)}.cd-medal svg{width:19px;height:19px;display:block}.cd-main{flex:1;min-width:0}.cd-title{display:block;font-family:"DM Serif Display",serif;font-size:16.5px;line-height:1.15;color:var(--ink)}.cd-sub{display:block;font-size:11px;color:var(--ink-2);margin-top:2px;line-height:1.4}.cd-big{margin-left:auto;text-align:right;flex:none}.cd-big b{display:block;font-family:"DM Serif Display",serif;font-size:31px;font-weight:400;line-height:1;color:var(--ink)}.cd-big span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:3px}.sec-title{font-family:"DM Serif Display",serif;font-weight:400;font-size:24px;margin:0 0 12px}.notes-sec{margin-top:32px}.notes-sec .sec-title{margin-bottom:4px}.sec-sub{color:var(--ink-2);font-size:14.5px;margin:0 0 14px}.notes-list{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:620px){.notes-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.notes-list .set-card h2{font-size:18px}.notes-title{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(26px,6vw,34px);line-height:1.12;margin:0 0 6px}.notes-count-line{color:var(--ink-2);font-size:14px;margin:0 0 18px}.note-entry{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 16px;margin-bottom:10px}.note-entry h3{font-size:16px;margin:0 0 4px;line-height:1.35}.note-entry p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.6}.set-card{position:relative}.set-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--accent,transparent)}.set-id{display:inline-flex;align-items:center;gap:8px;min-width:0}.set-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;color:var(--accent,var(--brand));background:color-mix(in srgb,var(--accent,#888888) 11%,transparent);border:1px solid color-mix(in srgb,var(--accent,#888888) 32%,transparent)}.set-ico svg{width:20px;height:20px;display:block}.continue-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent,var(--brand));border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin:0 0 22px}.cc-main{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.cc-label{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.cc-title{font-size:17px;font-weight:800;line-height:1.3}.cc-sub{font-size:13.5px;color:var(--ink-2);font-weight:600}.cc-btn{flex:none;min-height:48px;padding:12px 22px}@media(max-width:480px){.continue-card{flex-direction:column;align-items:stretch}.continue-card .cc-btn{width:100%}}.search-block{margin:0 0 16px}.search-input{width:100%;appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font:inherit;font-size:15.5px;color:var(--ink);min-height:50px}.search-input::placeholder{color:var(--ink-3)}.search-input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.chips-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.fchip{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:700;min-height:38px;transition:border-color .15s ease,color .15s ease,background-color .15s ease}@media(hover:hover){.fchip:hover{border-color:var(--brand)}}.fchip.active{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.no-results{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;color:var(--ink-2);font-weight:600;margin:0 0 14px}.no-results[hidden]{display:none}.progress-list{display:grid;gap:12px}.progress-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent,var(--brand));border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.progress-empty{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 18px;text-align:center;color:var(--ink-2);font-weight:600}@media(max-width:480px){.progress-row{flex-direction:column;align-items:stretch}.progress-row .cc-btn{width:100%}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav-in{max-width:720px;margin:0 auto;display:flex}.nav-btn{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px 7px;min-height:56px;color:var(--ink-3);font-size:11.5px;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 2px 0 transparent;transition:color .15s ease}.nav-btn svg{width:22px;height:22px;display:block}.nav-btn.active{color:var(--brand);box-shadow:inset 0 2px 0 var(--brand)}.score-brand{margin-bottom:18px}.score-brand .sb-name{font-family:"DM Serif Display",serif;font-size:25px;line-height:1.1}.score-brand .sb-tag{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--brand);margin-top:4px}.grade-line{font-size:16.5px;font-weight:800;margin:0 0 4px}.opt{transition:border-color .18s ease,background-color .18s ease,transform .12s ease}.opt.is-correct .mark{animation:markIn .35s ease}@keyframes markIn{from{opacity:0}to{opacity:1}}.explain.show{animation:fadeIn .25s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.wm-quix{color:#C9A24A}.verse{margin:0 0 18px}.verse p{margin:0}.verse-ar{font-family:"Amiri","Scheherazade New","Traditional Arabic",serif;font-size:21px;line-height:1.9;color:var(--ink);text-align:left}.verse-en{font-size:13px;color:var(--ink-2);margin-top:3px}.verse-sm{margin:8px 0 0}.verse-sm .verse-ar{font-size:16.5px;line-height:1.8;text-align:center}.verse-sm .verse-en{font-size:11.5px;text-align:center}.set-card,.continue-card,.progress-row{--acc:var(--accent,var(--brand));--acc-vivid:var(--acc)}@supports (color: oklch(from red l c h)){.set-card,.continue-card,.progress-row{--acc-vivid:oklch(from var(--acc) l calc(c * 1.7) h)}}.set-card{background:linear-gradient(165deg,color-mix(in srgb,var(--acc) 9%,var(--surface)) 0%,var(--surface) 60%)}.set-card::before{width:5px;top:12px;bottom:12px;background:var(--acc-vivid)}.set-ico{color:var(--acc-vivid);background:color-mix(in srgb,var(--acc) 24%,transparent);border-color:color-mix(in srgb,var(--acc) 55%,transparent)}.set-card .chip:not(.gold){background:color-mix(in srgb,var(--acc) 20%,transparent);color:var(--acc-vivid)}.chip.gold{background:color-mix(in srgb,var(--gold) 24%,transparent);color:var(--gold)}.set-card .set-tag{background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc-vivid)}.continue-card{border-left-color:var(--acc-vivid);background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 12%,var(--surface)) 0%,var(--surface) 65%)}.progress-row{border-left-color:var(--acc-vivid)}.notes-list .set-card .chip.gold{background:color-mix(in srgb,var(--acc) 20%,transparent);color:var(--acc-vivid)}.btn-primary{background:linear-gradient(135deg,var(--grad-a),var(--grad-b))}.set-cta .arrow{background:linear-gradient(135deg,var(--grad-a),var(--grad-b))}.install-card .ic-arrow{background:linear-gradient(135deg,var(--grad-a),var(--grad-b))}.how .n{background:linear-gradient(135deg,var(--grad-a),var(--grad-b))}.bar > div{background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}.fchip{background:color-mix(in srgb,var(--brand) 6%,var(--surface))}.fchip.active{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-color:transparent;color:#fff}.stat .dot{background:color-mix(in srgb,var(--brand) 18%,transparent)}.stats .stat:nth-child(even) .dot{background:color-mix(in srgb,var(--gold) 22%,transparent)}.stats .stat b{color:var(--brand)}.stats .stat:nth-child(even) b{color:var(--gold)}.ring{filter:drop-shadow(0 8px 20px rgba(160,125,44,.4))}.result-hero .bd b{color:var(--brand)}.mode-list{display:grid;gap:14px;margin-top:6px;grid-template-columns:minmax(0,1fr)}@media(min-width:620px){.mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.mode-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:8px}.mode-card h3{font-size:19px;margin:0}.mode-card p{margin:0;color:var(--ink-2);font-size:14.5px;flex:1}.mode-card .mode-note{flex:none;font-size:13.5px;font-weight:700;color:var(--gold);background:var(--gold-soft);border-radius:10px;padding:8px 12px}.mode-card .btn{flex:none;width:100%}.timer-pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.timer-pill.low{color:var(--bad);border-color:var(--bad-line);background:var(--bad-bg)}.opt.is-selected{border-color:var(--brand);background:var(--gold-soft)}.opt.is-selected .letter{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme="dark"] .opt.is-selected .letter{color:#171307}.mark-btn{margin-top:10px;background:var(--bg);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;min-height:38px;display:inline-flex;align-items:center;gap:8px}.mark-btn .flag-dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--ink-3);flex:none}.mark-btn.on{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.mark-btn.on .flag-dot{background:var(--brand);border-color:var(--brand)}.exam-foot{margin-top:10px;display:flex;gap:10px;background:var(--bg);padding:6px 0 2px}.exam-foot .btn{flex:1;min-height:48px;padding:12px 14px;font-size:15.5px}.finish-btn{width:100%;margin-top:10px;border-color:var(--brand);color:var(--brand-dark);font-weight:800}.exam-facts{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 18px}.exam-facts .bd{background:var(--surface);border:1px solid var(--line);text-align:center}.rules-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:18px}.rules-card h3{font-size:16px;margin:0 0 10px}.rules-card ul{margin:0;padding-left:20px;color:var(--ink-2);font-size:15px;display:grid;gap:7px}.rules-card ul b{color:var(--ink)}.palette-sheet{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:100%;max-width:520px;max-height:86vh;display:flex;flex-direction:column}.palette-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.palette-head h3{font-size:17px;margin:0}.palette-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);font-weight:600;margin:6px 0 14px}.palette-legend span{display:inline-flex;align-items:center;gap:7px}.pl-dot{width:14px;height:14px;border-radius:5px;border:1.5px solid var(--line);background:var(--bg);display:inline-block;flex:none}.pl-dot.answered{background:var(--brand);border-color:var(--brand)}.pl-dot.marked{border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--surface);background:var(--brand)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;overflow-y:auto;padding:2px;margin-bottom:16px}.pal-btn{position:relative;min-height:46px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-weight:700;font-size:14.5px;font-variant-numeric:tabular-nums}.pal-btn.answered{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-color:transparent;color:#fff}:root[data-theme="dark"] .pal-btn.answered{color:#171307}.pal-btn.marked{box-shadow:inset 0 0 0 2px var(--brand)}.pal-btn.marked::after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--brand)}.pal-btn.answered.marked::after{background:#fff}:root[data-theme="dark"] .pal-btn.answered.marked::after{background:#171307}.pal-btn.current{outline:2.5px solid var(--ink);outline-offset:1px}.pass-line{font-size:17px;font-weight:800;margin:2px 0 6px}.pass-line.pass{color:var(--good)}.pass-line.fail{color:var(--bad)}.review-filter{display:flex;gap:8px;margin:0 0 14px}.review-filter[hidden]{display:none}.rf-chip{background:color-mix(in srgb,var(--brand) 6%,var(--surface));border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:700;min-height:38px;transition:border-color .15s ease,color .15s ease,background-color .15s ease}@media(hover:hover){.rf-chip:hover{border-color:var(--brand)}}.rf-chip.active{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-color:transparent;color:#fff}.rep-h{margin-top:30px}.rep-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.rep-summary .bd{background:var(--surface);border:1px solid var(--line);text-align:center}.rep-list{display:grid;gap:10px}.rep-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.rep-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rep-title{font-weight:800;font-size:15px;line-height:1.3}.rep-meta{font-size:12.5px;color:var(--ink-2);font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rep-score{font-weight:800;white-space:nowrap;font-size:15px;font-variant-numeric:tabular-nums}.mode-badge{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.mode-badge.exam{background:var(--gold-soft);color:var(--gold)}.pf-tag{font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:999px}.pf-tag.pass{background:var(--good-bg);color:var(--good);border:1px solid var(--good-line)}.pf-tag.fail{background:var(--bad-bg);color:var(--bad);border:1px solid var(--bad-line)}.rep-best{display:grid;gap:8px;margin-bottom:6px}.rep-best-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}.rep-best-row .t{font-weight:700;min-width:0}.rep-best-row .s{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.rep-sub{font-size:14px;font-weight:800;margin:18px 0 10px}.clear-btn{margin-top:16px;background:none;border:1px solid var(--line);color:var(--ink-2);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;min-height:40px}.spec-hero{display:flex;align-items:center;gap:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 16%,var(--surface)) 0%,var(--surface) 70%);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.spec-ring{width:118px;height:118px;flex:none}.spec-ring .track{stroke:var(--surface-2)}.spec-ring-num{font-family:"DM Sans",sans-serif;font-size:25px;font-weight:800;fill:var(--ink)}.spec-side{display:grid;gap:10px;flex:1;min-width:0}.spec-side .bd{border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:14px;padding:10px 14px;text-align:center;background:color-mix(in srgb,var(--surface) 72%,transparent)}.spec-side .bd b{display:block;font-size:22px;color:var(--gold);font-variant-numeric:tabular-nums}.spec-side .bd span{font-size:12.5px;color:var(--ink-2);font-weight:600}@media(max-width:420px){.spec-hero{gap:14px;padding:14px}.spec-ring{width:96px;height:96px}}.rep-legend{font-size:12.5px;color:var(--ink-2);font-weight:600;margin:-6px 0 12px;display:flex;align-items:center;gap:8px}.legend-tick{width:3px;height:14px;border-radius:2px;background:var(--gold);flex:none}.rep-bar{position:relative;height:8px;border-radius:999px;background:var(--surface-2);margin-top:10px}.rep-bar .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grad-a),var(--grad-b));width:0}.rep-best-row .medal{width:32px;height:32px;flex:none;margin-left:-2px}.set-top-r{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.new-chip{font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;white-space:nowrap}:root[data-theme="dark"] .new-chip{color:#171307}.folder-prog{display:flex;flex-direction:column;gap:6px}.folder-prog-line{font-size:12.5px;font-weight:700;color:var(--ink-2)}.folder-bar{display:block;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.folder-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grad-a),var(--grad-b))}.weak-list{display:grid;gap:8px;margin-bottom:6px}.weak-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;font:inherit;color:var(--ink);background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 13%,var(--surface)) 0%,var(--surface) 75%);border:1px solid color-mix(in srgb,var(--gold) 48%,var(--line));border-radius:12px;padding:10px 14px;font-size:14px;cursor:pointer;transition:border-color .15s ease}.weak-row:active{transform:scale(.99)}@media(hover:hover){.weak-row:hover{border-color:var(--gold)}}.weak-row .t{font-family:"DM Serif Display",serif;font-weight:400;min-width:0}.weak-row .s{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--gold)}.done-chip{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);white-space:nowrap}.note-entry{position:relative}.note-entry h3{padding-right:42px}.star-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border:none;background:none;color:var(--gold);display:grid;place-items:center;border-radius:50%;cursor:pointer;padding:0}.star-btn svg{width:21px;height:21px;display:block}.star-btn.on svg{fill:var(--gold)}.starred-h{font-family:"DM Serif Display",serif;font-weight:400;font-size:20px;margin:0 0 10px}#starred-slot{margin:0 0 22px}#starred-slot .note-entry{margin-bottom:10px}.starred-subj{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.share-set-btn{width:100%;margin-top:14px}.streak-chip{display:inline-flex;align-items:center;gap:7px;align-self:center;background:color-mix(in srgb,var(--gold) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:800;white-space:nowrap}.streak-chip[hidden]{display:none}.streak-chip svg{width:15px;height:15px;flex:none}.potd-card{position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--violet) 12%,var(--surface)) 0%,var(--surface) 70%);border:1px solid color-mix(in srgb,var(--violet) 45%,transparent);border-radius:16px;padding:13px 14px 9px;margin:0 0 12px;box-shadow:0 8px 22px rgba(24,12,48,.12),0 0 0 3px color-mix(in srgb,var(--violet) 10%,transparent),0 0 24px color-mix(in srgb,var(--violet) 20%,transparent)}.potd-medal{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--violet) 55%,transparent);background:color-mix(in srgb,var(--violet) 13%,transparent);color:var(--violet-ink)}.potd-medal svg{width:19px;height:19px;display:block}:root[data-theme="dark"] .potd-card{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 3px color-mix(in srgb,var(--violet) 12%,transparent),0 0 28px color-mix(in srgb,var(--violet) 24%,transparent)}.potd-head{display:flex;align-items:center;gap:10px;margin:0 0 4px}.potd-title{font-family:"DM Serif Display",serif;font-weight:400;font-size:19px;line-height:1.15;margin:0;color:var(--violet-ink)}.potd-date{color:var(--violet-ink);font-size:12.5px;font-weight:700;margin:0 0 0 auto;text-align:right;flex:none}.potd-line{font-size:14.5px;line-height:1.45;color:var(--ink);margin:0;padding:7px 0}.potd-line + .potd-line{border-top:1px solid color-mix(in srgb,var(--violet) 18%,var(--line))}.potd-line b{font-weight:800}.potd-arrow{color:var(--violet-ink);font-weight:800}.notes-entry-card{border-color:color-mix(in srgb,var(--teal) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 6%,transparent),transparent 55%),var(--surface)}.notes-entry-card::before{background:var(--teal)}.notes-entry-card .set-ico{border-radius:50%;color:var(--teal);border-color:color-mix(in srgb,var(--teal) 55%,transparent);background:color-mix(in srgb,var(--teal) 13%,transparent)}.notes-entry-card .chip{color:var(--teal-ink);background:color-mix(in srgb,var(--teal) 14%,transparent)}.wq-group{margin-bottom:20px}.wq-group-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}.wq-group-title{font-weight:800;font-size:15.5px}.wq-count{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--bad-bg);color:var(--bad);border:1px solid var(--bad-line)}.wq-meta{font-size:12.5px;color:var(--ink-2);font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.wq-remove{margin-left:auto;background:none;border:none;color:var(--ink-3);font-size:12.5px;font-weight:700;padding:6px 2px;min-height:32px;cursor:pointer}.wq-folder-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;color:var(--ink);background:linear-gradient(165deg,color-mix(in srgb,var(--gold) 9%,var(--surface)) 0%,var(--surface) 60%);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;padding:16px;box-shadow:var(--shadow);cursor:pointer}.wq-folder-card:active{transform:scale(.99)}@media(hover:hover){.wq-folder-card:hover{border-color:var(--brand)}}.wfc-arrow{font-size:20px;font-weight:800;color:var(--gold);flex:none}.wq-retest-btn{margin-left:auto;flex:none;background:none;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:800;min-height:36px;cursor:pointer}.wq-retest-all{width:100%;margin:0 0 18px}.set-card.reading-card{--parchment:#a3804f;background:linear-gradient(155deg,color-mix(in srgb,var(--parchment) 17%,var(--surface)) 0%,color-mix(in srgb,var(--parchment) 7%,var(--surface)) 55%,var(--surface) 100%);border-color:color-mix(in srgb,var(--parchment) 42%,var(--line))}.set-card.reading-card::before{width:9px;top:0;bottom:0;border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(to right,var(--acc-vivid) 0 5px,color-mix(in srgb,var(--acc) 30%,#ffffff) 5px 6.5px,var(--acc-vivid) 6.5px 9px)}.notes-flat-title{font-family:"DM Serif Display",serif;font-weight:400;font-size:20px;margin:0 0 12px}#notes-entry-slot[hidden],#notes-search-results[hidden]{display:none}#view-notes-folder .chip{background:color-mix(in srgb,#a3804f 20%,transparent);color:color-mix(in srgb,#a3804f 72%,var(--ink))}.set-card h2,.mode-card h3,.rules-card h3,.install-sheet h3,.palette-head h3,.review h3,.how h3,.note-entry h3,.cc-title,.wq-group-title,.rep-title,.rep-sub,.rep-best-row .t,#prog-set{font-family:"DM Serif Display",serif;font-weight:400}#view-home h1{font-size:clamp(28px,6.4vw,38px);margin-bottom:6px;position:relative}#view-home .byline{font-size:14.5px;margin-bottom:8px}#view-home .verse{margin-bottom:12px}#view-home .verse-ar{font-size:18.5px;line-height:1.65}#view-home .verse-en{font-size:12px;margin-top:2px}.live-clock{position:absolute;top:9px;right:0;white-space:nowrap;font-size:13.5px;font-weight:600;letter-spacing:.01em;color:var(--ink-2);font-variant-numeric:tabular-nums}.track-tabs{display:flex;gap:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;margin:2px 0 14px}.track-tab{flex:1;border:none;background:transparent;color:var(--ink-2);font-size:14.5px;font-weight:700;letter-spacing:.01em;padding:9px 10px;min-height:42px;border-radius:999px;transition:background .18s ease,color .18s ease}.track-tab.active{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--gold) 35%,transparent)}:root[data-theme="dark"] .track-tab.active{color:#171307}#view-home.track-fcps > *:not(h1):not(.byline):not(.verse):not(.track-tabs):not(#track-fcps){display:none !important}.fcps-card{border:1.5px dashed color-mix(in srgb,var(--gold) 55%,var(--line));background:var(--surface);border-radius:var(--radius);padding:36px 22px 30px;text-align:center;margin:4px 0 12px}.fcps-card h2{font-family:"DM Serif Display",serif;font-weight:400;font-size:28px;line-height:1.15;margin:0 0 10px;color:var(--ink)}.fcps-card p{margin:0 auto 22px;max-width:44ch;font-size:15px;line-height:1.55;color:var(--ink-2)}.fcps-card .free-hits-photo{width:100%;max-height:220px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin:0 0 18px;display:block;background:var(--surface-2)}.fcps-explore{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid color-mix(in srgb,var(--gold) 60%,var(--line));color:var(--brand-dark);border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:700;min-height:44px;transition:border-color .15s ease,background-color .15s ease}:root[data-theme="dark"] .fcps-explore{color:var(--grad-b)}.fcps-explore:active{transform:scale(.98)}@media(hover:hover){.fcps-explore:hover{background:var(--brand-soft)}}.sec-label{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}.set-card.hero-card{border:1.5px solid color-mix(in srgb,var(--gold) 68%,var(--line));background: linear-gradient(115deg,color-mix(in srgb,var(--gold) 22%,transparent) 0%,transparent 46%),linear-gradient(155deg,color-mix(in srgb,var(--gold) 18%,var(--surface)) 0%,var(--surface) 62%);box-shadow:var(--shadow),0 0 26px color-mix(in srgb,var(--gold) 16%,transparent)}@media(min-width:620px){.set-card.hero-card{padding:22px}.set-card.hero-card h2{font-size:24px}.set-card.hero-card .set-thumb{width:110px;height:110px}.set-card.hero-card .set-cta .go{font-size:16.5px}}.search-block{position:sticky;top:0;z-index:30;background:var(--bg);margin:0 -6px 16px;padding:10px 6px 12px;border-bottom:1px solid var(--line)}@keyframes homeFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}body.home-enter #view-home > *{animation:homeFadeIn .25s ease-out both}body.home-enter #view-home > *:nth-child(2){animation-delay:.03s}body.home-enter #view-home > *:nth-child(3){animation-delay:.06s}body.home-enter #view-home > *:nth-child(4){animation-delay:.09s}body.home-enter #view-home > *:nth-child(5){animation-delay:.12s}body.home-enter #view-home > *:nth-child(6){animation-delay:.15s}body.home-enter #view-home .set-list > *{animation:homeFadeIn .25s ease-out both}body.home-enter #view-home .set-list > *:nth-child(2){animation-delay:.05s}body.home-enter #view-home .set-list > *:nth-child(3){animation-delay:.1s}body.home-enter #view-home .set-list > *:nth-child(4){animation-delay:.15s}body.home-enter #view-home .set-list > *:nth-child(5){animation-delay:.2s}body.home-enter #view-home .set-list > *:nth-child(6){animation-delay:.25s}.nav-btn span{white-space:nowrap}.profile-drawer{position:fixed;inset:0;z-index:70;visibility:hidden;transition:visibility 0s linear .3s}.profile-drawer.open{visibility:visible;transition-delay:0s}.drawer-backdrop{position:absolute;inset:0;background:rgba(9,7,2,.55);opacity:0;transition:opacity .25s ease}.profile-drawer.open .drawer-backdrop{opacity:1}.drawer-col{position:absolute;inset:0;max-width:720px;margin:0 auto;pointer-events:none}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:var(--bg);border-left:1px solid var(--line);box-shadow:-16px 0 40px rgba(0,0,0,.32);transform:translateX(107%);transition:transform .25s ease;pointer-events:auto;display:flex;flex-direction:column}.profile-drawer.open .drawer-panel{transform:translateX(0)}.drawer-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}body.drawer-lock{overflow:hidden}.drawer-close{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:grid;place-items:center;padding:0}.drawer-close svg{width:14px;height:14px;display:block}.drawer-close:active{transform:scale(.96)}.prof-head{display:flex;gap:12px;align-items:flex-start}.prof-avatar{width:54px;height:54px;flex:none;border-radius:50%;border:2px solid var(--grad-b);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 16%,transparent);background:radial-gradient(circle at 32% 28%,var(--surface-2),var(--surface));display:grid;place-items:center;font-family:"DM Serif Display",serif;font-size:24px;color:var(--gold)}.prof-avatar svg{width:28px;height:28px;display:block}.prof-head-txt{flex:1;min-width:0;padding-top:1px}.prof-name{font-family:"DM Serif Display",serif;font-weight:400;font-size:20px;margin:0;line-height:1.15;overflow-wrap:break-word}.prof-level{margin:2px 0 0;font-size:12.5px;color:var(--gold);font-style:italic;letter-spacing:.02em}.prof-edit-link{margin-top:3px;display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--gold);font-size:12.5px;font-weight:700;padding:3px 0;min-height:26px}.prof-edit-link svg{width:11px;height:11px;display:block}.prof-edit-box{margin-top:8px;display:flex;gap:8px;align-items:stretch}.prof-edit-box[hidden]{display:none}.prof-edit-box input{flex:1;min-width:0;font:inherit;font-size:15px;padding:9px 12px;border-radius:10px;border:1px solid var(--brand);background:var(--surface);color:var(--ink);min-height:42px}.prof-edit-box input:focus{outline:2px solid var(--brand);outline-offset:1px}.prof-edit-box .btn{min-height:42px;padding:9px 15px;flex:none}.prof-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:18px 0 7px}.prof-seg{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:3px}.prof-seg button{flex:1;border:none;background:transparent;color:var(--ink-2);font-size:13.5px;font-weight:700;padding:8px 4px;min-height:38px;border-radius:8px;transition:background .15s ease,color .15s ease}.prof-seg button.on{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--gold) 35%,transparent)}:root[data-theme="dark"] .prof-seg button.on{color:#171307}.prof-seg.prof-accent button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;padding:8px 2px;min-width:0}@media(max-width:430px){.prof-seg.prof-accent{display:grid;grid-template-columns:repeat(2,1fr)}.prof-seg.prof-accent button{font-size:13px;padding:9px 4px}}.prof-accent .dot{width:11px;height:11px;flex:none;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}:root[data-theme="dark"] .prof-accent .dot{border-color:rgba(255,255,255,.25)}.prof-accent .dot.gold{background:#C9A24A}.prof-accent .dot.emerald{background:#009e6b}.prof-accent .dot.sapphire{background:#2e86ff}.prof-accent .dot.ruby{background:#e00034}.prof-statsline{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin-top:14px;font-size:13px;color:var(--ink-2)}.prof-statsline b{color:var(--gold);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.prof-statsline .sep{color:var(--ink-3)}.prof-next{margin:8px 2px 0;font-size:12px;color:var(--ink-3)}.prof-target{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.prof-target-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.prof-target-title{display:block;font-size:14.5px;font-weight:700}.prof-change{flex:none;background:none;border:none;color:var(--gold);font-size:13px;font-weight:800;padding:2px 0;min-height:30px}.prof-track-bar{height:5px;background:var(--surface-2);border-radius:999px;margin-top:10px;overflow:hidden}.prof-track-fill{height:100%;background:linear-gradient(90deg,var(--grad-a),var(--grad-b));border-radius:999px;width:0;transition:width .3s ease}.prof-target-line{font-size:12.5px;color:var(--ink-2);margin:6px 0 0}.prof-rows{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.prof-rows-gap{margin-top:12px}.prof-row{display:flex;align-items:center;gap:11px;width:100%;padding:11px 13px;background:none;border:none;font:inherit;color:var(--ink);text-align:left;text-decoration:none}button.prof-row{cursor:pointer}button.prof-row:active{background:var(--surface-2)}.prof-row + .prof-row{border-top:1px solid var(--line)}.prof-row .ic{width:30px;height:30px;flex:none;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--gold)}.prof-row .ic svg{width:15px;height:15px;display:block}.prof-row .txt{flex:1;min-width:0}.prof-row .t{display:block;font-size:14.5px;font-weight:700;line-height:1.3}.prof-row .s{display:block;font-size:11.5px;color:var(--ink-2);margin-top:1px;line-height:1.35}.prof-row .chev{color:var(--ink-3);flex:none;display:grid;place-items:center}.prof-row .chev svg{width:14px;height:14px;display:block}.prof-count{flex:none;min-width:24px;text-align:center;font-size:11.5px;font-weight:800;color:var(--gold);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:4px 7px}.prof-privacy{margin:14px 4px 10px;font-size:12px;color:var(--ink-3);text-align:center;line-height:1.5}.prof-danger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;background:color-mix(in srgb,var(--bad) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 40%,transparent);border-radius:12px;font-size:14px;font-weight:800;color:var(--bad);min-height:46px}.prof-danger svg{width:15px;height:15px;flex:none}.prof-danger.armed{background:color-mix(in srgb,var(--bad) 18%,var(--surface))}.prof-manage-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-h{font-family:"DM Serif Display",serif;font-weight:400;font-size:21px;margin:12px 0 12px;line-height:1.2}.manage-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.manage-list .progress-empty{border:none;border-radius:0;box-shadow:none}.manage-row{display:flex;align-items:center;gap:12px;padding:11px 13px}.manage-row + .manage-row{border-top:1px solid var(--line)}.manage-info{flex:1;min-width:0}.manage-name{display:block;font-size:14px;font-weight:700;line-height:1.3}.manage-detail{display:block;font-size:11.5px;color:var(--ink-2);margin-top:2px}.manage-clear{flex:none;background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;min-height:36px}.manage-clear.armed{background:var(--bad);border-color:var(--bad);color:#fff}.manage-note{margin:12px 4px 0;font-size:12px;color:var(--ink-3);line-height:1.55}.set-list > .set-card.set-row{grid-column:1/-1}.set-card.set-row{flex-direction:row;align-items:center;gap:12px;min-height:60px;padding:10px 14px 10px 12px;border-radius:12px;box-shadow:none}.set-card.set-row::before{display:none}@media(hover:hover){.set-card.set-row:hover{transform:none}}.set-row .row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.set-row .row-title{font-size:16.5px;line-height:1.25;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-row .row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.35;color:var(--ink-3)}.set-row .qcount{font-size:12px}.set-row .row-prog{font-size:12px;font-weight:700;color:var(--gold);white-space:nowrap}.set-row .new-chip,.set-row .done-chip,.set-row .aq-lock-chip{padding-top:2px;padding-bottom:2px}.set-row .row-chev{flex:none;display:grid;place-items:center;color:var(--brand)}.set-row .row-chev svg{width:16px;height:16px;display:block}.aq-viewbar{display:flex;justify-content:flex-end;margin:0 0 12px}.aq-view-toggle{display:inline-flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px}.aq-view-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:13px;font-weight:800;padding:6px 13px;border-radius:999px;min-height:32px;cursor:pointer}.aq-view-btn svg{width:15px;height:15px;display:block}.aq-view-btn[aria-pressed="true"]{background:var(--brand);color:#fff}:root[data-theme="dark"] .aq-view-btn[aria-pressed="true"]{color:#171307}.set-list.aqv-list{grid-template-columns:minmax(0,1fr);gap:8px}.set-list.aqv-list .set-card:first-child{grid-column:auto}.set-list.aqv-list .set-card.set-row{padding:9px 12px;min-height:54px}.set-list.aqv-list .set-card.set-row .set-thumb{width:44px;height:44px;flex:none;border-radius:10px}.set-list.aqv-list .set-card.set-row.has-thumb > .set-ico{display:none}.set-list.aqv-list .set-card.folder-card{flex-direction:row;align-items:center;gap:12px;padding:11px 14px 11px 12px;border-radius:12px;box-shadow:none}.set-list.aqv-list .set-card.folder-card .set-thumb{width:52px;height:52px}.set-list.aqv-list .set-card.folder-card .set-body{gap:4px}.set-list.aqv-list .set-card.folder-card h2{font-size:17px}.set-list.aqv-list .set-card.folder-card p,.set-list.aqv-list .set-card.folder-card .set-cta,.set-list.aqv-list .set-card.folder-card .folder-bar{display:none}.set-list.aqv-list .set-card.hero-card{padding:11px 14px 11px 12px}.set-list.aqv-list .set-card.hero-card h2{font-size:17px}.set-list.aqv-list .set-card.hero-card .set-thumb{width:52px;height:52px}.set-list.aqv-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:620px){.set-list.aqv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.set-list.aqv-grid > .set-card{grid-column:auto}.set-list.aqv-grid .set-card:first-child{grid-column:auto}.set-list.aqv-grid .set-card{padding:10px;gap:8px;border-radius:12px}.set-list.aqv-grid .set-card.folder-card{flex-direction:column;align-items:stretch}.set-list.aqv-grid .set-card.folder-card .set-thumb{width:100%;height:86px;border-radius:10px}.set-list.aqv-grid .set-card.folder-card .set-body{gap:6px}.set-list.aqv-grid .set-card.folder-card h2{font-size:16px}.set-list.aqv-grid .set-card.folder-card p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}.set-list.aqv-grid .set-card.folder-card .set-cta{display:none}.set-list.aqv-grid .set-card.folder-card .qcount{font-size:12px}.set-list.aqv-grid .set-card.hero-card{padding:10px}.set-list.aqv-grid .set-card.hero-card h2{font-size:16px}.set-list.aqv-grid .set-card.hero-card .set-thumb{width:100%;height:86px}.set-list.aqv-grid .set-card.set-row{flex-direction:column;align-items:stretch;gap:8px;padding:10px;min-height:0}.set-list.aqv-grid .set-card.set-row .set-thumb{width:100%;height:78px;border-radius:10px;align-self:stretch}.set-list.aqv-grid .set-card.set-row.has-thumb > .set-ico{display:none}.set-list.aqv-grid .set-card.set-row > .set-ico{width:40px;height:40px;border-radius:10px}.set-list.aqv-grid .set-card.set-row > .set-ico svg{width:22px;height:22px}.set-list.aqv-grid .set-row .row-main{gap:4px}.set-list.aqv-grid .set-row .row-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}.set-list.aqv-grid .set-row .row-chev{display:none}@media(max-width:700px){#view-quiz,#view-exam{margin-top:-6px}#view-quiz .aq-sec-pill,#view-exam .aq-sec-pill{margin:0 0 8px;padding:5px 12px;font-size:12.5px}.q-text{font-size:16.5px;line-height:1.4}.timer-pill{padding:6px 13px;font-size:14.5px}.finish-btn{margin-top:8px;min-height:48px;padding:12px 18px;font-size:15.5px}body #view-exam .exam-foot{position:static}body #btn-exam-finish{position:static}}@media(max-width:700px) and (max-height:720px){.q-text{font-size:16px}.opt{min-height:44px;padding:8px 12px;font-size:14.5px}.q-card{padding:12px 14px}.bar{margin-bottom:10px}}footer{margin-top:34px;text-align:center;font-size:13px;color:var(--ink-3)}@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}