:root{
  --bg:#0b1020;--bg-soft:#11182a;--panel:rgba(19,28,48,.58);--panel-strong:rgba(15,24,42,.78);--field:rgba(9,16,30,.58);
  --line:rgba(255,255,255,.11);--line-strong:rgba(255,255,255,.18);--text:#f5f7ff;--muted:#aab4c8;
  --accent:#7467ff;--accent2:#60c8ff;--accent-ink:#fff;--ok:#5bd8ae;--bad:#ff8492;--warn:#ffd069;
  --shadow:0 24px 70px rgba(0,0,0,.28);--shadow-soft:0 14px 40px rgba(0,0,0,.18);--glass-blur:22px;
  --ambient1:rgba(88,102,255,.34);--ambient2:rgba(74,220,191,.19);--ambient3:rgba(196,112,255,.16);
  --topbar:rgba(8,13,26,.58);--topbar-border:rgba(255,255,255,.08);--table-head:rgba(10,18,34,.62);
  --radius:20px;
}
html[data-theme="light"]{
  --bg:#f4f5f8;--bg-soft:#eceff4;--panel:rgba(255,255,255,.57);--panel-strong:rgba(255,255,255,.76);--field:rgba(255,255,255,.62);
  --line:rgba(60,69,88,.12);--line-strong:rgba(60,69,88,.19);--text:#171a22;--muted:#687083;
  --accent:#5d4df3;--accent2:#3379f6;--accent-ink:#fff;--ok:#159d76;--bad:#d64f61;--warn:#a06c00;
  --shadow:0 26px 70px rgba(64,72,91,.14);--shadow-soft:0 12px 34px rgba(68,75,92,.11);
  --ambient1:rgba(112,101,255,.26);--ambient2:rgba(102,226,175,.24);--ambient3:rgba(128,208,255,.26);
  --topbar:rgba(246,247,250,.58);--topbar-border:rgba(48,57,76,.08);--table-head:rgba(255,255,255,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;transition:background .25s ease,color .25s ease;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 35%,rgba(255,255,255,.025) 70%,transparent)}
