body{padding:var(--s4) var(--gutter) var(--s8);overflow-wrap:anywhere;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:36rem;margin:0 auto}h1{font-size:var(--t-title);margin-bottom:var(--s2);font-weight:700}#status{z-index:1;background:var(--bg);color:var(--text-2);font-size:var(--t-sub);margin-bottom:var(--s4);position:sticky;top:0}fieldset{margin:0 0 var(--s3);padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:0}legend{color:var(--text-2);font-size:var(--t-sub);padding:0;font-weight:600}label{margin:var(--s3) 0;color:var(--text-2);font-size:var(--t-sub);display:block}label:has(input[type=checkbox]){align-items:center;gap:var(--s3);min-height:var(--target);color:var(--text);font-size:var(--t-body);display:flex}body input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}body input:not([type=range]):not([type=checkbox]),body select{box-sizing:border-box;width:100%;min-height:var(--target);margin-top:var(--s1);padding:0 var(--s3);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--t-body);border:0;display:block}body input[type=file]{padding:0 var(--s3);line-height:var(--target)}body input[type=range]{box-sizing:border-box;width:100%;min-height:var(--target);accent-color:var(--accent);margin:0;display:block}output{float:right;color:var(--text);font-variant-numeric:tabular-nums}body button{min-height:var(--target);min-width:96px;margin:var(--s1) var(--s1) var(--s1) 0;padding:0 var(--s5);border-radius:var(--r-pill);font-size:var(--t-body);background:var(--surface-2);color:var(--text);border:0;font-weight:600}body #start,body #play,body .primary{background:var(--accent-fill);color:var(--on-accent)}body .primary:disabled{background:var(--surface-2)}#libStatus,#libStorage,.note{margin:var(--s3) 0 0;color:var(--text-2);font-size:var(--t-sub)}#songs,.rows{margin:var(--s3) 0 0;padding:0;list-style:none}#songs li,.rows li{padding:var(--s3) 0;border-top:1px solid var(--line)}.song-name{overflow-wrap:anywhere;font-weight:600;display:block}.song-meta{color:var(--text-2);font-size:var(--t-sub);font-variant-numeric:tabular-nums;display:block}body .song-actions button{min-width:var(--target);padding:0 var(--s4)}body button:disabled{color:var(--text-2);opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}pre{margin:var(--s4) 0 0;font-family:inherit;font-size:var(--t-title);font-variant-numeric:tabular-nums}.status-line{margin:var(--s3) 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bad{color:var(--danger)}.intro{margin-bottom:var(--s2);color:var(--text-2)}body #tapButton{justify-content:center;align-items:center;gap:var(--s1);width:100%;min-height:max(200px,30vh);margin:var(--s7) 0 0;border-radius:var(--r-lg);font-size:var(--t-large);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;font-weight:750;display:flex}body #tapButton:not(:disabled){background:var(--accent-fill);color:var(--on-accent)}body #tapButton:not(:disabled):active,body #tapButton.hit{filter:brightness(.88)}.tap-count{font-size:var(--t-sub);font-variant-numeric:tabular-nums;font-weight:600}