:root{color-scheme:light;--ecu-teal: #005f6b;--ecu-teal-light: #e8f0f1;--ecu-teal-dark: #004a54;--ecu-black: #000000;--ecu-white: #ffffff;--bg-1: #ffffff;--bg-2: #f7f7f7;--panel: #ffffff;--panel-2: #fafafa;--text: #000000;--muted: #5a5a5a;--accent: #005f6b;--accent-2: #004a54;--accent-outer: #000000;--danger: #c0392b;--warn: #9a6b00;--border: #d8d8d8;--bar: #f0f0f0;--bar-active: #005f6b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-1);color:var(--text);min-height:100vh}body.theme-dark{background:#000}.container{max-width:1200px;margin:0 auto;display:grid;gap:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.2rem;min-width:0}h1{margin:0 0 .25rem;font-size:1.55rem}h2{margin:0 0 .7rem;font-size:1.05rem;color:var(--muted);font-weight:700}.sub{margin:0;color:var(--muted);font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:.9rem}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.help{color:var(--muted);font-size:.76rem;margin-top:.4rem;line-height:1.35}.field{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.75rem}.field.settings-hidden{display:none}.settings-section-title{margin:1.15rem 0 .7rem;font-size:.88rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.settings-section-title:first-of-type{margin-top:0}.settings-section{margin-bottom:.25rem}.toggle-switch-compact{padding:.3rem .5rem;font-size:.82rem}.toggle-switch-compact .toggle-slider{flex:0 0 2.1rem;height:1.15rem}.toggle-switch-compact .toggle-slider:after{width:.85rem;height:.85rem}.inline{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.inline label{display:inline-flex;align-items:center;gap:.3rem;margin:0;font-weight:500}select,input[type=range],input[type=number]{width:100%;background:var(--ecu-white);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem;font:inherit}input[type=range]{padding:.3rem 0;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem}.valtag{display:inline-block;min-width:2.2rem;text-align:center;background:var(--ecu-white);border:1px solid var(--border);border-radius:6px;padding:.05rem .4rem;color:var(--accent);font-variant-numeric:tabular-nums}.buttons{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.toggle-switch{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.45rem .65rem;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);font-size:.88rem;font-weight:600;color:var(--muted);transition:border-color .15s ease,color .15s ease,background .15s ease}.toggle-switch:has(input:checked){color:var(--accent);border-color:var(--accent);background:var(--ecu-teal-light)}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;flex:0 0 2.5rem;height:1.35rem;background:var(--ecu-white);border:1px solid var(--border);border-radius:999px;transition:background .15s ease}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;background:var(--muted);border-radius:50%;transition:transform .15s ease,background .15s ease}.toggle-switch input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(1.15rem);background:var(--ecu-white)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--accent);outline-offset:2px}.field-toggle-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.field-toggle-header .field-toggle-title{font-size:.9rem;font-weight:600;line-height:1.3}.field-toggle-header .toggle-switch{flex-shrink:0;padding:.35rem .5rem}button{background:var(--accent);color:var(--ecu-white);border:1px solid var(--accent);border-radius:9px;font:inherit;font-weight:600;padding:.6rem 1rem;cursor:pointer;transition:transform .05s ease,filter .15s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:var(--panel-2);border-color:var(--border);color:var(--text)}button.ghost{background:transparent;border-color:var(--border);color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}.status{color:var(--accent-2);font-weight:600;min-height:1.2rem;margin:.85rem 0 0}.status.error{color:var(--danger)}.status.warn{color:var(--warn)}.loadbadge{display:inline-block;font-size:.78rem;color:var(--muted);margin-left:.5rem}footer{color:var(--muted);font-size:.78rem;text-align:center;padding-bottom:.5rem}a{color:var(--accent)}body.theme-dark footer{color:#888}body.theme-dark footer a{color:#ccc}.view-hidden{display:none!important}.pitch-meter{margin:1rem 0}.pitch-meter-track{position:relative;height:2.2rem;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.pitch-meter-tolerance{position:absolute;top:0;bottom:0;background:var(--ecu-teal-light)}.pitch-meter-center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--muted);transform:translate(-1px)}.pitch-meter-needle{position:absolute;top:.2rem;bottom:.2rem;width:4px;border-radius:2px;background:var(--danger);transform:translate(-2px);transition:left .08s linear}.pitch-meter-needle.in-tune{background:var(--accent-2)}.pitch-meter-label{margin-top:.35rem;font-size:.85rem;color:var(--muted);text-align:center}.save-preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}.save-preset-row input[type=text]{flex:1 1 180px;min-width:140px}.save-preset-error{color:var(--danger);font-size:.82rem}.save-preset-success{color:var(--accent-2);font-size:.82rem;font-weight:600}.shell-header{background:var(--ecu-black);color:var(--ecu-white);position:relative;z-index:20}.shell-header-inner{--logo-w: min(clamp(220px, 22vw, 460px), 70vw, calc(100vw - 120px) );width:100%;margin:0;padding:.5rem 1.25rem;min-height:calc(var(--logo-w) * .3604 + 10px);display:flex;align-items:center;gap:1rem;position:relative}.shell-header-title-group{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0;position:relative;align-self:stretch}.shell-hamburger{display:none;background:transparent;border:1px solid #444;color:var(--ecu-white);border-radius:8px;padding:.4rem .6rem;flex-shrink:0}.shell-logo{display:block;height:auto;width:var(--logo-w);position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell-layout{width:100%;margin:0;display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem}.syllabus-sidebar{flex:0 0 380px;width:380px;background:var(--ecu-white);border-right:1px solid var(--border);align-self:stretch;position:sticky;top:0;max-height:100vh;overflow-y:auto;padding-right:.5rem}.syllabus-nav{display:flex;flex-direction:column;gap:.2rem}.syllabus-category-title{margin:1.1rem 0 .4rem;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}.syllabus-category-title:first-child{margin-top:0}.syllabus-topic{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;font-size:1.1rem;font-weight:500;color:var(--text);background:transparent;border:1px solid transparent;border-radius:8px;padding:.6rem .75rem;cursor:pointer}.syllabus-topic:hover:not(:disabled){background:var(--ecu-teal-light)}.syllabus-topic.active{background:var(--accent);color:var(--ecu-white);font-weight:700}.syllabus-topic:disabled{opacity:.5;cursor:not-allowed}.syllabus-soon-tag{font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.05rem .4rem;flex-shrink:0;background:var(--ecu-white)}.syllabus-topic.active .syllabus-soon-tag{color:var(--ecu-white);border-color:#fff9;background:transparent}.syllabus-preset{padding-left:1.4rem;font-size:1rem;font-weight:400}.shell-main{flex:1 1 auto;min-width:0;display:grid;gap:1rem}.topic-view{min-width:0}.syllabus-scrim{display:none}@media(max-width:1024px){.shell-hamburger{display:inline-flex;align-items:center;justify-content:center}.syllabus-sidebar{position:fixed;top:0;bottom:0;left:-380px;width:min(380px,85vw);max-width:380px;transition:left .2s ease;z-index:200;box-shadow:2px 0 12px #00000040}.syllabus-sidebar.open{left:0}.syllabus-scrim.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}}@media(max-width:1024px)and (prefers-reduced-motion:reduce){.syllabus-sidebar{transition:none}.shell-layout{padding:1rem}}.chord-type-groups{display:grid;gap:.85rem;margin-top:.5rem}.chord-type-group{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem}.chord-type-group-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.chord-type-group-header .chord-type-group-title{margin:0;flex:1;min-width:0}.chord-type-group-title{margin:0 0 .5rem;font-size:.78rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.chord-type-checks{display:flex;flex-wrap:wrap;gap:.4rem .75rem}.chord-type-checks label{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-weight:500;font-size:.82rem;cursor:pointer}.chord-answer-groups{display:grid;gap:1rem;margin-top:.65rem}.chord-answer-group-title{margin:0 0 .45rem;font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.chord-choice-grid{display:flex;flex-wrap:wrap;gap:.45rem}.chord-choice{flex:1 1 118px;min-width:100px;max-width:200px;background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:.55rem .5rem;font:inherit;font-weight:700;font-size:.8rem;line-height:1.25;color:var(--text);cursor:pointer;text-align:center;transition:border-color .12s,background .12s,transform .1s}.chord-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.chord-choice:disabled{cursor:default;opacity:.88}.chord-choice.correct{border-color:var(--accent);background:var(--ecu-teal-light);color:var(--accent-2)}.chord-choice.wrong{border-color:var(--danger);background:#fdecea;color:var(--danger)}.chord-choice.reveal-actual{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chord-session-score{margin-top:.5rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.chord-comparison-prompt{margin:.75rem 0 .5rem;font-weight:600;color:var(--muted)}.chord-comparison-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.chord-comparison-choice{flex:1 1 140px;min-width:120px;background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:.65rem .75rem;font:inherit;font-weight:700;font-size:.88rem;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s,transform .1s}.chord-comparison-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.chord-comparison-choice:disabled{cursor:default;opacity:.85}.chord-comparison-choice.correct{border-color:var(--accent);background:var(--ecu-teal-light);color:var(--accent-dark, var(--accent-2))}.chord-comparison-choice.wrong{border-color:var(--danger);background:#fdecea;color:var(--danger)}.chord-comparison-choice.reveal-actual{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chord-comparison-session-score{margin-top:.5rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.custom-preset-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.custom-preset-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.custom-preset-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.custom-preset-name{font-weight:700}.custom-preset-origin{font-size:.78rem;color:var(--muted)}.dynamics-articulation-type-checks{display:flex;flex-wrap:wrap;gap:.4rem .75rem;margin-top:.4rem}.dynamics-articulation-type-checks label{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-weight:500;font-size:.82rem;cursor:pointer}.dynamics-articulation-prompt{margin:.75rem 0 .5rem;font-weight:600;color:var(--muted)}.dynamics-articulation-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.dynamics-articulation-choice{flex:1 1 140px;min-width:120px;background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:.65rem .75rem;font:inherit;font-weight:700;font-size:.88rem;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s,transform .1s}.dynamics-articulation-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.dynamics-articulation-choice:disabled{cursor:default;opacity:.85}.dynamics-articulation-choice.correct{border-color:var(--accent);background:var(--ecu-teal-light);color:var(--accent-dark, var(--accent-2))}.dynamics-articulation-choice.wrong{border-color:var(--danger);background:#fdecea;color:var(--danger)}.dynamics-articulation-choice.reveal-actual{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dynamics-articulation-session-score{margin-top:.5rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.interval-comparison-type-checks{display:flex;flex-wrap:wrap;gap:.4rem .75rem;margin-top:.4rem}.interval-comparison-type-checks label{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-weight:500;font-size:.82rem;cursor:pointer}.interval-comparison-session-score{margin-top:.5rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.interval-comparison-prompt{margin:.75rem 0 .5rem;font-weight:600;color:var(--muted)}.interval-comparison-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.interval-comparison-choice{flex:1 1 140px;min-width:120px;background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:.65rem .75rem;font:inherit;font-weight:700;font-size:.88rem;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s,transform .1s}.interval-comparison-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.interval-comparison-choice:disabled{cursor:default;opacity:.85}.interval-comparison-choice.correct{border-color:var(--accent);background:var(--ecu-teal-light);color:var(--accent-dark, var(--accent-2))}.interval-comparison-choice.wrong{border-color:var(--danger);background:#fdecea;color:var(--danger)}.interval-comparison-choice.reveal-actual{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.interval-matrix-wrap{overflow-x:auto;margin-top:.5rem}.interval-matrix{width:100%;border-collapse:collapse;font-size:.85rem}.interval-matrix th,.interval-matrix td{border:1px solid var(--border);padding:.4rem .55rem;text-align:center}.interval-matrix th{background:var(--ecu-black);color:var(--ecu-white);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.interval-matrix td:first-child{text-align:left;font-weight:600;white-space:nowrap}.interval-matrix input[type=checkbox]{width:1.05rem;height:1.05rem}.interval-matrix tr.interval-toggle-row td{padding-top:.45rem;vertical-align:middle;border-top:1px dashed var(--border)}.interval-matrix tr.interval-toggle-row td:first-child{border-top:1px dashed var(--border)}.interval-matrix tr.interval-toggle-row .toggle-all-btn{width:100%;max-width:9rem;margin:0 auto;display:block}.interval-prompt{margin:.75rem 0 .5rem;font-weight:600;color:var(--muted)}.interval-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.interval-choice{flex:1 1 140px;min-width:120px;background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:.65rem .75rem;font:inherit;font-weight:700;font-size:.88rem;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s,transform .1s}.interval-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.interval-choice:disabled{cursor:default;opacity:.85}.interval-choice.correct{border-color:var(--accent);background:var(--ecu-teal-light);color:var(--accent-dark, var(--accent-2))}.interval-choice.wrong{border-color:var(--danger);background:#fdecea;color:var(--danger)}.interval-choice.reveal-actual{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.interval-session-score{margin-top:.5rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}button.toggle-all-btn{flex-shrink:0;padding:.28rem .6rem;font-size:.72rem;font-weight:700;line-height:1.2;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-family:inherit}button.toggle-all-btn:hover{border-color:var(--accent);color:var(--text)}.meter-sig-grid{display:flex;flex-wrap:wrap;gap:.4rem .75rem;margin-top:.35rem}.meter-sig-grid label{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;font-size:.88rem;cursor:pointer}.meter-sound-btn{padding:.35rem .7rem;margin:0 .4rem .4rem 0;font-size:.85rem;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-family:inherit}.meter-sound-btn:hover{border-color:var(--accent)}.meter-sound-btn.meter-sound-active{background:var(--ecu-teal-light);border-color:var(--accent);color:var(--accent);font-weight:700}.chromatic-count-block{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--border)}.chromatic-count-block.settings-hidden,.minor-harmony-options.settings-hidden{display:none}.bars{display:flex;flex-wrap:nowrap;gap:.5rem;margin-top:.2rem;overflow-x:auto;padding-bottom:.3rem}.bar{flex:0 0 70px;min-width:70px;text-align:center;background:var(--bar);border:1px solid var(--border);border-radius:9px;padding:.7rem .4rem;font-weight:700;letter-spacing:.02em;transition:background .12s ease,border-color .12s ease,transform .12s ease}.bar .num{display:block;font-size:.7rem;color:var(--muted);font-weight:600;margin-bottom:.25rem}.bar .bar-roman{display:block;font-size:.82rem;color:var(--accent);font-weight:700;margin-bottom:.12rem}.bar .bar-symbol{display:block;font-size:.95rem;line-height:1.25}.bar .bar-meta{display:block;font-size:.66rem;color:var(--muted);font-weight:500;margin-top:.12rem;line-height:1.3}.bar.active{background:var(--bar-active);border-color:var(--accent);color:var(--ecu-white);transform:translateY(-2px)}.bar.tonic-ref{background:var(--ecu-teal-light);border-color:var(--accent)}.session-scores{display:grid;gap:.55rem;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;margin-bottom:.75rem}.session-score-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.session-score-label{font-weight:600;color:var(--muted);font-size:.9rem}.session-score-value{font-weight:700;font-size:1.15rem;color:var(--accent);font-variant-numeric:tabular-nums}.guess-rows{display:grid;gap:.55rem}.guess-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:.5rem .6rem}.guess-row .barlabel{flex:0 0 52px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.guess-row select{flex:1 1 110px;min-width:88px;width:auto;padding:.35rem .4rem}.guess-row .result{flex:1 1 150px;text-align:right}.result{font-weight:700;font-size:.85rem}.result.ok{color:var(--accent-2)}.result.bad{color:var(--danger)}.result.idle{color:var(--muted);font-weight:500}.score{margin:0 0 .7rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}@media(max-width:560px){.guess-row .barlabel{flex:0 0 100%}.guess-row .result{flex:0 0 100%;text-align:left}}.tuning-prompt{margin:.75rem 0 .5rem;font-weight:600;color:var(--muted)}.tuning-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.tuning-choice{flex:1 1 140px;min-width:120px;background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:.65rem .75rem;font:inherit;font-weight:700;font-size:.88rem;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s,transform .1s}.tuning-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.tuning-choice:disabled{cursor:default;opacity:.85}.tuning-choice.correct{border-color:var(--accent);background:var(--ecu-teal-light);color:var(--accent-dark, var(--accent-2))}.tuning-choice.wrong{border-color:var(--danger);background:#fdecea;color:var(--danger)}.tuning-choice.reveal-actual{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tuning-session-score{margin-top:.5rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.exam-panel.wide,.exam-panel.exam-panel-setup{max-width:920px}.exam-setup-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.exam-type-settings-grid.exam-setup-grid{grid-template-columns:1fr}.exam-setup-grid .field{min-width:0}.exam-types-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}@media(max-width:640px){.exam-types-container{grid-template-columns:1fr}}.exam-type-cell{display:flex;flex-direction:column;gap:.35rem;min-width:0}.exam-type-block{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.85rem .95rem}.exam-type-toggle{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:.95rem;cursor:pointer;margin:0 0 .65rem;line-height:1.35}.exam-type-toggle input{width:1.05rem;height:1.05rem;flex-shrink:0}.exam-type-settings-wrap{transition:opacity .15s ease}.exam-type-settings-wrap.is-disabled{opacity:.42;pointer-events:none}.exam-type-settings-grid{margin-top:.15rem}.exam-timer{font-size:1.35rem;font-weight:800;color:var(--warn);font-variant-numeric:tabular-nums;margin:.5rem 0 .75rem}.exam-progress{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums;margin:0 0 .5rem}.exam-progress-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin:0 0 .6rem}.exam-progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .2s ease}.exam-phase{color:var(--muted);font-size:.92rem;margin:0 0 .75rem;min-height:1.3rem}.exam-summary-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.exam-stat{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;min-width:120px}.exam-stat .label{font-size:.78rem;color:var(--muted);margin-bottom:.2rem}.exam-stat .value{font-size:1.35rem;font-weight:800;color:var(--accent-2)}.exam-result-list{display:grid;gap:.75rem}.exam-result-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.85rem}.exam-result-card.perfect{border-color:var(--accent)}.exam-result-card.partial{border-color:var(--warn)}.exam-result-card.fail{border-color:var(--danger)}.exam-result-card h3{margin:0 0 .5rem;font-size:.95rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.exam-result-replay{font-size:.72rem;padding:.15rem .55rem;margin-left:auto}.exam-badge{font-size:.72rem;padding:.15rem .45rem;border-radius:6px;font-weight:700}.exam-badge.ok{background:var(--ecu-teal-light);color:var(--accent)}.exam-badge.bad{background:#fdecea;color:var(--danger)}.exam-bar-compare{display:grid;gap:.35rem;font-size:.82rem;margin-top:.5rem}.exam-bar-row{display:grid;grid-template-columns:52px 1fr 1fr;gap:.5rem;align-items:start}.exam-bar-row .hdr{color:var(--muted);font-weight:600;font-size:.72rem}.exam-bar-row .you{color:var(--text)}.exam-bar-row .actual{color:var(--accent-2)}.exam-bar-row.miss .you{color:var(--danger)}@media(max-width:560px){.exam-bar-row{grid-template-columns:1fr}}.exam-rec-choice{flex:1 1 140px;min-width:120px;background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:.65rem .75rem;font:inherit;font-weight:700;font-size:.88rem;color:var(--text);cursor:pointer;text-align:center;transition:border-color .12s,background .12s,transform .1s}.exam-rec-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.exam-rec-choice.exam-pick-selected{outline:2px solid var(--accent);background:var(--ecu-teal-light)}.note-palette-row,.note-palette{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.note-palette-btn{width:52px;height:52px;background:var(--ecu-white);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;touch-action:manipulation}.note-palette-btn .rd-glyph{width:34px;height:46px;display:block;overflow:visible}.note-palette-btn .rd-glyph svg{width:100%;height:100%;display:block;overflow:visible}.note-palette-btn.note-palette-rest .rd-glyph{width:20px;height:28px}.note-palette-btn span{display:none}.note-palette-btn.armed{background:#d8d8d8;border-color:var(--ecu-black);box-shadow:inset 0 0 0 2px var(--ecu-black)}