html[data-theme="light"] body::before{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(244,245,248,.55) 38%,rgba(238,243,242,.65) 72%,rgba(249,248,245,.72))}
.ambient{position:fixed;z-index:-3;border-radius:50%;filter:blur(78px);opacity:.95;pointer-events:none;transition:background .25s ease,opacity .25s ease}.ambient-one{width:540px;height:540px;left:-210px;top:-185px;background:var(--ambient1)}.ambient-two{width:600px;height:600px;right:-250px;bottom:-220px;background:var(--ambient2)}.ambient-three{width:380px;height:380px;left:43%;top:48%;background:var(--ambient3);opacity:.52}
.container{width:min(1160px,calc(100% - 32px));margin:auto;position:relative}
.topbar{position:sticky;top:0;z-index:30;background:var(--topbar);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border-bottom:1px solid var(--topbar-border);box-shadow:0 8px 35px rgba(0,0,0,.04)}
.nav-wrap{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:780;letter-spacing:.15px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#6e63ff,#4aaef6);color:#fff;box-shadow:0 10px 28px rgba(91,84,245,.26),inset 0 1px 0 rgba(255,255,255,.35)}
.nav{display:flex;align-items:center;gap:18px}.nav a{color:var(--muted);text-decoration:none;transition:color .15s ease}.nav a:hover{color:var(--text)}.user-pill,.badge{border:1px solid var(--line);background:rgba(255,255,255,.035);backdrop-filter:blur(14px);border-radius:999px;padding:6px 11px;color:var(--muted);font-size:12px}.theme-toggle{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.055);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.theme-toggle:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:var(--line-strong)}.theme-icon{display:grid;place-items:center;width:19px;height:19px}.theme-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon-sun{display:none}html[data-theme="light"] .theme-icon-sun{display:grid}html[data-theme="light"] .theme-icon-moon{display:none}
.main{padding:36px 0 64px;min-height:calc(100vh - 136px)}.footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 40px;backdrop-filter:blur(8px)}
.hero{padding:38px 0 20px;display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center}.hero h1{font-size:clamp(36px,6vw,72px);line-height:1.02;margin:0 0 18px;letter-spacing:-2px}.hero p{color:var(--muted);font-size:18px;max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;color:var(--accent2);font-weight:780}
.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:linear-gradient(135deg,#7165ff,#5d4df3 55%,#4a91f6);color:var(--accent-ink);text-decoration:none;font-weight:760;padding:11px 16px;cursor:pointer;box-shadow:0 10px 24px rgba(92,76,243,.20),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.button:hover,button:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 14px 30px rgba(92,76,243,.25),inset 0 1px 0 rgba(255,255,255,.3)}.button:disabled,button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.secondary,button.secondary{background:rgba(255,255,255,.055);color:var(--text);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}html[data-theme="light"] .button.secondary,html[data-theme="light"] button.secondary{background:rgba(255,255,255,.5)}.button.danger,button.danger{background:rgba(255,78,98,.08);color:var(--bad);border:1px solid rgba(255,111,128,.28);box-shadow:none}.button.danger-solid,button.danger-solid{background:linear-gradient(135deg,#ff6b7c,#d94c61);color:#fff}.button.small{padding:7px 11px;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.glass-dialog{background:linear-gradient(155deg,var(--panel-strong),var(--panel));border:1px solid var(--line);border-top-color:rgba(255,255,255,.23);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(var(--glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%)}html[data-theme="light"] .card,html[data-theme="light"] .glass-dialog{border-top-color:rgba(255,255,255,.88);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.85)}.card{padding:21px}.card h2,.card h3{margin-top:0}.stat strong{font-size:34px;display:block}.stat span{color:var(--muted)}.section-title{margin:28px 0 14px}.muted{color:var(--muted)}
.alert{display:flex;align-items:flex-start;gap:10px;border-radius:15px;padding:12px 14px;margin:0 0 16px;border:1px solid var(--line);background:linear-gradient(135deg,var(--panel-strong),var(--panel));box-shadow:var(--shadow-soft);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:var(--text)}.alert-dot{width:9px;height:9px;border-radius:999px;margin-top:7px;flex:0 0 auto;box-shadow:0 0 0 5px rgba(255,255,255,.035)}.alert.success{border-color:color-mix(in srgb,var(--ok) 34%,var(--line))}.alert.success .alert-dot{background:var(--ok)}.alert.error{border-color:color-mix(in srgb,var(--bad) 38%,var(--line))}.alert.error .alert-dot{background:var(--bad)}.alert.warning{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.alert.warning .alert-dot{background:var(--warn)}
.form-card{max-width:680px;margin:18px auto}.field{margin:0 0 16px}.field label{display:block;font-weight:720;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:12px;padding:11px 12px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:color-mix(in srgb,var(--accent) 65%,white 10%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}.check-item input{margin-top:5px;accent-color:var(--accent)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);backdrop-filter:blur(15px)}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px;background:var(--table-head)}.table tr:last-child td{border-bottom:0}.table a{color:var(--accent2)}
.score{font-size:44px;font-weight:800;line-height:1}.progress{height:9px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden;border:1px solid var(--line)}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#6f64ff,#4fd1a1)}
.doc-tree .node{padding:12px 14px;border-left:2px solid var(--line);margin:6px 0}.doc-tree a{color:var(--text);text-decoration:none}.doc-tree small{color:var(--muted)}.learn-content p{color:var(--muted)}.source-box{border:1px solid var(--line);background:rgba(95,111,255,.065);backdrop-filter:blur(14px);border-radius:14px;padding:14px;margin-top:16px}.source-box blockquote{margin:8px 0;color:var(--text)}
.media-figure{margin:20px 0;padding:15px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.035);text-align:center;backdrop-filter:blur(14px)}.media-figure img{max-width:100%;max-height:420px;border-radius:11px}.media-figure figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.quiz-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.quiz-question{display:none}.quiz-question.active{display:block}.question-number{color:var(--accent2);font-weight:750}.question-prompt{font-size:21px;line-height:1.45}.option{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;margin:10px 0;cursor:pointer;background:rgba(255,255,255,.035);backdrop-filter:blur(12px);transition:border-color .16s ease,background .16s ease,transform .16s ease}.option:hover{border-color:color-mix(in srgb,var(--accent2) 45%,var(--line));transform:translateY(-1px)}.option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.option input{margin-top:6px;accent-color:var(--accent)}.option img{max-width:220px;display:block;margin-top:8px}.quiz-nav{position:sticky;top:88px;height:max-content}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.number-grid button{padding:8px;background:rgba(255,255,255,.04);color:var(--muted);border:1px solid var(--line);box-shadow:none}.number-grid button.answered{background:color-mix(in srgb,var(--accent2) 13%,transparent);border-color:color-mix(in srgb,var(--accent2) 35%,var(--line));color:var(--text)}.number-grid button.current{outline:2px solid var(--accent);outline-offset:1px}
.review-card{margin:16px 0}.review-card.correct{border-color:color-mix(in srgb,var(--ok) 42%,var(--line))}.review-card.incorrect{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.review-option{border:1px solid var(--line);border-radius:12px;padding:11px;margin:8px 0;background:rgba(255,255,255,.025)}.review-option.correct{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 8%,transparent)}.review-option.chosen-wrong{border-color:color-mix(in srgb,var(--bad) 46%,var(--line));background:color-mix(in srgb,var(--bad) 8%,transparent)}.tag{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.035)}.tag.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 34%,var(--line))}.tag.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 34%,var(--line))}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:rgba(0,0,0,.12);border:1px solid var(--line);padding:2px 6px;border-radius:7px}.empty{text-align:center;padding:38px;color:var(--muted)}.hidden{display:none!important}
/* Glass confirmation / alert dialog */
.dialog-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(5,8,18,.38);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);opacity:0;transition:opacity .18s ease}.dialog-backdrop.open{opacity:1}.glass-dialog{position:relative;width:min(470px,100%);padding:28px;overflow:hidden;transform:translateY(10px) scale(.985);transition:transform .18s ease;isolation:isolate}.dialog-backdrop.open .glass-dialog{transform:translateY(0) scale(1)}.dialog-glow{position:absolute;width:190px;height:190px;border-radius:50%;right:-72px;top:-88px;background:color-mix(in srgb,var(--accent) 25%,transparent);filter:blur(18px);z-index:-1}.dialog-warning .dialog-glow{background:color-mix(in srgb,var(--warn) 24%,transparent)}.dialog-danger .dialog-glow{background:color-mix(in srgb,var(--bad) 26%,transparent)}.dialog-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;margin-bottom:17px;color:var(--accent2);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.dialog-warning .dialog-icon{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border-color:color-mix(in srgb,var(--warn) 25%,var(--line))}.dialog-danger .dialog-icon{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent);border-color:color-mix(in srgb,var(--bad) 25%,var(--line))}.dialog-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.glass-dialog h3{font-size:23px;line-height:1.2;margin:0 0 9px}.dialog-message{margin:0;color:var(--muted);font-size:15px;white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions .button{min-width:104px}
@media(max-width:850px){.hero,.grid.two,.grid.three,.grid.four,.quiz-shell{grid-template-columns:1fr}.quiz-nav{position:static;order:-1}.nav-wrap{align-items:flex-start;padding:14px 0}.nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}.user-pill{display:none}.check-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.number-grid{grid-template-columns:repeat(8,1fr)}}
@media(max-width:620px){.container{width:min(100% - 22px,1160px)}.nav{font-size:13px;gap:9px}.nav a:not(.button):not(.user-pill){padding:6px 0}.brand span:last-child{display:none}.theme-toggle{width:38px;height:38px}.number-grid{grid-template-columns:repeat(6,1fr)}.card{padding:17px}.question-prompt{font-size:18px}.main{padding-top:24px}.glass-dialog{padding:22px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ===== Compact MATS hierarchy / Learn + Custom Practice v1.2 ===== */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:.15em 0 .25em}.page-head p{max-width:820px;margin-bottom:0}
.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.manual-card{display:flex;flex-direction:column;min-height:230px;padding:23px;color:var(--text);text-decoration:none;background:linear-gradient(155deg,var(--panel-strong),var(--panel));border:1px solid var(--line);border-top-color:rgba(255,255,255,.23);border-radius:var(--radius);box-shadow:var(--shadow-soft);backdrop-filter:blur(var(--glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.manual-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent2) 35%,var(--line));box-shadow:var(--shadow)}html[data-theme="light"] .manual-card{border-top-color:rgba(255,255,255,.9)}.manual-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-open-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--line);color:var(--accent2);font-size:20px;background:rgba(255,255,255,.035);transition:transform .18s ease}.manual-card:hover .manual-open-icon{transform:translateX(2px)}.manual-card h2{font-size:22px;line-height:1.25;margin:14px 0 8px}.manual-meta{margin:0}.manual-stats{display:flex;gap:18px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.manual-stats span{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:13px}.manual-stats strong{font-size:18px;color:var(--text)}
.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;color:var(--muted);text-decoration:none;font-weight:700}.back-link:hover{color:var(--text)}.manual-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.manual-detail-head h1{margin:4px 0 6px}.manual-detail-head p{margin:0}.manual-detail-stats{display:flex;gap:10px;flex:0 0 auto}.manual-detail-stats span{min-width:100px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:var(--muted);font-size:12px}.manual-detail-stats strong{display:block;color:var(--text);font-size:20px;line-height:1.2}.manual-browser{padding:0;overflow:hidden}.manual-browser-toolbar{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.tree-search-field{flex:1}.search-field{position:relative;display:flex;align-items:center}.search-field .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;color:var(--muted);font-size:17px;pointer-events:none}.search-field input{width:100%;border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:12px;padding:10px 12px 10px 36px;outline:none}.search-field input:focus{border-color:color-mix(in srgb,var(--accent) 65%,white 10%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.tree-hint{margin:0;padding:11px 16px;border-bottom:1px solid var(--line);font-size:13px}.learn-tree{padding:4px 0 8px}.learn-tree-node.search-hidden,.select-tree-node.filter-hidden,.section-document-group.filter-hidden{display:none!important}.learn-tree-row{display:flex;align-items:stretch;min-height:62px;padding-left:calc(12px + var(--tree-depth)*20px);border-bottom:1px solid var(--line);transition:background .15s ease}.learn-tree-node:last-child>.learn-tree-row{border-bottom:0}.learn-tree-row:hover{background:rgba(255,255,255,.035)}.learn-tree-node.search-match>.learn-tree-row{background:color-mix(in srgb,var(--accent2) 7%,transparent)}.tree-expander,.tree-expander-spacer{flex:0 0 34px;width:34px;height:44px;margin:9px 2px 9px 0;padding:0}.tree-expander{background:transparent;border:0;box-shadow:none;color:var(--muted);border-radius:10px}.tree-expander:hover{background:rgba(255,255,255,.055);box-shadow:none;transform:none}.tree-expander .chevron{display:block;font-size:24px;line-height:1;transition:transform .16s ease}.tree-expander[aria-expanded="true"] .chevron{transform:rotate(90deg)}.learn-tree-link{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;padding:9px 14px 9px 6px;color:var(--text);text-decoration:none}.learn-tree-title{font-size:15px;line-height:1.35}.learn-tree-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;color:var(--muted);font-size:12px}.learn-tree-children{display:block}.learn-tree-children[hidden]{display:none}.breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--text)}

