button{min-height:var(--touch-target-comfortable, 48px);transition:all .2s ease}input,select,textarea{min-height:var(--touch-target-comfortable, 48px);padding:var(--spacing-md, 12px);font-size:16px}button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}button:focus-visible{outline:2px solid #007bff;outline-offset:2px}button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001a}button:disabled{opacity:.65;cursor:not-allowed}.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: 1200px){.chapter-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:12px!important}.study-mode-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}}@media (min-width: 768px) and (max-width: 1199px){.chapter-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.study-mode-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!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}}.button-label{font-size:13px;white-space:normal;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 480px){.button-label{font-size:11px}}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-menu-button{display:flex!important}}@media (max-width: 480px){header{padding:10px 12px!important}header img{width:45px!important;height:45px!important}}@media (max-width: 768px){.form-section{padding:20px!important}.mode-description{font-size:12px!important;padding:8px!important}}@media (max-width: 480px){.form-section{padding:16px!important;margin-bottom:20px!important}.form-section h2{font-size:18px!important}}.mobile-menu-button{display:none;background-color:transparent;border:none;font-size:24px;cursor:pointer;padding:8px;color:#212529;align-items:center;justify-content:center;min-height:44px;min-width:44px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.mobile-menu-panel{position:fixed;top:0;width:70%;max-width:280px;height:100vh;background-color:#fff;box-shadow:0 0 20px #0003;transition:right .3s ease;z-index:1000;overflow-y:auto}.mobile-menu-header{padding:16px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.mobile-menu-item{width:100%;padding:16px;border:none;background-color:transparent;text-align:left;cursor:pointer;font-size:16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s;min-height:48px}.mobile-menu-item:hover{background-color:#f8f9fa}.mobile-menu-item.logout{color:#dc3545}.mobile-menu-item.logout:hover{background-color:#ffe8ea}.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,button{transition:none!important}.touch-button:active,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){.chapter-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:0 8px!important}.study-mode-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}header{flex-direction:column!important;gap:15px!important;align-items:stretch!important;text-align:center!important}header>div:first-child{margin-bottom:10px!important}body,html{overflow-x:hidden!important;max-width:100vw!important}}@media (max-width: 480px){.chapter-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.study-mode-grid{grid-template-columns:1fr!important;gap:6px!important}}:root{--primary-action: #28a745;--primary-action-hover: #1e7e34;--primary-action-active: #155724;--primary-action-disabled: #cccccc;--secondary-action: #007bff;--secondary-action-hover: #0056b3;--tertiary-action: #6c757d;--destructive: #dc3545;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--border-color: #dee2e6;--border-radius-small: 6px;--border-radius-medium: 8px;--border-radius-large: 10px;--shadow-small: 0 2px 4px rgba(0,0,0,.08);--shadow-medium: 0 4px 12px rgba(0,0,0,.12);--shadow-large: 0 8px 24px rgba(0,0,0,.15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--touch-target-min: 44px;--touch-target-comfortable: 48px}