.tools-page[data-tool=music-theory-quiz]{--tools-area-min-height:720px}.qz-levels{gap:6px;display:grid}.qz-levels button{border:1.5px solid var(--border);color:var(--navy);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.qz-levels button[aria-pressed=true]{border-color:var(--primary);background:var(--blue-wash)}.qz-n{background:var(--bg-light);width:40px;height:40px;color:var(--navy);font:800 18px var(--font-display);border-radius:12px;place-items:center;display:grid}.qz-levels button[aria-pressed=true] .qz-n{background:var(--primary);color:#fff}.qz-t{gap:2px;display:grid}.qz-t b{color:var(--navy);font:800 15.5px var(--font-display)}.qz-t small{color:var(--text-muted);font-size:12.5px}.qz-bar-track{background:var(--border);border-radius:4px;height:4px;display:block;overflow:hidden}.qz-bar-track span{background:var(--green);height:100%;display:block}.qz-main{align-content:start}.qz-intro{justify-items:start;gap:14px;padding:8px 4px;display:grid}.qz-intro h2{font:800 clamp(24px, 2.4cqi, 32px) / 1.2 var(--font-display);letter-spacing:-.02em}.qz-intro p{color:var(--text-body);font-size:16px;line-height:1.6}.qz-intro-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.qz-topics{flex-wrap:wrap;gap:8px;display:flex}.qz-topics span{background:var(--bg-light);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.qz-q{font:800 clamp(22px, 2.2cqi, 28px) / 1.3 var(--font-display);letter-spacing:-.015em}.qz-answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qz-answers button{border:1.5px solid var(--border);min-height:64px;color:var(--navy);font:600 16px / 1.35 var(--font-body);text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.qz-answers button:hover:not(:disabled){border-color:var(--primary);background:var(--blue-wash)}.qz-answers button:disabled{cursor:default}.qz-answers i{background:var(--bg-light);width:34px;height:34px;font:800 15px var(--font-display);border-radius:10px;flex:none;place-items:center;font-style:normal;display:grid}.qz-answers .is-right{border-color:var(--green);background:#e3f6ea}.qz-answers .is-right i{background:var(--green);color:#fff}.qz-answers .is-wrong{border-color:var(--coral);background:#ffe7ea}.qz-answers .is-wrong i{background:var(--coral);color:#fff}.qz-answers .is-dim{opacity:.55}.qz-segs{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;display:grid}.qz-segs i{background:var(--border);border-radius:5px;height:10px}.qz-segs i.is-now{background:var(--primary)}.qz-segs i.is-right{background:var(--green)}.qz-segs i.is-wrong{background:var(--coral)}.qz-result{justify-items:start;gap:12px;display:grid}.qz-score{color:var(--coral);font:800 84px / 1 var(--font-display);letter-spacing:-.04em}.qz-result.is-pass .qz-score{color:var(--green)}.qz-result p{color:var(--text-body);font-size:16px}.qz-bars{gap:10px;width:100%;display:grid}.qz-bar{background:var(--bg-light);color:var(--navy);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 12px;font-size:15px;font-weight:700;display:grid}.qz-bar .qz-bar-track{background:var(--border);grid-column:1/-1;height:6px}.qz-bar.is-weak .qz-bar-track span{background:var(--coral)}.qz-bar em{color:#c81e33;background:#ffe7ea;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-style:normal}.qz-bar a{color:var(--primary);grid-column:1/-1;font-size:14px}.qz-acts{flex-wrap:wrap;gap:10px;display:flex}.qz-segs.is-phone i{background:#ffffff4d}.qz-segs.is-phone i.is-now{background:#fff}.qz-phone-card{text-align:left;justify-items:start;gap:10px;padding:16px}.qz-phone-card .qz-q{font-size:21px}.qz-phone-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.qz-phone-levels button{border:1.5px solid var(--border);min-height:56px;color:var(--navy);cursor:pointer;background:#fff;border-radius:14px;justify-items:center;gap:2px;padding:8px 4px;display:grid}.qz-phone-levels button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:#fff}.qz-phone-levels b{font:800 20px var(--font-display)}.qz-phone-levels small{opacity:.75;font-size:11.5px;font-weight:700}.practice-phone-panel .qz-answers{grid-template-columns:1fr}@container program (max-width:700px){.qz-answers{grid-template-columns:1fr}}