.practice-builder{padding:0;overflow:visible}.builder-section{padding:21px;border-bottom:1px solid var(--line)}.builder-section:last-of-type{border-bottom:0}.builder-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.builder-section-head>div{display:flex;align-items:center;gap:11px}.builder-section-head strong{display:block;font-size:16px}.builder-section-head small{display:block;margin-top:1px;color:var(--muted);font-weight:500}.builder-step{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));color:var(--accent2);font-weight:800}.text-button{padding:7px 9px;background:transparent;border:0;box-shadow:none;color:var(--accent2);font-size:13px}.text-button:hover{background:rgba(255,255,255,.045);box-shadow:none;transform:none}.text-button:disabled{opacity:.4;background:transparent}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.material-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer;transition:border-color .15s ease,background .15s ease}.material-item:hover{border-color:var(--line-strong);background:rgba(255,255,255,.045)}.material-item>input{position:absolute;opacity:0;pointer-events:none}.material-check{display:grid;place-items:center;width:19px;height:19px;margin-top:2px;border:1.5px solid var(--line-strong);border-radius:6px;background:var(--field)}.material-item>input:checked+.material-check{border-color:var(--accent);background:var(--accent)}.material-item>input:checked+.material-check::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.material-item:has(input:checked){border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent)}.material-copy{min-width:0}.material-copy strong,.material-copy span,.material-copy small{display:block}.material-copy strong{font-size:13px}.material-copy span{margin-top:2px;line-height:1.35}.material-copy small{margin-top:5px;color:var(--muted)}
.section-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:12px}.filter-toggle{display:flex!important;align-items:center;gap:7px;margin:0!important;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px;font-weight:650!important;white-space:nowrap;cursor:pointer}.filter-toggle input{width:auto!important;margin:0;accent-color:var(--accent)}.section-chooser{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(255,255,255,.018)}.section-placeholder,.section-filter-empty{padding:28px;text-align:center;color:var(--muted)}.loading-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent2) 12%,transparent)}.section-document-group+.section-document-group{border-top:1px solid var(--line)}.section-document-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:color-mix(in srgb,var(--panel-strong) 72%,transparent);border-bottom:1px solid var(--line)}.section-document-head>div{min-width:0}.section-document-head strong,.section-document-head span{display:block}.section-document-head strong{font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:.9px}.section-document-head span{margin-top:2px;font-weight:720}.section-document-head small{flex:0 0 auto;color:var(--muted)}.select-tree-node.search-match>.select-tree-row{background:color-mix(in srgb,var(--accent2) 7%,transparent)}.select-tree-row{display:flex;align-items:center;min-height:54px;padding-left:calc(10px + var(--tree-depth)*20px);padding-right:10px;border-bottom:1px solid var(--line);transition:background .15s ease}.select-tree-node:last-child>.select-tree-row{border-bottom:0}.select-tree-row:hover{background:rgba(255,255,255,.03)}.tree-checkbox{flex:0 0 auto;width:17px!important;height:17px;margin:0 9px 0 3px!important;accent-color:var(--accent);cursor:pointer}.select-tree-label{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;padding:7px 0;background:transparent;color:var(--text);border:0;border-radius:0;box-shadow:none;text-align:left;font-weight:500}.select-tree-label:hover{transform:none;box-shadow:none;background:transparent;filter:none}.select-tree-label>span{min-width:0;line-height:1.35}.select-tree-label small{flex:0 0 auto;color:var(--muted);font-weight:500;white-space:nowrap}.select-tree-children[hidden]{display:none}.builder-options .field{margin-bottom:0}.practice-sticky-summary{position:sticky;bottom:10px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px;border:1px solid var(--line-strong);border-top-color:rgba(255,255,255,.28);border-radius:16px;padding:12px 13px 12px 15px;background:color-mix(in srgb,var(--panel-strong) 88%,transparent);box-shadow:0 18px 46px rgba(0,0,0,.2);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.practice-summary-copy{display:flex;flex-direction:column;min-width:0}.practice-summary-copy strong{font-size:15px}.practice-summary-copy span{margin-top:1px;color:var(--muted);font-size:12px}.practice-sticky-summary button{flex:0 0 auto;min-width:140px}

@media(max-width:850px){.manual-grid{grid-template-columns:1fr}.manual-detail-head{align-items:flex-start;flex-direction:column}.section-toolbar{grid-template-columns:1fr 1fr}.section-search-field{grid-column:1/-1}.material-grid{grid-template-columns:1fr}.select-tree-label{align-items:flex-start;flex-direction:column;gap:2px}.select-tree-label small{white-space:normal}.builder-section-head-wrap{align-items:flex-start}.manual-detail-stats{width:100%}.manual-detail-stats span{flex:1}.manual-browser-toolbar{align-items:stretch}.learn-tree-row{padding-left:calc(7px + var(--tree-depth)*15px)}.select-tree-row{padding-left:calc(5px + var(--tree-depth)*15px)}}
@media(max-width:620px){.manual-card{min-height:205px;padding:18px}.manual-card h2{font-size:20px}.manual-browser-toolbar{flex-direction:column}.manual-browser-toolbar .button{width:100%}.learn-tree-meta{gap:2px 8px}.builder-section{padding:17px}.builder-section-head{align-items:flex-start}.builder-section-head-wrap{flex-direction:column}.section-toolbar{grid-template-columns:1fr}.section-search-field{grid-column:auto}.filter-toggle{white-space:normal}.section-document-head{align-items:flex-start}.section-document-head small{white-space:nowrap}.practice-sticky-summary{bottom:7px;margin:10px;align-items:stretch}.practice-sticky-summary button{min-width:116px;padding-left:12px;padding-right:12px}.practice-summary-copy strong{font-size:14px}.select-tree-row{padding-right:6px}.tree-expander,.tree-expander-spacer{flex-basis:29px;width:29px}}

/* V1.3.0 — responsive containment, multi-select filters, doubtful state */
.main>*,.grid>*,.hero>*,.quiz-shell>*,.nav-wrap>*,.card>*{min-width:0}
.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
img,svg,video,canvas{max-width:100%}
.question-prompt,.option>div,.material-copy,.section-document-head>div{overflow-wrap:anywhere}

.filter-choice-grid{align-items:start}.filter-field{min-width:0;margin:0;border:0;padding:0}.filter-field legend{display:block;width:100%;margin:0 0 8px;padding:0;font-weight:720}.filter-field legend .muted{font-weight:500}.choice-pills{display:flex;flex-wrap:wrap;gap:8px}.choice-pill{position:relative;display:inline-flex!important;margin:0!important;cursor:pointer}.choice-pill input{position:absolute;opacity:0;pointer-events:none}.choice-pill span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.028);color:var(--muted);font-size:13px;font-weight:700;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.choice-pill:hover span{border-color:var(--line-strong);color:var(--text);transform:translateY(-1px)}.choice-pill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.choice-pill input:checked+span{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}.filter-help{display:block;margin-top:8px;color:var(--muted);line-height:1.45}

