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}.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}.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}@media (min-width: 768px){.touch-button{min-width:160px!important;margin:10px!important}}@media (min-width: 1024px){.touch-button{min-height:44px!important;padding:15px 30px!important;margin:8px!important}.touch-button-primary{min-height:48px!important}}@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}}.mobile-menu-button{display:none;background-color:transparent;border:none;font-size:24px;cursor:pointer;padding:8px;color:var(--text-primary);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:var(--bg-primary);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:var(--bg-secondary)}.mobile-menu-item.logout{color:#dc3545}.mobile-menu-item.logout:hover{background-color:#ffe8ea}@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){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:clip!important;max-width:100vw!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;--shadow: rgba(0, 0, 0, .1);--warning-bg: #fff8e1;--warning-fg: #7a5a00;color-scheme:light}[data-theme=dark]{--text-primary: #f1f3f5;--text-secondary: #c9ced3;--text-muted: #8f979e;--bg-primary: #1c1f23;--bg-secondary: #121417;--bg-tertiary: #2a2f35;--border-color: #343a40;--shadow: rgba(0, 0, 0, .5);--shadow-small: 0 2px 4px rgba(0,0,0,.4);--shadow-medium: 0 4px 12px rgba(0,0,0,.5);--shadow-large: 0 8px 24px rgba(0,0,0,.6);--warning-bg: #3a2f0b;--warning-fg: #f3d27a;color-scheme:dark}body{margin:0;background-color:var(--bg-secondary);color:var(--text-primary)}