body{background-color:#ededed;margin:0;padding:10px;font-family:Arial,sans-serif}a{text-decoration:blink}a:hover{text-decoration:underline}h1{font-size:2.5em}h2{font-size:1.5em}h1,h2,h3{text-align:center;margin:5px 0 0}header>p,header form{text-align:center}button{cursor:pointer}.centered{text-align:center}.container{justify-content:center;align-items:center;display:flex}table{border-collapse:collapse;background-color:#fff;width:min(960px,100%);margin:20px auto}tbody{color:#00f}table,th,td{border:1px dotted #000}th,td{text-align:center;padding:5px}th{font-weight:700}tr:nth-child(2n){background-color:#f8f8f8}.player{background:#fff;border:1px solid #d8dfeb;width:min(960px,100%);margin:20px auto;overflow:hidden}.player .title{border-bottom:1px solid #d8dfeb;margin:0;padding:14px 18px;font-size:1.05rem;font-weight:600}.player .audiogram-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f4fb;width:100%;position:relative}.player .audiogram{width:100%;height:auto;display:block}.player .progress-overlay{pointer-events:none;background:linear-gradient(90deg,#0f7bff38,#0f7bff0d);width:0%;position:absolute;inset:0 auto 0 0}.player .playhead{pointer-events:none;background:#0f7bff;width:2px;position:absolute;top:0;bottom:0;left:0%;transform:translate(-1px)}.player .controls{gap:12px;padding:16px}.player audio{width:100%}.player .slider-row{color:#5e6a7d;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.95rem;display:grid}.player .seek{accent-color:#0f7bff;cursor:pointer;width:100%;display:none}