.quiz-question-actions{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:10px}.flagBtn{justify-self:center}.flagBtn .flag-symbol{margin-right:7px;font-size:16px}.flagBtn.active{border-color:color-mix(in srgb,var(--warn) 48%,var(--line));background:color-mix(in srgb,var(--warn) 11%,transparent);color:var(--warn)}.number-grid button{position:relative}.number-grid button.flagged{border-color:color-mix(in srgb,var(--warn) 55%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 18%,transparent)}.number-grid button.flagged::after{content:"";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 2px color-mix(in srgb,var(--panel-strong) 82%,transparent)}.quiz-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0 2px;color:var(--muted);font-size:11px}.quiz-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;border:1px solid var(--line-strong)}.legend-dot.answered{background:color-mix(in srgb,var(--accent2) 55%,transparent);border-color:var(--accent2)}.legend-dot.flagged{background:var(--warn);border-color:var(--warn)}.cancel-practice-form{margin-top:9px}.table-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.inline-form{display:inline;margin:0}.link-button{display:inline;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;font-weight:500;color:var(--accent2);text-decoration:underline;cursor:pointer}.link-button:hover{transform:none;box-shadow:none;filter:none}.link-button.danger-link{color:var(--bad)}

@media(max-width:850px){
  .topbar{overflow:visible}.nav-wrap{flex-wrap:wrap;align-items:center;padding:10px 0;gap:10px 16px}.brand{flex:0 0 auto}.nav{flex:1 1 430px;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;gap:9px 12px}.main{min-width:0}.card,.practice-builder,.manual-browser{min-width:0}.table{min-width:640px}
}
@media(max-width:620px){
  .nav-wrap{align-items:center}.nav{flex-basis:100%;width:100%;justify-content:flex-start;gap:7px 11px;padding-bottom:2px}.nav a:not(.button):not(.user-pill){padding:4px 0}.main{padding-top:20px}.table{min-width:590px}.quiz-question-actions{grid-template-columns:1fr 1fr}.quiz-question-actions .flagBtn{grid-column:1/-1;grid-row:1;width:100%}.quiz-question-actions .prevBtn{grid-column:1}.quiz-question-actions .nextBtn,.quiz-question-actions .submitQuestionBtn{grid-column:2}.choice-pills{gap:7px}.choice-pill span{min-height:36px;padding:7px 10px}.table-actions{gap:8px}
}

