.play-session{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:clamp(12px,2vw,24px);background:#f6f3e9;color:#24231f;box-sizing:border-box;overflow:auto;font:16px/1.45 system-ui,sans-serif}.play-session[open]{display:flex;flex-direction:column;gap:12px}.play-session header{display:flex;justify-content:space-between;align-items:center;gap:16px}.play-session h1{font:700 clamp(23px,3vw,38px)/1.15 system-ui;margin:3px 0}.play-session small{font-size:14px}.play-session button,.play-session select,.practice-manager button,.practice-manager select,.practice-manager input{font:inherit;min-height:44px;padding:9px 13px;border:1px solid #a99f8e;border-radius:8px;background:#fffdf8;color:#24231f}.play-session button:disabled{opacity:.4}.play-session button:focus-visible,.play-session select:focus-visible{outline:3px solid #914443;outline-offset:2px}.play-toolbar,.play-picks,.play-session footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.play-toolbar label,.play-picks label{display:flex;gap:8px;align-items:center}.play-picks label{flex:1;min-width:180px}.play-picks select{min-width:0;max-width:100%;flex:1}.play-session [data-status]:empty{display:none}.play-session [data-status]{font-size:14px;color:#70423a}.play-session main{flex:1;min-height:200px;overflow:auto}.play-session .pdf-spread{height:calc(100dvh - 300px);min-height:220px}.play-session footer{position:sticky;bottom:0;background:#f6f3e9;border-top:1px solid #cbbfaf;padding-top:12px;padding-bottom:env(safe-area-inset-bottom)}.play-session audio{flex:1;min-width:180px;height:44px}.play-session [data-toggle]{background:#7d3e3d;color:white}.play-session [data-queue]{max-height:35vh;overflow:auto}.play-session [data-queue]>div{display:flex;gap:6px;margin:6px 0}.play-session [data-jump]{flex:1;text-align:left}.play-session [aria-current=true]{background:#e6d5b8}.practice-manager .practice-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0}.practice-manager article{border:1px solid #b6a792;border-radius:12px;padding:20px}.practice-manager article h2{font-size:24px;margin:0 0 10px}.practice-manager .practice-actions{display:flex;flex-wrap:wrap;gap:8px}.practice-manager dialog{width:min(780px,94vw);max-height:90dvh;padding:24px}.practice-manager dialog form{display:grid;gap:16px}.practice-manager .practice-choices{max-height:45vh;overflow:auto}.practice-manager .practice-choices label{display:flex;align-items:center;gap:12px;padding:10px}.practice-manager .practice-choices input{min-height:24px;width:24px}.practice-manager [role=status]{margin:14px 0}.practice-manager input[type=search]{width:100%}.practice-manager .playlist-items>div{display:flex;gap:8px;align-items:center;margin:8px 0}.practice-manager .playlist-items span{flex:1}.offline-body{margin:0;background:#f6f3e9;color:#24231f;font:16px/1.5 system-ui;padding:24px}.offline-body main{max-width:900px;margin:auto}.offline-body input,.offline-body button{font:inherit;padding:12px;min-height:44px;margin:5px;border-radius:8px;border:1px solid #a99f8e}.offline-body article{padding:18px;border:1px solid #b6a792;margin:18px 0;border-radius:12px}
@media(max-width:600px){.play-session{padding:12px}.play-toolbar{gap:6px}.play-toolbar label{font-size:14px}.play-toolbar select{max-width:140px}.play-session .pdf-spread{height:auto;min-height:0}.play-session footer{position:static}.play-session main{overflow:visible;flex:none}.play-session audio{width:100%;flex-basis:100%;order:2}.play-session [data-count]{margin-left:auto}.play-picks{flex-direction:column;align-items:stretch}.play-picks label{min-width:0}.play-session footer label{display:flex;align-items:center;gap:6px}}