.touch-feedback-active{background-color:rgba(0,0,0,.1);transform:scale(.98);transition:all .1s ease}.touch-ripple{position:absolute;border-radius:50%;background-color:rgba(255,255,255,.3);pointer-events:none;transition:transform .3s ease,opacity .3s ease;opacity:0}.touch-ripple.animate{transform:translate(-50%,-50%) scale(1);opacity:1}.state-active{background-color:rgba(59,130,246,.1);border-color:#3b82f6}.state-loading{opacity:.7;cursor:wait;pointer-events:none}.state-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.state-selected{background-color:rgba(34,197,94,.1);border-color:#22c55e}.state-error{background-color:rgba(239,68,68,.1);border-color:#ef4444;animation:shake .5s ease-in-out}.touch-error{background-color:rgba(239,68,68,.2);animation:error-pulse .5s ease-in-out}@keyframes error-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.success-feedback{background-color:rgba(34,197,94,.1);border-color:#22c55e;animation:success-pulse .3s ease-in-out}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.loading-indicator{position:fixed;background:rgba(0,0,0,.8);color:white;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{position:fixed;background:#ef4444;padding:12px 16px;border-radius:8px;font-size:14px;z-index:9999;gap:8px;max-width:300px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.error-close,.error-message{color:white;display:flex;align-items:center}.error-close{background:none;border:none;font-size:18px;cursor:pointer;padding:0;margin-left:auto;width:20px;height:20px;justify-content:center}.success-message{position:fixed;background:#22c55e;color:white;padding:12px 16px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-mobile-menu]{position:fixed;top:0;left:0;width:100%;height:100vh;background:white;z-index:1000;transform:translateX(-100%);transition:transform .3s ease-in-out;overflow-y:auto;-webkit-overflow-scrolling:touch}[data-mobile-menu].menu-opening{transform:translateX(-50%)}[data-mobile-menu].menu-open{transform:translateX(0)}[data-mobile-menu].menu-closing{transform:translateX(-50%)}[data-mobile-menu].menu-closed{transform:translateX(-100%)}[data-mobile-menu-button]{position:relative;min-width:44px;min-height:44px;padding:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;overflow:hidden}[data-mobile-menu-button]:hover{background-color:rgba(0,0,0,.05)}[data-mobile-menu-button]:focus{outline:2px solid #3b82f6;outline-offset:2px}[data-mobile-menu-button]:active{transform:scale(.95)}.hamburger-icon{width:24px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:2px;background-color:currentColor;transition:all .3s ease;transform-origin:center}[data-mobile-menu-button][aria-expanded=true] .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}[data-mobile-menu-button][aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}[data-mobile-menu-button][aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-content{padding:20px;height:100%;display:flex;flex-direction:column}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.mobile-menu-nav{flex:1}.mobile-menu-nav ul{list-style:none;padding:0;margin:0}.mobile-menu-nav li{margin-bottom:8px}.mobile-menu-nav a{display:block;padding:16px 12px;color:#374151;text-decoration:none;border-radius:8px;font-size:16px;font-weight:500;transition:all .2s ease;min-height:44px;display:flex;align-items:center}.mobile-menu-nav a:hover{background-color:#f3f4f6;color:#1f2937}.mobile-menu-nav a:focus{outline:2px solid #3b82f6;outline-offset:2px}.mobile-menu-nav a.active{background-color:#dbeafe;color:#1d4ed8}.mobile-checkbox{position:relative;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-checkbox input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer}.mobile-checkbox:hover{background-color:rgba(0,0,0,.05)}.mobile-checkbox:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.tips-area{position:relative;min-height:200px;padding:20px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb}.tips-loading{color:#6b7280}.tips-error,.tips-loading{display:flex;align-items:center;justify-content:center;min-height:100px}.tips-error{flex-direction:column;color:#ef4444;text-align:center}.tips-retry-button{margin-top:12px;padding:8px 16px;background:#3b82f6;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;min-height:44px;min-width:44px}.tips-retry-button:hover{background:#2563eb}@media (max-width:768px){a,button,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}.mobile-menu-nav a{padding:20px 16px;font-size:18px}.loading-indicator{padding:16px 20px;font-size:16px}.loading-spinner{width:20px;height:20px}}@media (prefers-color-scheme:dark){[data-mobile-menu]{background:#1f2937;color:white}.mobile-menu-nav a{color:#d1d5db}.mobile-menu-nav a:hover{background-color:#374151;color:white}.mobile-menu-nav a.active{background-color:#1e40af;color:#dbeafe}.tips-area{background:#374151;border-color:#4b5563;color:white}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.touch-ripple{display:none}}.touch-manipulation{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (max-width:640px){.touch-manipulation{min-height:44px;min-width:44px}.emoji-picker-button{padding:12px;font-size:20px;line-height:1}input[type=email],input[type=password],input[type=text],input[type=url],select,textarea{font-size:16px}}.touch-feedback{transition:all .15s ease-out}.touch-feedback:active{transform:scale(.95);opacity:.8}.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}