body.mobile{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover:none){.mobile button:hover:not(:disabled){border-color:var(--border)}.mobile .icon-button:hover{color:var(--muted)}}.mobile header{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;margin:0;display:block}.mobile .title{justify-content:space-between;gap:0}.mobile .title h1{margin-right:auto}.mobile h1{font-size:1.15rem}.mobile .icon-button{background:0 0;border:none;padding:8px}.mobile .stats{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:6px;display:grid}.mobile .stats span{font-size:1.1rem}.mobile .stats small{font-size:.65rem}.mobile main{max-width:560px;padding:0 12px}.mobile .card{border-radius:12px;margin:0;padding:16px 14px}.mobile .exercise-name{font-size:.75rem}.mobile .given{gap:8px;margin-top:8px;font-size:1.35rem}.mobile .phrase{min-height:1.9rem;margin:12px 0 4px;font-size:1.25rem}.mobile .slot{margin-top:12px}.mobile .options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mobile .options button{overflow-wrap:anywhere;min-width:0;min-height:48px;padding:8px 4px;font-size:1.3rem}.mobile .tables table{font-size:1.3rem}.mobile .tables table.split td{width:50%}.mobile .tables th,.mobile .tables td{padding:5px 6px}.mobile .tables td{white-space:normal}.bottom-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar #skip{flex:1;min-height:48px}.bottom-bar .result{flex-wrap:nowrap;flex:1;margin:0}.bottom-bar #result-text{font-size:.95rem}.bottom-bar #next{min-height:48px;padding:0 28px}.bottom-bar:has(#result:not([hidden])) #skip{display:none}.mobile dialog{width:100%;max-width:100%;max-height:85vh;padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0;margin:auto 0 0}.mobile fieldset label{min-height:40px}.mobile fieldset input[type=checkbox]{width:20px;height:20px}.mobile .dialog-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.mobile .dialog-actions button{white-space:nowrap;min-height:44px;padding:0 10px;font-size:.9rem}.mobile #close-settings,.mobile #close-tables{margin-left:auto}.mobile .switch{text-align:center;margin:16px 0 0;font-size:.9rem}.mobile .switch a{color:var(--muted)}