.study-session-container{padding:10px;max-width:100vw;box-sizing:border-box}.touch-button{min-height:48px!important;min-width:120px!important;padding:12px 20px!important;font-size:16px!important;font-weight:700!important;border:none!important;border-radius:8px!important;cursor:pointer!important;margin:8px!important;box-sizing:border-box!important;transition:transform .1s ease,box-shadow .1s ease!important}.touch-button:active{transform:scale(.98)!important;box-shadow:0 2px 4px #0003!important}.touch-button-primary{background-color:#3498db!important;color:#fff!important;min-height:56px!important;font-size:18px!important;margin:16px 0!important}.touch-button-success{background-color:#27ae60!important;color:#fff!important;min-height:52px!important}.touch-button-error{background-color:#e74c3c!important;color:#fff!important;min-height:52px!important}.button-container{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;margin:20px 0!important}.button-row{display:flex!important;flex-direction:row!important;gap:16px!important;justify-content:center!important;width:100%!important;flex-wrap:wrap!important}.question-text{font-size:18px!important;line-height:1.5!important;margin:20px 0!important;padding:0 10px!important;word-wrap:break-word!important}.answer-text{font-size:16px!important;line-height:1.4!important;margin:15px 0!important;padding:15px!important;background-color:#f8f9fa!important;border-radius:8px!important;border:1px solid #e9ecef!important}.keyboard-hint{display:none!important}@media (min-width: 768px){.study-session-container{padding:20px;max-width:800px;margin:0 auto}.button-container{flex-direction:row!important;justify-content:center!important;flex-wrap:wrap!important}.touch-button{min-width:160px!important;margin:10px!important}.question-text{font-size:20px!important;padding:0 20px!important}.keyboard-hint{display:block!important;font-size:12px!important}}@media (min-width: 1024px){.study-session-container{padding:30px;max-width:900px}.touch-button{min-height:44px!important;padding:15px 30px!important;margin:8px!important}.touch-button-primary{min-height:48px!important}.keyboard-hint{display:block!important;font-size:14px!important}}@media (min-width: 1200px){.study-session-container{max-width:1000px}}.stable-layout{min-height:100vh!important;box-sizing:border-box!important}.content-area{min-height:400px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.loading-placeholder{height:48px!important;background-color:#f0f0f0!important;border-radius:8px!important;margin:12px 0!important}@media (prefers-reduced-motion: reduce){.touch-button{transition:none!important}.touch-button:active{transform:none!important}}@media (prefers-contrast: high){.touch-button{border:2px solid currentColor!important}.answer-text{border:2px solid #333!important}}@media (max-width: 767px){header{flex-direction:column!important;gap:15px!important;align-items:stretch!important;text-align:center!important}header>div:first-child{margin-bottom:10px!important}header>div:last-child{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}header button{min-height:44px!important;padding:8px 12px!important;font-size:12px!important;flex:1 1 calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important;gap:8px!important}.chapter-button{min-height:48px!important;font-size:14px!important;padding:10px 5px!important}.session-card{margin-bottom:15px!important;padding:15px!important}body,html{overflow-x:hidden!important;max-width:100vw!important}*{max-width:100%!important;box-sizing:border-box!important}}