/* Use the homepage's cosmic-garden and daylight-depth themes for this layout. */
:root{--bg:var(--scene-ink);--panel:var(--scene-surface);--text:var(--scene-text);--muted:var(--scene-muted);--border:var(--scene-line);--accent:#d3a7c8;--practice-card:linear-gradient(140deg,#3830498c,#232a3a66);--practice-button:#e7cee1;--practice-button-text:#362b40}
body{font-family:Inter,Prompt,sans-serif;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 24px 37px,#f1cce3 0.7px,transparent 1.5px),radial-gradient(circle at 118px 126px,#d9c2e8 .6px,transparent 1.3px);background-size:251px 213px,337px 291px}
header{background:#131828b8;border-color:var(--scene-line);backdrop-filter:blur(20px)}
.brand,.brand span{color:#f6eaf3}.brand small{color:var(--muted)}
h1,h2,.chapter h3{color:var(--scene-text)}
h1{font-weight:500}h1 span{color:var(--accent)}
.intro{position:relative}.intro:before{content:'';position:absolute;inset:10px -36px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#dca2ce14,transparent 60%)}
.orbit{border-color:#e6c4e04d;background:linear-gradient(#22213666,#22213699),url('journey-galaxy.png') center/cover;box-shadow:0 0 65px #d69aca1f,inset 0 0 35px #ebc5e415}
.orbit-ring{border-color:#e6c4e04d}.orbit-dot{box-shadow:0 0 25px #edb6d470}.formula{color:#f0deeb;text-shadow:0 0 24px #ecb8df55}.orbit small{color:#e3c9e0}.orbit b{color:#ead0e9;text-shadow:0 0 25px #ecb8df55}
.account,.search input,.quiet{background:#2b2a3e90;border-color:#d0adcb3b;color:var(--scene-text);border-radius:12px}
.text-link{border-color:var(--scene-line);color:#ddbfdb}
.tabs{border-color:var(--scene-line)}.tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}
.chapter,.shop-card,.alevel-banner{background:var(--practice-card);border-color:#d9b5cf40;border-radius:5px 27px 5px 27px;box-shadow:0 20px 55px #090c1622;backdrop-filter:blur(15px)}
.chapter:hover{border-color:#cbb0cd80;box-shadow:0 0 35px #d6a3d21a}
.chapter-symbol{color:#d3b4ce}.chapter-bottom{border-color:var(--scene-line)}.chapter-bottom button{color:#e2bfd9}
.badge{background:#d3a7c810;border-color:#d0adcb3b;color:#dfbdd7;border-radius:6px}
.primary{border-radius:12px}.quiet{color:var(--scene-text)}
.study-note{background:var(--practice-card);border:1px solid var(--scene-line);border-radius:5px 27px 5px 27px}
.alevel-art,.book-art{background:linear-gradient(135deg,#e7cee1,#b7adc9);color:#49374e}.book-art.air{background:linear-gradient(135deg,#d4c6df,#9eaec7)}
.alevel-art strong span{color:#977b9d}
.online-exam{padding:40px 0 50px}
.qdb{padding:36px 45px;max-width:1040px;margin:auto;position:relative;border-radius:5px 32px 5px 32px;box-shadow:inset 0 0 80px #fffde33d}
.qdb h2{font-family:Inter,Prompt,sans-serif;font-size:clamp(28px,3.4vw,43px);font-weight:700;line-height:1.35;margin:14px 0;letter-spacing:-.02em}
.qdb>.eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em}
.qdb>.eyebrow:before{content:'✦';margin-right:9px;color:#a6b8b7}
.qdb:before{content:'✦';position:absolute;right:30px;top:25px;color:#e0b9da4d;font:50px Georgia,serif;text-shadow:0 0 25px #ecb8df55;pointer-events:none}
.qdb .gradient{-webkit-text-fill-color:currentColor}
.qdb .error{font-size:13px;line-height:1.9;color:#edbecf;overflow-wrap:anywhere}
.qdb .error:empty{display:none}
.qdb input[type=checkbox],.qdb input[type=radio]{accent-color:var(--accent)}
.answer-option{background:#20273866;border-color:#bd9ebb4d;border-radius:12px}.answer-option:has(input:checked){background:#d3a7c817;border-color:var(--accent)}
.quiz-shell .quiz-top{gap:10px}.quiz-progress,.quiz-message,.options legend,.review p{color:var(--scene-muted)}
.icon-button{color:var(--accent)}.right{color:#b8d7c8}.wrong,.quiz-warning{color:#efb6c9}
footer{color:var(--muted);margin-top:24px;padding-bottom:40px!important}
:focus-visible{outline-color:var(--accent)}
html.light-theme{--bg:#eee7f3;--panel:#fff8f1b3;--text:var(--scene-text);--muted:var(--scene-muted);--border:var(--scene-line);--accent:#9d5e91;--practice-card:linear-gradient(145deg,#fffaf3ed,#f3e4f2d9 58%,#e2e6f5e6)}
.light-theme header{background:linear-gradient(100deg,#fffbf1ef,#f0dcf0eb,#dee4faed)!important;border-color:#fff9ff;box-shadow:0 5px 25px #6550781a}
.light-theme .brand{color:#4d3e67}.light-theme .brand span{color:#a35793}.light-theme .brand small{color:var(--muted)}
.light-theme .chapter,.light-theme .shop-card,.light-theme .alevel-banner{border-color:#fffaff;box-shadow:0 4px 10px #7652840b,0 18px 35px #7051811f,inset 0 1px 0 #fff}
.light-theme .chapter h3{color:#59405f}.light-theme .chapter-symbol,.light-theme .chapter-bottom button,.light-theme .text-link{color:#95578c}
.light-theme .account,.light-theme .search input,.light-theme .quiet{background:#fff8f4c9;color:#785780;border-color:#c9aad54d}
.light-theme .badge{color:#87517e;background:#d4a7cc1a;border-color:#b68aad55}
.light-theme .study-note{box-shadow:0 10px 30px #705a8d12,inset 0 1px 0 #fff;border-color:#fff7ffb3}
.light-theme .orbit{background:linear-gradient(#f8e8f299,#e7e4f5aa),url('journey-galaxy.png') center/cover;border-color:#b48cbd55;box-shadow:0 0 65px #cda0d329}
.light-theme .orbit-ring{border-color:#b48cbd55}.light-theme .formula{color:#72517d}.light-theme .orbit small{color:#806987}.light-theme .orbit b{color:#ac7da3}
.light-theme .answer-option{background:#fff9f2b3;border-color:#c9add180}.light-theme .answer-option:has(input:checked){background:#dfc4e44d;border-color:#a86d9d}
.light-theme .qdb .error,.light-theme .wrong,.light-theme .quiz-warning{color:#9a3b60}.light-theme .right{color:#386c59}
.light-theme footer{background:transparent!important}
@media(max-width:800px){.qdb{padding:28px}.qdb h2{font-size:30px}.qdb:before{right:25px;top:25px;font-size:40px}}
@media(max-width:540px){.qdb{padding:25px 22px}.qdb>.eyebrow{font-size:9px;letter-spacing:.17em;padding-right:22px}.qdb:before{right:16px;top:20px;font-size:30px}.qdb h2{font-size:28px}.online-exam{padding-top:20px}.theme-toggle{right:12px;bottom:16px}.chapter{border-radius:5px 22px 5px 22px}.intro:before{inset:0}}