/* V1.3.2 · compact practice builder, Part accordion, language filter */
.section-toolbar{grid-template-columns:minmax(0,1fr) auto}
.section-document-toggle{width:100%;border:0;border-radius:0;box-shadow:none;color:var(--text);text-align:left;cursor:pointer}
.section-document-toggle:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--panel-strong) 82%,transparent)}
.section-document-main{display:flex!important;align-items:center;gap:9px;min-width:0;flex:1}
.section-document-main>span:last-child{min-width:0}
.section-document-chevron{display:block!important;flex:0 0 auto;margin:0!important;color:var(--muted);font-size:23px;font-weight:500!important;line-height:1;transition:transform .16s ease}
.section-document-toggle[aria-expanded="true"] .section-document-chevron{transform:rotate(90deg)}
.section-document-body[hidden]{display:none}
.section-document-body{min-width:0}
.section-document-head{border-bottom:0}
.section-document-toggle[aria-expanded="true"]{border-bottom:1px solid var(--line)}
.section-document-head small{max-width:220px;text-align:right;line-height:1.3}
.question-count-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.question-count-field{flex:0 1 300px;min-width:210px}
.custom-count-field{flex:0 1 190px;min-width:150px}
.filter-choice-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start;margin-top:4px}
.last-setup-button{flex:0 0 auto}
.builder-options .builder-section-head{margin-bottom:10px}
.builder-options .filter-help{font-size:12px}
.builder-options .choice-pills{gap:7px}
.builder-options .choice-pill span{padding:7px 11px;min-height:36px}
@media(max-width:1050px){.filter-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.section-toolbar{grid-template-columns:minmax(0,1fr) auto}.section-search-field{grid-column:auto}.section-document-head small{max-width:180px}.question-count-row{margin-bottom:8px}}
@media(max-width:620px){.section-toolbar{grid-template-columns:1fr}.section-document-toggle{align-items:center}.section-document-head small{max-width:42%;white-space:normal}.filter-choice-grid-four{grid-template-columns:1fr;gap:12px}.question-count-row{display:grid;grid-template-columns:1fr 1fr;align-items:end}.question-count-field,.custom-count-field{min-width:0;width:auto}.last-setup-button{width:100%}}
@media(max-width:430px){.question-count-row{grid-template-columns:1fr}.section-document-head small{max-width:38%;font-size:11px}}
.section-document-toggle:hover{filter:none}
.section-document-main{margin:0!important;font-weight:inherit!important}


