:root{--touch:44px}html{scroll-padding-top:20px}body{overflow-wrap:anywhere}button,input,select,summary{min-height:44px}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #458777;outline-offset:3px}input,select,textarea{font-size:16px}summary{padding:8px 0}audio{width:min(100%,600px)}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:stretch}.toolbar input{min-width:0;width:100%}.practice-link{display:inline-block;padding:10px 16px;border:1px solid #175c4f;border-radius:7px;margin:10px 0}.practice-shell{max-width:1600px;padding:18px}.practice-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.practice-head h1{font-size:26px;margin:0}.practice-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;background:#fff;padding:12px;border-radius:8px}.practice-controls label{display:flex;flex-direction:column;align-items:start;min-width:180px;flex:1}.practice-controls select{width:100%}.score-frame{width:100%;height:calc(100dvh - 270px);min-height:420px;border:1px solid #b8c4bf;background:white}.player-bar{position:sticky;bottom:0;background:#fff;padding:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;z-index:2;box-shadow:0 -3px 14px #192c301a;padding-bottom:max(12px,env(safe-area-inset-bottom))}.player-bar audio{flex:1;min-width:230px}.practice-note{font-size:14px;color:#596a6d;margin:8px 0}@media(max-width:1000px){main{padding:24px 18px}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}h1{font-size:32px}dialog{max-width:94vw;width:94vw}.practice-shell{padding:12px}.score-frame{height:calc(100dvh - 310px)}}@media(max-width:600px){main{padding:16px 12px}.toolbar{grid-template-columns:1fr}.toolbar input{grid-column:auto}.card{padding:16px}h1{font-size:28px}h2{font-size:23px}nav{flex-wrap:wrap}.practice-controls{gap:8px}.practice-controls label{min-width:140px}.score-frame{height:60dvh;min-height:350px}.player-bar{gap:8px}.player-bar audio{width:100%;flex-basis:100%}}

.app-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:nowrap}.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0}.app-nav #languageSwitch{display:block;flex:0 0 auto;width:auto;max-width:140px;margin:0;padding:8px 30px 8px 12px;border:1px solid #b8c4bf;border-radius:8px;background-color:#fff;color:#192c30;font:14px system-ui;min-height:44px}.nav-links a{padding:8px 0}@media(max-width:600px){.app-nav{gap:8px}.nav-links{gap:8px;font-size:14px}.app-nav #languageSwitch{max-width:115px;padding-left:8px;padding-right:22px}}