.large{height:min(200px,30vh);width:min(200px,30vh);font-size:min(100px,15vh);vertical-align:middle;text-align:center}.sound-input{width:min(30%,300px);text-align:center;font-size:clamp(20px,4vw,30px);margin:.5rem auto;border:none;background:transparent;padding:.25rem;min-height:1.5em}input.sound-input{padding:.5rem;border-radius:8px;border:1px solid #ccc}.centered{margin:0 auto}.text-centered{text-align:center}.correct{background-color:#81c784}.correct,.incorrect{transition:background-color .3s ease}.incorrect{background-color:#e57373}details{max-width:800px;margin:.5rem auto;padding:.5rem 1rem;border-radius:8px;background-color:#f5f5f5}summary{cursor:pointer;padding:.5rem .75rem;font-weight:500;font-size:1rem;border-radius:6px;transition:background-color .2s ease}summary:hover{background-color:var(--bg-color);opacity:.9}table{border-collapse:collapse;width:100%;max-width:800px;margin:1rem auto}td,th{padding:.5rem;border:1px solid #ddd}@media (max-width:600px){.large{height:min(150px,25vh);width:min(150px,25vh);font-size:min(75px,12vh)}table{font-size:.9rem}}:root{--bg-color:#fff;--text-color:#000;--details-bg:#f5f5f5;--border-color:#ddd;--correct-color:#81c784;--incorrect-color:#e57373}.dark-mode{--bg-color:#121212;--text-color:#fff;--details-bg:#1e1e1e;--border-color:#333;--correct-color:#2e7d32;--incorrect-color:#c62828}body{background-color:var(--bg-color);color:var(--text-color)}details{background-color:var(--details-bg)}td,th{border-color:var(--border-color)}.correct{background-color:var(--correct-color)}.incorrect{background-color:var(--incorrect-color)}input.sound-input{border-color:var(--border-color);background-color:var(--bg-color);color:var(--text-color)}body,details,input,td,th{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.accuracy-section,.history-section,.quickstart-section,.settings-section,.speed-section{margin:.5rem auto;padding:.75rem;border-radius:8px;background-color:var(--details-bg);border:1px solid var(--border-color)}.quickstart-content{padding:.5rem 0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-label{font-weight:500;color:var(--text-color);font-size:.95rem}.setting-control{display:flex;align-items:center;gap:.75rem}.number-input,.select-input,.text-input{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:6px;background-color:var(--bg-color);color:var(--text-color);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.number-input:focus,.select-input:focus,.text-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.1)}.number-input{width:80px}.text-input{width:200px}.select-input{min-width:120px;cursor:pointer}.unit{font-size:.9rem;color:var(--text-color);opacity:.7}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(26px)}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap}.checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:500px}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.checkbox-label:hover{background-color:var(--bg-color);opacity:.8}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#4caf50}.checkbox-text{font-size:.9rem;color:var(--text-color)}.warning-text{color:#ff9800}.error-text,.warning-text{font-size:.85rem;margin:.25rem 0;font-weight:500}.error-text{color:#f44336}@media (max-width:768px){.settings-grid{grid-template-columns:1fr;gap:1rem}.setting-control{flex-direction:column;align-items:flex-start;gap:.5rem}.checkbox-grid{grid-template-columns:repeat(3,1fr);max-width:350px}}@media (max-width:480px){.settings-section{padding:.75rem;margin:.25rem auto}.settings-grid{padding:.5rem 0;gap:.75rem}.checkbox-group{flex-direction:column;gap:.5rem}}