.mobileOnly{display:none}#mobileSettings{margin-left:auto}#appPanel h3{margin-top:24px}#appPanel ol{padding-left:22px;font-size:14px}#appPanel a{color:var(--green)}.appState{background:var(--soft);padding:12px;border-radius:12px}.cameraButton{margin-top:8px}.cameraInput{display:none}button{min-height:44px}dialog{overscroll-behavior:contain;max-height:calc(100dvh - 28px)}.dialogtop{gap:10px}.dialogtop button{min-width:44px;flex-shrink:0}
@media(max-width:450px){header .brand{font-size:19px}header .brand small{font-size:9px}header .mark{display:none}header .headernote{margin-left:0}header #mobileSettings{padding:9px 10px;font-size:12px}header .headernote button{padding:9px 10px;font-size:12px}header{flex-wrap:nowrap!important}main .controls{display:block}main .controls label+label{margin-top:10px}main .controls select{padding:10px}main .intro{line-height:1.5}main h1{font-size:27px}}
@media(max-width:720px){body{padding-bottom:env(safe-area-inset-bottom)}header{padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));gap:10px;flex-wrap:wrap}.brand{font-size:21px}.brand .mark{width:34px;height:34px}.headernote{margin-left:auto}.headernote button{font-size:13px}main{padding:20px 12px}h1{font-size:29px}.intro{font-size:14px;margin-bottom:16px}.mobileOnly{display:block;width:100%;text-align:left;margin-bottom:12px;background:#e7f4ee}#wordLists{display:none}body.listsOpen #wordLists{display:block}#decks{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px}.study{padding:16px 12px}.studyhead{flex-wrap:wrap}.studyhead>div{flex:1;min-width:180px}.studyhead h2{overflow-wrap:anywhere}.controls{display:flex;gap:8px}.controls label{min-width:0;flex:1;width:auto}.controls label+label{margin-top:0}.controls select,input,textarea,select{font-size:16px!important}.controls select{padding:10px 4px}.paper{padding:18px 14px;min-height:250px}.word{font-size:32px}.studyactions button{flex:1}.accents button{min-width:44px;min-height:44px}.photoDialog,dialog,.voicepanel{width:calc(100% - 16px);padding:18px 14px;border-radius:18px;max-height:calc(100dvh - 16px)}.photoGrid{gap:12px}.photoGrid section{padding:12px}.photoDialog input[type=file]{font-size:14px!important}.photoDialog .row>button{flex:1 1 150px}.photoSteps{display:none}.photoDialog h2{font-size:23px}.photoPreview{height:130px}.settingsline{overflow-wrap:anywhere}.tools{padding:16px 12px}.welcome h3{font-size:25px}.voicegrid{grid-template-columns:1fr}.row{gap:8px}}