/* V1.3.3 · aligned navigation, action/status controls, active exam timer */
.nav-wrap{flex-wrap:nowrap;min-width:0}
.nav{min-width:0;flex-wrap:nowrap;justify-content:flex-end}
.nav a.button{color:var(--accent-ink)}
.nav-login-button{border:1px solid var(--line-strong)!important;background:rgba(255,255,255,.055)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.nav-register-button{color:#fff!important}
.logout-icon{display:grid!important;place-items:center;width:40px;height:40px;flex:0 0 40px;padding:0!important;border:1px solid color-mix(in srgb,var(--bad) 34%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--bad) 8%,transparent);color:var(--bad)!important;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.logout-icon:hover{background:color-mix(in srgb,var(--bad) 14%,transparent);border-color:color-mix(in srgb,var(--bad) 55%,var(--line));transform:translateY(-1px)}
.logout-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] .nav-register-button{background:linear-gradient(135deg,#7165ff,#5d4df3 55%,#4a91f6)!important;color:#fff!important}
html[data-theme="light"] .nav-login-button{background:rgba(255,255,255,.76)!important;color:var(--text)!important;border-color:rgba(60,69,88,.20)!important}
.status-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:760;line-height:1.2}
.status-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 11%,transparent)}
.status-submitted{color:var(--ok);background:color-mix(in srgb,var(--ok) 9%,transparent);border-color:color-mix(in srgb,var(--ok) 28%,var(--line))}
.status-in-progress{color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,transparent);border-color:color-mix(in srgb,var(--warn) 30%,var(--line))}
.table-action-button{min-width:64px;padding:7px 10px;text-decoration:none!important}
.table-actions .button{white-space:nowrap}
.duration-value{font-variant-numeric:tabular-nums;white-space:nowrap}
.quiz-nav-heading{display:grid;gap:10px;margin-bottom:12px}.quiz-nav-heading h3{margin:0}
.exam-timer{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent2) 25%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent2) 7%,transparent);min-width:0}
.timer-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:color-mix(in srgb,var(--accent2) 11%,transparent);color:var(--accent2);font-size:18px}
.timer-copy{display:grid;line-height:1.12;min-width:0}.timer-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:750}.timer-copy strong{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.25px}
.timer-toggle{margin-left:auto;flex:0 0 auto;padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:none;color:var(--muted);font-size:11px;font-weight:720}.timer-toggle:hover{transform:none;box-shadow:none;color:var(--text);background:rgba(255,255,255,.08)}
.exam-timer.timer-hidden .timer-icon,.exam-timer.timer-hidden .timer-copy{display:none}.exam-timer.timer-hidden{justify-content:flex-end;background:transparent;border-style:dashed}.exam-timer.timer-hidden .timer-toggle{margin-left:0}
.result-active-time{font-variant-numeric:tabular-nums}
@media(max-width:850px){
  .nav-wrap{padding:10px 0!important;gap:10px!important;align-items:center!important;flex-wrap:nowrap!important}.nav{flex:1 1 auto!important;flex-basis:auto!important;width:auto!important;max-width:none!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:9px!important;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:0!important}.nav::-webkit-scrollbar{display:none}.user-pill{display:none}.brand{flex:0 0 auto}.quiz-nav{order:-1}.history-table{min-width:760px}
}
@media(max-width:620px){
  .container{width:min(100% - 22px,1160px)}.brand span:last-child{display:none}.nav-wrap{gap:8px!important}.nav{font-size:12.5px;gap:8px!important}.nav a:not(.button):not(.user-pill):not(.logout-icon){padding:5px 0!important;white-space:nowrap}.theme-toggle,.logout-icon{width:36px;height:36px;flex-basis:36px}.theme-toggle{border-radius:11px}.logout-icon{border-radius:11px}.nav-login-button,.nav-register-button{padding:7px 10px!important;font-size:12px!important;white-space:nowrap}.nav-guest .nav{overflow:visible}.nav-auth .nav{padding-bottom:1px!important}.history-table{min-width:720px}.table-action-button{min-width:58px;padding:6px 9px}.quiz-nav-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center}.quiz-nav-heading .exam-timer{min-width:176px}.quiz-nav-heading h3{align-self:start}
}
@media(max-width:390px){
  .nav-wrap{gap:6px!important}.nav{gap:7px!important;font-size:12px}.nav-login-button,.nav-register-button{padding:6px 8px!important}.theme-toggle,.logout-icon{width:34px;height:34px;flex-basis:34px}.quiz-nav-heading{grid-template-columns:1fr}.quiz-nav-heading .exam-timer{min-width:0}
}

