.et304-page{max-width:1060px;padding-bottom:88px}.et304-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin:18px 0 14px}.et304-head h1{margin:.2rem 0 .4rem}.et304-head p{max-width:760px;margin:0;color:var(--muted)}.et304-head-actions{display:flex;gap:8px}.et304-shell{padding:16px}.et304-domainbar,.et304-flow,.et304-pills,.et304-audio-actions,.et304-compare-actions,.et304-finish-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.et304-domainbar{padding-bottom:12px;border-bottom:1px solid var(--line)}.et304-domainbar>button,.et304-domainbar summary,.et304-more div button,.et304-flow button,.et304-pills button{border:1px solid var(--line);background:var(--card);padding:9px 13px;border-radius:999px;font-weight:760;cursor:pointer}.et304-domainbar button.active,.et304-flow button.active,.et304-pills button.active{background:var(--accent);color:var(--card);border-color:var(--accent)}.et304-more{position:relative}.et304-more summary{list-style:none;cursor:pointer}.et304-more summary::-webkit-details-marker{display:none}.et304-more div{position:absolute;z-index:4;top:44px;left:0;display:grid;gap:6px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,.12);min-width:180px}.et304-more div button{text-align:left}.et304-subbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0 2px}.et304-linkbtn{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-weight:720;cursor:pointer}.et304-setup{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.et304-setup small{display:block;margin-bottom:7px;color:var(--muted);font-weight:700}.et304-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.et304-metrics>div{padding:10px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.et304-metrics small{display:block;color:var(--muted);font-size:.76rem}.et304-metrics strong{font-size:1.05rem}.et304-stage{max-width:780px;margin:0 auto;padding:10px 0 4px}.et304-prompt{text-align:center;padding:5px 8px 12px}.et304-soundmark{font-size:2.8rem;line-height:1}.et304-prompt small{color:var(--muted);font-weight:740}.et304-prompt h2{margin:.25rem 0}.et304-prompt p{margin:.2rem 0;color:var(--muted)}.et304-audio-actions{justify-content:center}.et304-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.et304-answers button{min-height:58px;border:1px solid var(--line);border-radius:13px;background:var(--card);font-weight:760;padding:9px 10px;cursor:pointer}.et304-answers button span{display:block;font-size:.7rem;color:var(--muted);font-weight:600}.et304-answers button.correct{outline:3px solid rgba(30,150,85,.25);background:rgba(30,150,85,.09)}.et304-answers button.wrong{outline:3px solid rgba(205,60,60,.24);background:rgba(205,60,60,.08)}.et304-compare{margin-top:14px;padding:13px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}.et304-compare #et304Coach strong{display:block;margin-bottom:4px}.et304-compare-actions{margin-top:10px}.et304-finish{margin-top:16px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.et304-finish[hidden]{display:none}.et304-finish h2{margin:.2rem 0}.et304-details{margin-top:14px;padding:0}.et304-details>summary{cursor:pointer;font-weight:800;padding:15px 17px}.et304-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 17px 17px}.et304-details-grid section{min-width:0}.et304-mastery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.et304-stat,.et304-row{padding:9px 0;border-bottom:1px solid var(--line)}.et304-stat{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.et304-stat small,.et304-row small{display:block;color:var(--muted)}.et304-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.et304-row small{grid-column:1/-1}.et304-archive{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.et304-archive button{padding:8px 3px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:.78rem;cursor:pointer}.et304-archive button.done{background:rgba(30,150,85,.08)}.et304-settings{display:grid;gap:10px}.et304-settings label{display:flex;gap:8px;align-items:center;justify-content:space-between}.et304-boundary{margin-top:14px;padding:13px 15px;background:var(--soft);border-radius:14px;color:var(--muted);line-height:1.5}.et304-page.focus .preview-note,.et304-page.focus~.footer{display:none}.et304-page.focus .et304-head p{display:none}.et304-page.large-answers .et304-answers button{min-height:72px;font-size:1.05rem}.et304-page.high-contrast .card,.et304-page.high-contrast .et304-stat{border-width:2px}.et304-page.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:760px){.et304-head{grid-template-columns:1fr}.et304-head-actions{display:none}.et304-setup{grid-template-columns:1fr}.et304-details-grid{grid-template-columns:1fr}.et304-finish{grid-template-columns:1fr}.et304-archive{grid-template-columns:repeat(7,1fr)}}@media(max-width:520px){.et304-page{padding-left:12px;padding-right:12px}.et304-head{margin:10px 0}.et304-head h1{font-size:1.65rem}.et304-head p{font-size:.9rem}.et304-shell{padding:12px}.et304-domainbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.et304-domainbar>button,.et304-domainbar summary{white-space:nowrap}.et304-more div{position:fixed;left:12px;right:12px;top:auto;min-width:0}.et304-subbar{align-items:flex-start}.et304-flow{flex-wrap:nowrap}.et304-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0}.et304-metrics>div{padding:8px 6px;text-align:center}.et304-metrics small{font-size:.64rem}.et304-metrics strong{font-size:.9rem}.et304-soundmark{font-size:2.25rem}.et304-prompt{padding:2px 4px 8px}.et304-prompt h2{font-size:1.25rem}.et304-audio-actions{flex-wrap:nowrap}.et304-audio-actions .btn{padding:9px 10px}.et304-answers{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.et304-answers button{min-height:52px;padding:7px}.et304-compare-actions{display:grid;grid-template-columns:1fr 1fr}.et304-compare-actions #et304Next{grid-column:1/-1}.et304-mastery{grid-template-columns:1fr 1fr}.et304-archive{grid-template-columns:repeat(7,1fr);gap:4px}.et304-archive button{font-size:.68rem;padding:7px 1px}}