.practice{margin:0 var(--gutter)}.practice-wait{color:var(--ink-2);padding:2rem 0}.heirloom-room{position:relative}.heirloom-room>header{display:none}.heirloom-room label{font-family:var(--f-mono);color:var(--ink-2);font-variation-settings:"wdth" 90;flex-direction:column;gap:.3rem;font-size:.66rem;display:inline-flex}.heirloom-room select,.heirloom-room input[type=number]{font-family:var(--f-text);color:var(--ink);background:var(--ground-2);border:1px solid var(--rule);border-radius:4px;padding:.42rem .5rem;font-size:.95rem}.heirloom-room input[type=number]{font-variant-numeric:tabular-nums;width:5.5rem}.heirloom-controls{z-index:5;background:color-mix(in oklab, var(--ground) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:end;gap:.9rem 1.2rem;padding:.9rem 0;display:flex;position:sticky;top:0}.heirloom-actions{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:1rem 0 .4rem;display:flex}.heirloom-actions label,.heirloom-room fieldset label{font-family:var(--f-text);color:var(--ink);flex-direction:row;align-items:center;font-size:.92rem}.heirloom-room input[type=checkbox]{accent-color:var(--plate)}.heirloom-room button{cursor:pointer;font-family:var(--f-display);color:var(--ink);border:1px solid var(--rule);transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);background:0 0;border-radius:999px;padding:.55rem 1.1rem;font-size:.98rem;font-weight:650}.heirloom-room button:hover:not(:disabled){border-color:var(--ink-2);background:var(--ground-2)}.heirloom-actions>button:first-child{background:var(--plate);color:var(--sand);border-color:var(--plate);padding:.65rem 1.5rem;box-shadow:0 8px 18px -10px #0009}.heirloom-actions>button:first-child:hover:not(:disabled){background:var(--plate);transform:translateY(1px)}.heirloom-room button:disabled{opacity:.45;cursor:default}.heirloom-room fieldset{border:1px solid var(--rule);border-radius:4px;flex-wrap:wrap;align-items:end;gap:.8rem 1.2rem;margin:.8rem 0;padding:.7rem 1rem .9rem;display:flex}.heirloom-room legend{font-family:var(--f-display);padding:0 .4rem;font-weight:650}.transport{font-family:var(--f-mono);color:var(--ink);font-variation-settings:"wdth" 90;margin:.6rem 0;font-size:.74rem}.listening-panel{background:color-mix(in oklab, var(--plate) 12%, var(--ground));border:1px solid color-mix(in oklab, var(--plate) 35%, transparent);border-radius:4px;flex-wrap:wrap;align-items:end;gap:.6rem 1.2rem;margin:1rem 0;padding:1rem 1.2rem;display:flex}.listening-panel h2{font-variation-settings:"wdth" 85;width:100%;font-size:1.3rem}.listening-panel p{width:100%;color:var(--ink-2);font-size:.95rem}.listening-panel span{font-family:var(--f-mono);font-size:.78rem}.heirloom-room details{margin:.8rem 0}.heirloom-room summary{cursor:pointer;font-family:var(--f-display);font-weight:600}.heirloom-score{color:#1b1914;background:#f5f0e4;border-radius:3px;min-height:120px;margin:1.2rem 0;padding:.5rem 0;overflow-x:auto;box-shadow:0 30px 60px -44px #000000b3}:root[data-theme=dark] .heirloom-score{background:#e8e1d1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .heirloom-score{background:#e8e1d1}}.heirloom-room .originals{background:#f2ecdc;border-radius:2px;margin:1.2rem 0;padding:1rem}.heirloom-room .originals img{mix-blend-mode:multiply;margin:0 auto 1rem}.note-results{flex-wrap:wrap;gap:.35rem;margin:.8rem 0;display:flex}.note-results span{border:1px solid var(--rule);min-width:2.8rem;font-family:var(--f-mono);border-radius:3px;padding:.3rem .45rem;font-size:.72rem}.note-results small{color:var(--ink-2);display:block}.note-results .right{background:color-mix(in oklab, #2f7d4f 28%, var(--ground))}.note-results .wrong{background:color-mix(in oklab, #b3261e 28%, var(--ground))}.note-results .missed{background:var(--ground-2)}.heirloom-room .error{background:color-mix(in oklab, #b3541e 20%, var(--ground));border-radius:4px;padding:.7rem 1rem}.heirloom-room>footer{border-top:1px solid var(--rule);color:var(--ink-2);margin-top:1.4rem;padding-top:.9rem;font-size:.85rem}@media (max-width:650px){.heirloom-controls{position:static}.heirloom-controls label{flex:40%}}