.touch-manipulation{touch-action:manipulation}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-none{touch-action:none}.touch-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.overscroll-none{overscroll-behavior:none}.overscroll-contain{overscroll-behavior:contain}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.btn-mobile{min-height:44px;min-width:44px;padding:12px 16px;font-size:16px;border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-mobile-large{min-height:56px;padding:16px 24px;font-size:18px;font-weight:600}.btn-mobile-small{min-height:36px;padding:8px 12px;font-size:14px}.touch-feedback{transition:transform .1s ease,background-color .1s ease}.touch-feedback:active{transform:scale(.95)}.mobile-card{background:white;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;margin:16px;touch-action:manipulation}.mobile-card-compact{padding:16px;margin:12px;border-radius:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom);z-index:50}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;min-height:56px;color:#6b7280;text-decoration:none;transition:color .2s ease;touch-action:manipulation}.mobile-nav-item.active{color:#8b5cf6}.mobile-nav-item:active{background-color:rgba(139,92,246,.1)}.mobile-header{position:sticky;top:0;background:white;border-bottom:1px solid rgba(0,0,0,.1);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;z-index:40}.mobile-header-transparent{background:transparent;border-bottom:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-input{width:100%;min-height:48px;padding:12px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;background:white;transition:border-color .2s ease}.mobile-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.mobile-textarea{min-height:120px;resize:vertical}.mobile-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:60;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.mobile-modal-content{background:white;border-radius:20px 20px 0 0;width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-modal-header{padding:20px 20px 0;border-bottom:1px solid #f3f4f6;margin-bottom:20px}.mobile-modal-body{padding:0 20px 20px}.mobile-list{background:white;border-radius:12px;overflow:hidden;margin:16px}.mobile-list-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f3f4f6;touch-action:manipulation;transition:background-color .1s ease}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item:active{background-color:#f9fafb}.mobile-container{padding:0 16px;max-width:100%}.mobile-section{margin:24px 0}.mobile-section-compact{margin:16px 0}.mobile-title{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:8px}.mobile-subtitle{font-size:20px;font-weight:600;line-height:1.3;margin-bottom:12px}.mobile-body{font-size:16px;line-height:1.5;color:#374151}.mobile-caption{font-size:14px;line-height:1.4;color:#6b7280}.mobile-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:mobile-skeleton-loading 1.5s infinite}@keyframes mobile-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-pull-refresh{position:relative;overflow:hidden}.mobile-pull-refresh-indicator{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:top .3s ease}.mobile-pull-refresh-indicator.active{top:20px}.mobile-swipe-container{position:relative;overflow:hidden}.mobile-swipe-content{transition:transform .3s ease}.mobile-swipe-actions{position:absolute;top:0;right:0}.mobile-swipe-action,.mobile-swipe-actions{height:100%;display:flex;align-items:center}.mobile-swipe-action{justify-content:center;padding:0 20px;color:white;font-weight:600;touch-action:manipulation}.mobile-swipe-action.danger{background-color:#ef4444}.mobile-swipe-action.primary{background-color:#8b5cf6}@media (max-width:767px){body,html{overflow-x:hidden!important;max-width:100vw!important}.container,.max-w-2xl,.max-w-3xl,.max-w-4xl,.max-w-5xl,.max-w-6xl,.max-w-7xl,.max-w-lg,.max-w-md,.max-w-sm,.max-w-xl{max-width:100vw!important;overflow-x:hidden!important;padding-left:1rem!important;padding-right:1rem!important}.overflow-x-auto,.table-container,table{max-width:100%!important;overflow-x:auto!important}.calendar-grid,.calendar-grid .grid-cols-7,.grid-cols-7,[class*=calendar] .grid-cols-7{grid-template-columns:repeat(7,1fr)!important;display:grid!important}.grid-cols-2:not(.calendar-grid):not([class*=calendar]),.grid-cols-3:not(.calendar-grid):not([class*=calendar]),.grid-cols-4:not(.calendar-grid):not([class*=calendar]),.grid-cols-5:not(.calendar-grid):not([class*=calendar]),.grid-cols-6:not(.calendar-grid):not([class*=calendar]),.grid:not(.grid-cols-7):not(.calendar-grid):not([class*=calendar]){grid-template-columns:1fr!important}.grid-cols-2.mobile-allow-2{grid-template-columns:1fr 1fr!important}.flex-nowrap{flex-wrap:wrap!important}.btn,[role=button]:not([role=switch]),a:not([data-radix-collection-item]),button:not([data-radix-collection-item]):not([role=switch]),input[type=button],input[type=submit]{min-height:44px!important;min-width:44px!important;padding:12px 16px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}[data-radix-switch-root],button[role=switch]{position:relative!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}[data-radix-switch-root]:before,button[role=switch]:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;min-width:44px!important;min-height:44px!important;z-index:-1!important;pointer-events:none!important}[data-radix-switch-root]{padding:12px!important;margin:-12px!important}.btn-icon,.icon-button,button[class*=icon]{width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important}input,select,textarea{min-height:44px!important;font-size:16px!important;padding:12px 16px!important}.mobile-settings-dropdown{min-height:48px!important;font-size:16px!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.5em 1.5em!important;padding-right:2.5rem!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}textarea{min-height:120px!important}body{font-size:16px!important;line-height:1.5!important}h1{font-size:1.875rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h4{font-size:1.125rem!important}h5{font-size:1rem!important}h6{font-size:.875rem!important}.text-gray-500{color:#374151!important}.text-gray-400{color:#4b5563!important}div,p,span{max-width:75ch!important}.mobile-only{display:block!important}.desktop-only{display:none!important}.mobile-full-width{width:100%!important;margin-left:0!important;margin-right:0!important}.mobile-text-center{text-align:center!important}.mobile-p-4{padding:1rem!important}.mobile-m-0{margin:0!important}.bg-card,.border.rounded,.border.rounded-lg,.border.rounded-md,.border.rounded-xl,.card,.card-content,.p-6,.p-8,.shadow,.shadow-lg,.shadow-md,.shadow-sm,[class*=card-content],[class*=card]{padding:.75rem!important}.card-footer,.card-header,[class*=card-footer],[class*=card-header]{padding:.75rem .75rem .5rem!important}.dashboard-card,.form-card,.profile-card,.settings-card{padding:.75rem!important}.card .btn,.card button,.card input,.card select,.card textarea{margin:.25rem 0!important}.card>*+*{margin-top:.5rem!important}}@media (min-width:768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media (max-width:767px){.practice-timer-mobile{font-size:3rem!important;font-weight:700!important;text-align:center!important;padding:2rem!important;background:linear-gradient(135deg,#8b5cf6,#a855f7)!important;color:white!important;border-radius:1rem!important;margin:1rem 0!important}.practice-controls-mobile{display:flex!important;justify-content:center!important;gap:1rem!important;margin:1.5rem 0!important}.practice-controls-mobile button{min-width:80px!important;min-height:56px!important;font-size:1.125rem!important;font-weight:600!important}.family-member-card-mobile{display:flex!important;align-items:center!important;padding:1rem!important;background:white!important;border-radius:.75rem!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;margin-bottom:.75rem!important;min-height:72px!important}.family-member-avatar-mobile{width:48px!important;height:48px!important;border-radius:50%!important;margin-right:1rem!important;flex-shrink:0!important}.gear-item-mobile{display:flex!important;align-items:center!important;padding:1rem!important;border-bottom:1px solid #f3f4f6!important;min-height:80px!important}.gear-image-mobile{width:60px!important;height:60px!important;border-radius:.5rem!important;margin-right:1rem!important;flex-shrink:0!important;-o-object-fit:cover!important;object-fit:cover!important}.calendar-event-mobile{padding:.75rem!important;border-left:4px solid #8b5cf6!important;background:white!important;border-radius:0 .5rem .5rem 0!important;margin-bottom:.5rem!important;min-height:60px!important}.mobile-calendar-container{padding:.75rem!important;margin:.5rem 0!important}.custom-calendar .react-calendar__month-view__days,.mobile-calendar-container .calendar-grid{gap:1px!important}.custom-calendar .react-calendar__tile{padding:6px 2px!important;font-size:12px!important;min-height:32px!important}.custom-calendar .react-calendar__navigation{margin-bottom:.5rem!important;height:36px!important}.custom-calendar .react-calendar__navigation button{min-width:36px!important;font-size:14px!important}.event-form-mobile{padding:.5rem!important}.event-form-mobile .card{margin:.25rem 0!important;padding:.5rem!important}.mobile-event-form-no-cards{width:100vw!important;margin-left:calc(-50vw + 50%)!important;padding:0 1rem!important}.mobile-calendar-no-cards,.mobile-calendar-no-cards .calendar-grid{width:100%!important;overflow-x:visible!important}.mobile-calendar-no-cards .calendar-grid{min-width:100%!important}.mobile-calendar-no-cards .grid-cols-7>*{min-width:calc(100% / 7)!important;max-width:calc(100% / 7)!important;flex:1 1 calc(100% / 7)!important}.mobile-event-card{width:100%!important;max-width:100%!important;overflow:hidden!important}.mobile-event-card *{max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.mobile-event-card .truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mobile-event-card .line-clamp-2{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.form-buttons-mobile{position:sticky!important;bottom:0!important;background:white!important;padding:1rem!important;border-top:1px solid #e5e7eb!important;margin:0 -1rem -1rem!important;z-index:10!important}.currency-mobile:before{content:"AUD $"!important;font-weight:600!important;color:#059669!important}input[type=date],input[type=datetime-local],input[type=time]{min-height:44px!important;font-size:16px!important;padding:12px 16px!important}.thumb-zone-primary{bottom:80px!important;z-index:40!important}.thumb-zone-primary,.thumb-zone-secondary{position:fixed!important;right:1rem!important}.thumb-zone-secondary{bottom:50%!important;transform:translateY(50%)!important;z-index:30!important}.swipe-indicator{position:relative!important}.swipe-indicator:after{content:"← Swipe"!important;position:absolute!important;right:1rem!important;top:50%!important;transform:translateY(-50%)!important;font-size:.75rem!important;color:#9ca3af!important;opacity:.7!important}.mobile-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:3rem 1rem!important;text-align:center!important}.mobile-loading-spinner{width:48px!important;height:48px!important;border:4px solid #f3f4f6!important;border-top-color:#8b5cf6!important;border-radius:50%!important;animation:spin 1s linear infinite!important;margin-bottom:1rem!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}@media (prefers-color-scheme:dark){.mobile-card{background:#1f2937;color:white}.mobile-input{background:#374151;border-color:#4b5563;color:white}.mobile-nav{background:#1f2937;border-top-color:#374151}.mobile-header{background:#1f2937;border-bottom-color:#374151}}