/*
 * PERFORMANCE EDITION
 * Preserve the visual language without compositing dozens of live glass layers.
 * Dashboard cards and short-lived dialogs are the only surfaces using real blur.
 */
:root{
  --glass-blur:11px;
  --shadow:0 13px 32px rgba(0,0,0,.20);
  --shadow-soft:0 8px 22px rgba(0,0,0,.14);
  --performance-topbar:#101728;
  --performance-surface:#121b2c;
  --performance-surface-soft:#172237;
}
html[data-theme="light"]{
  --shadow:0 12px 30px rgba(64,72,91,.09);
  --shadow-soft:0 7px 20px rgba(68,75,92,.07);
  --performance-topbar:#f5f6fa;
  --performance-surface:#fff;
  --performance-surface-soft:#f5f7fb;
}
html{scroll-behavior:auto}
body.performance-edition{transition:color .15s ease;background-color:var(--bg)}
body.performance-edition::before{display:none}

/* Static gradients replace three fixed 380–600 px elements blurred at 78 px. */
body.performance-dashboard{
  background-image:
    radial-gradient(ellipse 47rem 32rem at 0 -9rem,var(--ambient1),transparent 69%),
    radial-gradient(ellipse 39rem 27rem at 105% 19rem,var(--ambient2),transparent 72%);
  background-repeat:no-repeat;
}
body.performance-standard{
  background-image:radial-gradient(ellipse 41rem 25rem at 3% -10rem,var(--ambient1),transparent 73%);
  background-repeat:no-repeat;
}
body.performance-reading{background-image:none;background-color:var(--bg)}
body.performance-edition .ambient{display:none!important;filter:none!important}

