@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{font-family:'Nunito Sans',sans-serif;color:#20343b;background:#f7f8fa;font-synthesis:none;--ink:#172e36;--muted:#6b777c;--line:#e5e9eb;--accent:#ef754f}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #3271dc;outline-offset:4px}button{color:inherit}a{color:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:246px;background:white;border-right:1px solid var(--line);padding:37px 23px;display:flex;flex-direction:column;z-index:5}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;font-family:'Fredoka',sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.7px;padding:0}.brand-mark{background:var(--ink);color:#ffcc84;border-radius:12px;width:39px;height:39px;font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:34px;letter-spacing:-2px}.brand-dot{color:var(--accent)}.sidebar-label{color:#8a9499;font-size:12px;letter-spacing:1.7px;font-weight:700;margin:46px 13px 15px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;border-radius:9px;padding:14px 13px;text-align:left;color:#66747b;font-size:14px;font-weight:600;margin:3px 0}.nav-item:hover{background:#f6f7f8}.nav-item.active{background:#edf2f2;color:var(--ink)}.nav-item svg{width:19px;height:19px;flex-shrink:0}.nav-count{margin-left:auto;font-size:12px;color:#87959a}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:24px 12px 0}.sidebar-bottom strong{font-size:15px}.sidebar-bottom p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:0}.sidebar-bottom svg{width:19px;height:19px;vertical-align:middle;margin-right:6px;color:#c57c2c}.layout{margin-left:246px;min-height:100vh}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#fff}.top-label{font-size:14px;color:#728087}.top-label strong{color:#243a43;font-weight:600}.top-right{display:flex;align-items:center;gap:11px;font-size:13px;color:#6b777c}.little-dot{width:6px;height:6px;background:#b4bfc3;border-radius:50%}.main{max-width:1340px;margin:auto;padding:40px 46px 28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#9a6145;margin:0 0 13px}h1,h2,h3{font-family:'Fredoka',sans-serif}h1{font-size:35px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 11px}h2{font-size:22px;letter-spacing:-.6px;margin:0}h3{font-size:19px;letter-spacing:-.4px;margin:0}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.intro p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.intro-stats{display:flex;gap:26px;text-align:center;white-space:nowrap}.intro-stats strong{display:block;font-family:'Fredoka',sans-serif;font-size:23px;font-weight:800;margin-bottom:3px}.intro-stats span{color:#7c878c;font-size:12px}.feature{background:var(--ink);border-radius:16px;color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden;margin-bottom:35px;min-height:166px}.feature .eyebrow{color:#f6c982;font-size:11px;margin-bottom:10px}.feature h2{font-size:25px;letter-spacing:-.5px}.feature p{font-size:14px;color:#b9c8ca;margin:9px 0 0}.feature .primary{background:#f9cc89;color:#1e3439;white-space:nowrap;border:0;position:relative;z-index:1}.feature:after{content:'';position:absolute;width:255px;height:255px;border:1px solid #527176;border-radius:50%;right:110px;top:-49px;opacity:.3;box-shadow:0 0 0 27px #ffffff08,0 0 0 54px #ffffff05;pointer-events:none}.feature-text{position:relative;z-index:1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:15px}.section-heading>span{font-size:13px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px}.category-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:182px;padding:22px;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.category-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #132e3610}.category-card.selected{border-color:var(--cat);box-shadow:0 0 0 1px var(--cat)}.icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--cat);margin-bottom:19px}.icon-box svg{width:25px;height:25px}.category-card h3{font-size:16px;margin-bottom:7px}.category-card p{font-size:13px;color:#78858b;margin:0}.category-no{position:absolute;right:20px;top:23px;font-family:'Fredoka',sans-serif;color:#d5dce0;font-size:13px;font-weight:700}.quiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;min-height:216px;position:relative}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.pill{display:inline-flex;align-items:center;border-radius:5px;color:var(--cat);background:var(--bg);padding:5px 8px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.quiz-index{font-size:12px;color:#8c989e}.quiz-card h3{margin-bottom:8px}.quiz-card p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 22px;max-width:92%}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.quiz-meta{display:flex;align-items:center;gap:7px;color:#7a878e;font-size:12px}.quiz-meta svg{width:14px;height:14px}.quiz-start{background:#fff;border:1px solid #dbe2e5;border-radius:7px;padding:8px 13px;font-weight:600;font-size:13px}.quiz-start:hover{background:var(--ink);color:white;border-color:var(--ink)}.best{color:#1f8265;font-size:12px;font-weight:600}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#53656d;font-size:13px;padding:4px}.footer{display:flex;justify-content:space-between;font-size:12px;color:#8a969c;border-top:1px solid var(--line);padding-top:24px;margin-top:36px;gap:15px;line-height:1.7}.primary,.secondary{border-radius:9px;padding:13px 21px;font-size:14px;font-weight:700;border:1px solid var(--ink)}.primary{background:var(--ink);color:white}.primary:hover{filter:brightness(1.15)}.primary:disabled{background:#dbe1e4;border-color:#dbe1e4;color:#7f8f96;filter:none}.secondary{background:white;border-color:#dce3e6}.secondary:hover{background:#edf2f4}.play-header{max-width:1050px;padding:27px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.play{max-width:780px;margin:30px auto 70px;padding:0 28px}.play-breadcrumb{font-size:13px;color:#77858a;margin-bottom:15px}.play h1{font-size:31px;margin-bottom:25px}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:#77858a;margin-bottom:10px}.progress-label strong{color:#263c45}.progress-track{height:6px;border-radius:4px;background:#e3e8eb;margin-bottom:32px;overflow:hidden}.progress-fill{height:100%;background:#ef8865;transition:width .3s}.question-card{background:white;border:1px solid var(--line);padding:34px;border-radius:16px}.question-number{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#9c6a48;margin-bottom:15px}.question-card h2{font-size:25px;line-height:1.5;letter-spacing:-.6px;margin-bottom:26px;min-height:64px}.answers{display:grid;grid-template-columns:1fr;gap:11px}.answer{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:14px 17px;background:white;border:1px solid #dce3e6;border-radius:9px;font-size:16px;line-height:1.4;min-height:57px}.answer:not(:disabled):hover{border-color:#66848f;background:#f8fafb}.answer-letter{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:1px solid #e1e7ea;border-radius:6px;color:#819097;font-size:12px;font-weight:600}.answer.correct{border-color:#399b77;background:#edf8f2;color:#176749}.answer.wrong{border-color:#d58274;background:#fff1ed;color:#a74738}.answer.correct .answer-letter{border-color:#83bea4;color:#176749}.answer.wrong .answer-letter{border-color:#dfa99e;color:#a74738}.answer-mark{margin-left:auto;font-weight:700}.answer:disabled:not(.correct):not(.wrong):not(.chosen){color:#839096;background:#fafbfc}.feedback{margin-top:23px;padding:18px 20px;border-radius:9px;background:#edf8f2;color:#256348;font-size:14px;line-height:1.65}.feedback.missed{background:#fff5e8;color:#8a6232}.feedback strong{display:block;margin-bottom:3px;font-size:15px}.feedback p{margin:0}.question-footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:15px}.hint{font-size:12px;color:#8c969c}.session-note{text-align:center;color:#8b979d;font-size:12px;margin:24px 0}.results-hero{text-align:center;margin-bottom:26px}.results-hero .eyebrow{margin:20px 0 15px}.score-circle{width:142px;height:142px;border-radius:50%;margin:25px auto;display:flex;align-items:center;justify-content:center;background:conic-gradient(#ef9569 var(--score),#e5eaed 0);position:relative}.score-circle:before{content:'';position:absolute;inset:9px;background:#f7f8fa;border-radius:50%}.score-circle div{z-index:1}.score-circle strong{font-size:36px;font-family:'Fredoka',sans-serif;letter-spacing:-1px}.score-circle span{display:block;font-size:13px;color:#829096}.results-hero h1{margin-bottom:12px}.results-hero>p{font-size:15px;color:#6e7e85;line-height:1.7}.result-actions{display:flex;justify-content:center;gap:12px;margin:24px 0 35px;flex-wrap:wrap}.review-heading{margin:35px 0 20px;display:flex;align-items:center;justify-content:space-between}.review-heading span{font-size:13px;color:#7f8c91}.review-item{padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.review-label{font-size:12px;font-weight:600;color:#2b8263;margin-bottom:10px}.review-label.missed{color:#b15e3d}.review-item h3{font-size:16px;line-height:1.6;margin-bottom:9px}.review-item p{font-size:14px;line-height:1.6;color:#6e7d84;margin:5px 0}.review-item strong{color:#314c58}.storage-alert{font-size:13px;color:#9b5531;padding:13px 17px;background:#fff0df;border-radius:8px;margin-bottom:20px}dialog{border:1px solid var(--line);border-radius:15px;max-width:440px;padding:30px;color:var(--ink);box-shadow:0 25px 90px #12272e30}dialog::backdrop{background:#172e3670}dialog p{line-height:1.7;font-size:15px;color:#6d7c83}.dialog-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.mobile-brand{display:none}@media(min-width:1450px){.main{padding-top:48px}.category-card{min-height:192px}.quiz-card{min-height:224px}}@media(max-width:1150px){.sidebar{width:213px;padding:33px 17px}.layout{margin-left:213px}.main{padding:32px 28px}.topbar{padding:0 28px}.category-grid{gap:11px}.category-card{padding:18px 15px}.intro-stats{gap:18px}h1{font-size:30px}.category-card h3{font-size:15px}.intro{align-items:flex-start}.intro-stats strong{font-size:20px}.category-no{right:15px}}@media(max-width:860px){.sidebar{width:184px;padding:28px 13px}.layout{margin-left:184px}.brand{font-size:28px}.nav-item{padding:12px 9px;font-size:13px;gap:9px}.main{padding:29px 23px}.topbar{padding:0 23px;height:76px}.intro-stats{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:162px}.quiz-grid{grid-template-columns:1fr}.feature{padding:25px;align-items:flex-start;flex-direction:column;gap:20px}.feature:after{right:-80px}.feature h2{font-size:22px}}@media(max-width:600px){.sidebar{display:none}.layout{margin-left:0}.mobile-brand{display:flex;font-size:27px}.mobile-brand .brand-mark{width:33px;height:33px;font-size:32px;line-height:28px}.top-label{display:none}.topbar{height:76px;padding:0 22px}.top-right{font-size:12px}.main{padding:28px 20px}.intro{margin-bottom:24px}h1{font-size:29px;max-width:300px;line-height:1.25}.intro p{font-size:14px}.feature{padding:25px;min-height:180px;margin-bottom:29px}.feature h2{font-size:23px}.feature p{line-height:1.6}.feature .primary{font-size:13px;padding:11px 16px}.section-heading h2{font-size:20px}.section-heading>span{font-size:12px}.category-grid{gap:12px;margin-bottom:30px}.category-card{padding:19px 16px;min-height:170px}.category-card h3{font-size:15px}.category-card p{font-size:12px}.quiz-card{padding:22px;min-height:218px}.quiz-card p{max-width:100%}.footer{flex-direction:column;gap:4px;margin-top:29px;padding-top:20px}.play-header{padding:21px}.play-header .brand{font-size:27px}.play-header .secondary{padding:9px 12px;font-size:12px}.play{margin:15px auto 35px;padding:0 18px}.play h1{font-size:27px;max-width:none}.question-card{padding:24px 20px}.question-card h2{font-size:21px;line-height:1.5}.answer{padding:13px 12px;font-size:15px;gap:11px}.progress-track{margin-bottom:25px}.question-footer{align-items:flex-end}.hint{max-width:125px;line-height:1.6}.question-footer .primary{padding:12px 15px;font-size:13px}.results-hero h1{font-size:28px}.review-item{padding:19px}.review-heading h2{font-size:20px}.session-note{line-height:1.6}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep every category accessible on shorter displays. */
.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.sidebar-bottom{flex-shrink:0}

.answer.chosen,.answer.chosen:disabled{border-color:#a15a15;background:#fff4df;color:#78420c}.answer.chosen .answer-letter{border-color:#cba26b;color:#78420c}.feedback.discussion{background:#fff4df;color:#78420c}.choice-label,.choice-badge{color:#925213}.choice-badge{font-size:12px;font-weight:600}

.party-handoff{text-align:center}.party-handoff h2{min-height:0}.party-handoff p,.party-rule{font-size:14px;color:#64767e;line-height:1.7}.party-handoff .primary{margin-top:18px}.party-rule{margin:0 0 20px}.party-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.party-column{background:#f6f8fa;padding:17px;border-radius:10px;min-width:0}.party-column h3{font-size:16px}.party-column ol,.party-order ol{padding-left:22px;font-size:14px;line-height:1.6}.party-column li,.party-order li{padding:6px 0 6px 2px}.party-match{font-weight:600;color:#865326;font-size:15px}.party-order{margin-top:20px;padding:18px;background:#fff8ed;border-radius:10px;font-size:14px}.flag-pill{font-size:16px!important;padding:10px 12px;border-radius:7px;font-weight:700;display:inline-block}.flag-red{background:#ffe9e6;color:#a13a2e!important}.flag-green{background:#e2f3e9;color:#256b46!important}.flag-depends{background:#fff0d5;color:#875211!important}@media(max-width:480px){.party-compare{grid-template-columns:1fr}.party-column{padding:16px}.progress-label{gap:14px;line-height:1.5}}

/* Sir Quiz: a small crown and a lot of personality. */
:root{color:#30254b;background:#faf8ff;--ink:#372258;--muted:#6d647c;--line:#e5dff0;--accent:#7750d5}
.brand{gap:9px;font-weight:600;font-size:29px;letter-spacing:-.8px;white-space:nowrap;color:#492795;flex-shrink:0}
.brand-mark{display:grid;place-items:center;flex-shrink:0;width:43px;height:48px;border-radius:14px;background:#f0e8ff;color:#5633b8;letter-spacing:0;transform:rotate(-5deg)}
.brand-mark svg{width:38px;height:42px}.brand-dot{color:#dc6b39}
.sidebar-label{color:#736580;font-size:10px;letter-spacing:1.4px;margin-top:35px}
.sidebar-bottom{background:#fff8da;border:1px solid #ecdfaa;border-radius:16px;padding:17px 12px;margin-top:25px}.sidebar-bottom strong{font-size:13px}.sidebar-bottom svg{color:#79511b}
.nav-item{color:#695d7b}.nav-item:hover{background:#f8f3ff}.nav-item.active{background:#eee4ff;color:#5633b8}.nav-count{color:#775394}
.top-label,.top-right{color:#70657d}.top-label strong{color:#5633b8}.little-dot{background:#bc9ee9}
h1,h2,h3{font-weight:500;letter-spacing:-.4px}.intro h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1px}.intro>div:first-child{max-width:590px}.intro .eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#7750b0;margin-bottom:9px}.intro-stats strong{color:#5633b8;font-weight:600}.intro-stats span{color:#70657d}
.feature{background:#5633b8;border:2px solid #42248e;border-radius:23px;box-shadow:0 5px 0 #dfd1f7;padding:30px 32px}.feature h2{font-size:29px}.feature p{color:#eee5ff;max-width:500px;line-height:1.6}.feature .eyebrow{color:#ffe18b}.feature:after{content:'?';width:160px;height:190px;border:0;border-radius:0;right:155px;top:-35px;font-family:'Fredoka',sans-serif;font-size:210px;font-weight:600;line-height:1;transform:rotate(17deg);color:#fff;opacity:.08;box-shadow:none}
.primary,.secondary,.quiz-start{border-radius:12px;transition:transform .15s,box-shadow .15s}.primary{background:#6840c6;border-color:#4d2b9b;box-shadow:0 3px 0 #412278}.primary:hover{filter:none;background:#5830b5;transform:translateY(-1px)}.primary:disabled{box-shadow:none;transform:none}.feature .primary{background:#ffdc68;color:#3f285d;border:1px solid #3e226e;box-shadow:0 4px 0 #372258}.feature .primary:hover{background:#ffe68e}.secondary:hover{background:#f4edff}
.category-card{border-radius:20px;border-color:#e2d8ee;box-shadow:0 3px 0 #eee6f7}.category-card:hover{border-color:var(--cat);box-shadow:0 5px 0 var(--bg)}.category-card.selected{border-width:2px;box-shadow:0 3px 0 var(--bg)}.category-card h3{font-size:18px}.category-no{color:#81738f}.category-card p{color:#746b80}.icon-box{border-radius:15px;transform:rotate(-5deg)}.icon-box svg{transform:rotate(5deg)}.category-card:nth-child(even) .icon-box{transform:rotate(5deg)}.category-card:nth-child(even) .icon-box svg{transform:rotate(-5deg)}
.quiz-card{border-radius:19px;border-color:#e2d8ee}.quiz-card h3{font-size:23px}.pill{border-radius:20px;padding:6px 10px}.quiz-index,.quiz-meta{color:#756880}.quiz-start{border-color:#d8c8ef;background:#f5eeff;color:#5633b8;font-weight:800;white-space:nowrap}.quiz-start:hover{background:#6840c6;border-color:#6840c6}.footer{color:#736980}.text-button{color:#6840b5}
.question-card{border-radius:23px;box-shadow:0 5px 0 #eee6f7}.question-number,.eyebrow{color:#7950ad}.question-card h2{font-size:27px}.answer{border-radius:13px}.answer:not(:disabled):hover{border-color:#9878cf;background:#faf5ff}.answer-letter{border-radius:9px}.progress-track{height:9px;background:#e8dff5}.progress-fill{background:#9b76e1}.progress-label,.play-breadcrumb{color:#746782}.score-circle{background:conic-gradient(#9163d9 var(--score),#e8dff5 0)}.score-circle:before{background:#faf8ff}.score-circle strong{color:#5633b8}.review-item{border-radius:17px}.party-column{background:#f7f1ff}.session-note,.hint{color:#766b80}dialog{border-radius:22px}dialog::backdrop{background:#25133780}
@media(max-width:1150px){.brand{font-size:27px;gap:7px}.brand-mark{width:39px;height:44px}.feature h2{font-size:26px}.intro-stats{gap:16px}}
@media(min-width:601px) and (max-width:860px){.sidebar .brand{font-size:23px;gap:5px}.sidebar .brand-mark{width:34px;height:40px}.sidebar .brand-mark svg{width:32px;height:36px}}
@media(max-width:600px){.mobile-brand{font-size:27px}.mobile-brand .brand-mark{width:36px;height:43px}.mobile-brand .brand-mark svg{width:33px;height:38px}.top-right{font-size:11px;text-align:right;justify-content:flex-end}.top-right .little-dot,.top-right>span:last-child{display:none}.topbar{padding:0 18px;gap:10px}.intro h1{max-width:none;font-size:36px}.feature{padding:25px}.feature h2{font-size:26px}.category-card h3{font-size:17px}.question-card h2{font-size:23px}.quiz-card h3{font-size:23px}.play-header .brand{font-size:26px}.brand-mark{width:36px;height:43px}.brand-mark svg{width:33px;height:38px}}
@media(max-width:360px){.topbar{padding:0 13px}.mobile-brand{font-size:24px}.top-right{font-size:10px}.quiz-bottom{flex-wrap:wrap}.section-heading>span{max-width:115px;text-align:right}.category-card{padding:17px 12px}}

/* Refined identity: one crisp crowned-Q mark across every screen. */
.brand{gap:10px;font-weight:700;font-size:28px;letter-spacing:-.75px}
.brand .brand-mark{width:44px;height:44px;background:transparent;border-radius:0;transform:none;transition:transform .15s ease}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-name{line-height:1.1}
.brand-dot{color:#c69520}
.brand:hover .brand-mark{transform:translateY(-1px)}
.play-header .brand-mark{width:38px;height:38px}
@media(min-width:601px) and (max-width:860px){
  .sidebar .brand{font-size:22px;gap:8px}
  .sidebar .brand-mark{width:32px;height:32px}
}
@media(max-width:600px){
  .mobile-brand,.play-header .brand{font-size:26px;gap:9px}
  .brand .brand-mark{width:38px;height:38px}
}
@media(max-width:360px){
  .mobile-brand,.play-header .brand{font-size:23px;gap:8px}
  .brand .brand-mark{width:34px;height:34px}
}

/* Live quiz discovery; keep the input mounted while results change. */
.collection-views{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.collection-views button[aria-pressed="true"]{background:#eee4ff;border-color:#7750d5;color:#5633b8}
.collection-category{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13px;font-weight:700}
.collection-category[hidden]{display:none}
.collection-category select{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #d8c8ef;border-radius:12px;background:white;color:var(--ink);font:inherit}
.favorite-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid #d8c8ef;border-radius:12px;background:#fff;color:#6840b5}
.favorite-toggle svg{width:21px;height:21px}
.favorite-toggle[aria-pressed="true"]{background:#eee4ff}
.favorite-toggle[aria-pressed="true"] svg{fill:currentColor}
.favorite-toggle:hover{background:#f5eeff}
.favorite-toggle:focus-visible,.collection-views button:focus-visible{outline:2px solid #7750d5;outline-offset:3px}
.quiz-top{flex-wrap:wrap}
#library-storage-warning[hidden]{display:none}
.quiz-discovery{margin:30px 0}
.discovery-row{display:flex;align-items:flex-end;gap:14px}
.discovery-search{flex:1;min-width:0}
/* Sidebar-visible tablets need room for search plus all three shortcuts. */
@media(min-width:601px){
  .discovery-row{flex-wrap:wrap}
  .discovery-search{flex:1 1 240px}
}
.discovery-search label{display:block;font-weight:800;font-size:13px;color:var(--ink);margin-bottom:9px}
.search-field{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 15px;background:white;border:1px solid #d9cfe8;border-radius:12px;box-shadow:0 2px 0 #eee7f6}
.search-field:focus-within{outline:2px solid #7750d5;outline-offset:2px}
.search-field>svg{width:20px;height:20px;color:#7750d5;flex-shrink:0}
.search-field input{width:100%;min-width:0;padding:12px 0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:16px}
.search-field input::placeholder{color:#84788f;font-size:14px}
.search-field input::-webkit-search-cancel-button{display:none}
.search-clear{padding:0;border:0;background:#f0e8ff;color:#5633b8;border-radius:6px;font-size:23px;line-height:28px;width:28px;height:28px;flex-shrink:0}
.search-clear[hidden]{display:none}
.quick-play{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;white-space:nowrap;background:#ffdc68;color:#3f285d;border-color:#3e226e;box-shadow:0 3px 0 #372258}
.quick-play svg{width:19px;height:19px}
.quick-play:hover{background:#ffe68e;filter:none}
.quick-play:disabled{background:#eee7f6;color:#8b7d9c;border-color:#d9cfe8;box-shadow:none;filter:none}
.discovery-help{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.discovery-summary{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}
.quiz-card[hidden],#discovery-categories[hidden],.quiz-empty[hidden]{display:none}
.quiz-empty{grid-column:1/-1;text-align:center;padding:36px 22px;background:white;border:1px dashed #c9b8e0;border-radius:16px}
.quiz-empty h3{font-family:'Fredoka',sans-serif;font-size:24px;margin:0 0 10px;color:var(--ink)}
.quiz-empty p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 auto 20px;max-width:420px}
@media(max-width:600px){
  .discovery-row{align-items:stretch;flex-direction:column;gap:12px}
  .quick-play{min-height:45px}
  .quiz-discovery{margin:26px 0}
  .discovery-summary{gap:10px;font-size:12px}
  #quiz-list .section-heading{align-items:flex-start}
}

/* My Progress */
.progress-nav{margin-top:26px;background:#fff8da;color:#5b3d10;border:1px solid #ecdfaa}.progress-nav:hover{background:#fff1bd}.progress-nav svg{color:#9a6a1c}
.top-progress{display:inline-flex;align-items:center;gap:7px;border:1px solid #e5dff0;background:#fff;border-radius:999px;padding:7px 12px;color:#5633b8;font-weight:700;font-size:13px}.top-progress:hover{background:#f5eeff}.top-progress svg{width:16px;height:16px}
.pg-header{max-width:1100px}.pg-links{display:flex;gap:10px}
.pg{max-width:1100px;margin:10px auto 70px;padding:0 32px}
.pg-hero{margin-bottom:28px;animation:pgIn .45s ease both}.pg-hero h1{font-size:clamp(32px,4vw,48px);outline:0}.pg-hero>p{color:var(--muted);margin:0;font-size:15px}.pg-fine{font-size:12px!important;margin-top:8px!important}
.pg-active{margin-bottom:28px}.pg-active-meter{display:flex;align-items:center;gap:12px;margin-top:16px;max-width:380px}.pg-active .pg-meter{background:#ffffff30}.pg-active .pg-meter span{background:#ffdc68}.pg-active .pg-pct{color:#ffe18b}
.pg-meter{flex:1;height:8px;border-radius:6px;background:#e8dff5;overflow:hidden}.pg-meter span{display:block;height:100%;background:var(--cat,#9b76e1);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pg-pct{font-size:12px;font-weight:800;color:var(--muted);min-width:36px;text-align:right}
.pg-tally{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin:0 0 38px}.pg-tally>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:0 3px 0 #eee6f7;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px}.pg-tally>div:first-child{background:#5633b8;border-color:#42248e;color:#fff}.pg-tally>div:first-child .pg-label,.pg-tally>div:first-child small,.pg-tally>div:first-child .pg-pct{color:#e2d6ff}.pg-tally>div:first-child .pg-meter{background:#ffffff30}.pg-tally>div:first-child .pg-meter span{background:#ffdc68}
.pg-label{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#7950ad}.pg-tally strong{grid-column:1/-1;font-family:'Fredoka',sans-serif;font-size:38px;font-weight:600;line-height:1}.pg-tally small{font-size:18px;color:var(--muted)}
.pg section{margin-bottom:38px}
.pg-best{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pg-best li{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 16px}.pg-best-score{flex-shrink:0;width:66px;height:58px;border-radius:14px;background:var(--bg);color:var(--cat);display:grid;place-items:center;font-size:12px;font-weight:700;transform:rotate(-3deg)}.pg-best-score strong{font-family:'Fredoka',sans-serif;font-size:24px;line-height:1}.pg-best-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pg-best-text strong{font-family:'Fredoka',sans-serif;font-weight:500;font-size:17px}.pg-best-text span{font-size:12px;color:var(--muted)}
.pg-empty-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border:1px dashed #c9b8e0;border-radius:16px;background:#fff}.pg-empty-inline p{margin:0;color:var(--muted);font-size:14px}
.pg-empty{margin-bottom:30px}
.pg-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pg-cat{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 16px}.pg-cat.full{border-color:var(--cat);box-shadow:0 3px 0 var(--bg)}.pg-cat .icon-box{margin:0;flex-shrink:0}.pg-cat-body{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 8px}.pg-cat-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px}.pg-cat-top h3{font-size:16px}.pg-cat-top span{font-size:13px;font-weight:800;color:var(--cat)}.pg-cat-body p{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted)}
.pg-about{background:#fff8da;border:1px solid #ecdfaa;border-radius:20px;padding:22px 26px}.pg-about h2{font-size:19px;margin-bottom:8px}.pg-about ul{margin:0;padding-left:18px;color:#5b4a2a;font-size:14px;line-height:1.8}
@keyframes pgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:860px){.pg-tally{grid-template-columns:1fr}.pg-best,.pg-cats{grid-template-columns:1fr}}
@media(max-width:600px){.pg{padding:0 18px}.pg-links .secondary{padding:9px 12px;font-size:12px}.pg-links [data-categories]{display:none}.pg-empty-inline{flex-direction:column;align-items:flex-start}.top-progress{padding:6px 10px;font-size:11px}.top-right .top-progress span{display:inline}}
.format-views{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.format-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7f8c91;margin-right:4px}
.format-views button{display:inline-flex;align-items:center;gap:8px}
.format-views button[aria-pressed="true"]{background:#eee4ff;border-color:#7750d5;color:#5633b8}
.format-views button:focus-visible{outline:2px solid #7750d5;outline-offset:3px}
.tf-chip{font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:5px;background:#314c58;color:#fff7ea}
.tf-prompt{font-size:13px;font-weight:600;color:#7750d5;margin:0 0 6px}
.tf-card h2{font-size:24px;line-height:1.5}
.tf-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tf-answers .answer{min-height:96px;justify-content:center;font-size:20px;font-weight:700;position:relative}
.tf-answers .answer .answer-letter{font-size:15px}
.tf-answers .answer .answer-mark{position:absolute;top:10px;right:14px}
@media(max-width:600px){.tf-answers{gap:10px}.tf-answers .answer{min-height:78px;font-size:18px}.tf-card h2{font-size:20px}}
.fmt-chip-odd{background:#7750d5}
.fmt-chip-first{background:#b5562f}
.format-badge{font-weight:700;color:#314c58}
.format-badge.fmt-odd-one-out{color:#5633b8}
.format-badge.fmt-which-came-first{color:#9a4424}
.fmt-prompt{font-weight:600;color:#5d6b70;margin:0 0 6px}
.pair-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pair-answers .answer{min-height:88px}
@media (max-width:600px){.pair-answers{grid-template-columns:1fr}}