/* Repeated, sticky, and scrolling surfaces never sample the moving background. */
body.performance-edition .topbar,
body.performance-edition .user-pill,
body.performance-edition .badge,
body.performance-edition .theme-toggle,
body.performance-edition .footer,
body.performance-edition .card,
body.performance-edition .manual-card,
body.performance-edition .alert,
body.performance-edition .check-item,
body.performance-edition .table-wrap,
body.performance-edition .source-box,
body.performance-edition .media-figure,
body.performance-edition .option,
body.performance-edition .practice-sticky-summary{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.performance-edition .topbar{
  background:var(--performance-topbar);
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}
body.performance-edition .practice-sticky-summary{
  background:var(--performance-surface);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
body.performance-edition .card,
body.performance-edition .manual-card{box-shadow:var(--shadow-soft)}
body.performance-edition .button,
body.performance-edition button{
  transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease;
}
body.performance-edition .button:hover,
body.performance-edition button:hover{filter:none}

/* A small number of dashboard feature cards keep the signature glass effect. */
body.performance-dashboard .hero>.card,
body.performance-dashboard .grid.three>.card{
  -webkit-backdrop-filter:blur(var(--glass-blur));
  backdrop-filter:blur(var(--glass-blur));
}

/* Dialogs remain premium; the full-screen overlay itself stays inexpensive. */
body.performance-edition .dialog-backdrop{
  background:rgba(5,8,18,.56);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.performance-edition .glass-dialog{
  -webkit-backdrop-filter:blur(var(--glass-blur));
  backdrop-filter:blur(var(--glass-blur));
  box-shadow:0 18px 44px rgba(0,0,0,.24);
}
body.performance-edition .dialog-glow{
  filter:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 27%,transparent),transparent 72%);
}

/* Quiz and review prioritize a stable, fully opaque and fast-moving viewport. */
body.performance-reading .card{
  background:var(--performance-surface);
  box-shadow:0 6px 18px rgba(0,0,0,.09);
}
html[data-theme="light"] body.performance-reading .card{
  box-shadow:0 5px 16px rgba(49,59,77,.06);
}
body.performance-reading .option,
body.performance-reading .review-option,
body.performance-reading .source-box,
body.performance-reading .media-figure{
  background:var(--performance-surface-soft);
}
body.performance-reading .option{
  transition:background-color .12s ease,border-color .12s ease;
}
body.performance-reading .option.selected{
  background:color-mix(in srgb,var(--accent) 14%,var(--performance-surface-soft));
}
body.performance-reading .review-option.correct{
  background:color-mix(in srgb,var(--ok) 11%,var(--performance-surface-soft));
}
body.performance-reading .review-option.chosen-wrong{
  background:color-mix(in srgb,var(--bad) 11%,var(--performance-surface-soft));
}
body.performance-reading .option:hover{transform:none}
body.performance-reading .review-card{
  content-visibility:auto;
  contain-intrinsic-size:auto 620px;
}

/* Mobile/tablet browsers simulate glass through color instead of real blur. */
@media(max-width:850px),(hover:none) and (pointer:coarse){
  body.performance-dashboard .hero>.card,
  body.performance-dashboard .grid.three>.card{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  body.performance-edition .glass-dialog{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:var(--performance-surface);
  }
  body.performance-dashboard,
  body.performance-standard{
    background-image:radial-gradient(ellipse 32rem 18rem at 5% -8rem,var(--ambient1),transparent 74%);
  }
}