.tab-bar[data-v-3fbbc6df]{position:fixed;bottom:0;left:0;right:0;height:calc(60px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--color-white);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--color-border-light);z-index:100}.tab-item[data-v-3fbbc6df]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-normal) var(--easing-standard);min-width:64px}.tab-item[data-v-3fbbc6df]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.tab-item.active[data-v-3fbbc6df]{color:var(--color-interaction-default)}.tab-icon[data-v-3fbbc6df]{width:24px;height:24px;margin-bottom:4px}.tab-icon[data-v-3fbbc6df] svg{width:100%;height:100%;fill:currentColor}.tab-label[data-v-3fbbc6df]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.app[data-v-6242d76e]{height:100%;display:flex;flex-direction:column;background-color:var(--color-background)}.update-banner[data-v-6242d76e]{position:fixed;top:calc(var(--safe-area-top) + 12px);left:50%;z-index:1000;transform:translate(-50%);padding:10px 16px;border-radius:999px;background:#221917eb;color:var(--color-white);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em}.update-banner-enter-active[data-v-6242d76e],.update-banner-leave-active[data-v-6242d76e]{transition:opacity .2s ease,transform .2s ease}.update-banner-enter-from[data-v-6242d76e],.update-banner-leave-to[data-v-6242d76e]{opacity:0;transform:translate(-50%) translateY(-8px)}.page-enter-active[data-v-6242d76e]{animation:page-enter var(--duration-normal) var(--easing-out)}.page-leave-active[data-v-6242d76e]{animation:page-exit var(--duration-fast) var(--easing-in)}@media (prefers-reduced-motion: reduce){.page-enter-active[data-v-6242d76e]{animation:page-enter-reduced-6242d76e var(--duration-fast) var(--easing-out)}.page-leave-active[data-v-6242d76e]{animation:none;opacity:0}@keyframes page-enter-reduced-6242d76e{0%{opacity:0}to{opacity:1}}}:root{--color-primary: #8B4513;--color-primary-light: #A0522D;--color-accent: #F5D5C7;--color-accent-dark: #E8C4B5;--color-background: #FFFFFF;--color-secondary: #F5E6D3;--color-white: #FFFFFF;--color-text: #221917;--color-border: #CCCCCC;--color-border-light: #E0E0E0;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #FF4D4F;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 24px;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--color-surface-primary: #FFFFFF;--color-surface-secondary: #F5E6D3;--color-surface-tertiary: #F5D5C7;--color-surface-overlay: rgba(0, 0, 0, .4);--color-interaction-default: #8B4513;--color-interaction-hover: #A0522D;--color-interaction-active: #6B3410;--color-interaction-focus: #8B4513;--color-interaction-disabled: #CCCCCC;--color-feedback-success: #4CAF50;--color-feedback-success-bg: rgba(76, 175, 80, .1);--color-feedback-warning: #FF9800;--color-feedback-warning-bg: rgba(255, 152, 0, .1);--color-feedback-error: #FF4D4F;--color-feedback-error-bg: rgba(255, 77, 79, .1);--color-feedback-info: #64B5F6;--color-feedback-info-bg: rgba(100, 181, 246, .1);--color-text-primary: #221917;--color-text-secondary: #8D6E63;--color-text-tertiary: #CCCCCC;--color-text-inverse: #FFFFFF;--color-text-link: #8B4513;--color-text-emphasis: #8B4513;--color-border-default: #CCCCCC;--color-border-subtle: #E0E0E0;--color-border-strong: #8B4513;--color-border-focus: #8B4513;--color-health-activity: #E8845A;--color-health-food: #81B29A;--color-health-rest: #6B8CA6;--spacing-2xs: 2px;--spacing-2xl: 40px;--spacing-3xl: 48px;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .03em;--radius-circle: 50%;--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--easing-standard: ease;--easing-in: ease-in;--easing-out: ease-out;--easing-in-out: ease-in-out;--container-mobile: 375px;--container-tablet: 768px;--container-desktop: 1024px;--container-max: 1440px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--button-height: 48px;--button-padding-x: 24px;--button-padding-y: 12px;--button-border-radius: 24px;--button-font-size: 16px;--button-font-weight: 600;--button-letter-spacing: .03em;--card-padding: 16px;--card-border-radius: 12px;--card-shadow: var(--shadow-sm);--card-background: var(--color-surface-primary);--input-height: 48px;--input-padding-x: 16px;--input-border-radius: 12px;--input-background: var(--color-surface-secondary);--input-border: 1px solid var(--color-border-default);--status-dot-size: 8px;--status-badge-padding: 4px 10px;--status-badge-radius: 24px}@media (prefers-reduced-motion: reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-surface-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#app{height:100%;display:flex;flex-direction:column}a{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--easing-standard)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:2px}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}input,textarea{font-family:inherit;border:none;outline:none}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.flex{display:flex}.flex-1{flex:1}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.page{flex:1;overflow-y:auto;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + var(--safe-area-top));padding-bottom:calc(60px + var(--spacing-md) + var(--safe-area-bottom));background:var(--color-surface-primary)}.card{background:var(--card-background);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:transform var(--duration-normal) var(--easing-standard)}.card:active{transform:scale(.98)}.card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.select-card{background:transparent;border:2px dashed var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--duration-normal) var(--easing-standard),transform var(--duration-normal) var(--easing-standard),background-color var(--duration-normal) var(--easing-standard)}.select-card:active{transform:scale(.98)}.select-card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.select-card.active{border-color:var(--color-border-strong);background:var(--color-surface-secondary)}.select-card-icon{width:80px;height:80px;margin-bottom:var(--spacing-md)}.select-card-label{font-size:var(--font-size-sm);color:var(--color-text-emphasis);font-weight:var(--font-weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);letter-spacing:var(--button-letter-spacing);transition:all var(--duration-fast) var(--easing-standard);min-height:var(--button-height);min-width:var(--touch-target-min)}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);letter-spacing:var(--button-letter-spacing)}.btn-primary:active{background:var(--color-interaction-active);transform:scale(.95)}.btn-primary:disabled{background:var(--color-interaction-disabled);color:var(--color-text-tertiary);cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-surface-primary);color:var(--color-interaction-default);border:2px solid var(--color-border-default)}.btn-secondary:active{transform:scale(.95);border-color:var(--color-border-strong)}.btn-secondary:disabled{color:var(--color-interaction-disabled);border-color:var(--color-interaction-disabled);cursor:not-allowed;transform:none}.btn-block{width:90%;margin:0 auto;display:flex}.status-badge{font-size:var(--font-size-xs);padding:var(--status-badge-padding);border-radius:var(--status-badge-radius);font-weight:var(--font-weight-medium)}.status-badge.online{background:var(--color-feedback-success-bg);color:var(--color-feedback-success)}.status-badge.offline{background:#8d6e631a;color:var(--color-text-secondary)}.status-badge.warning{background:var(--color-feedback-warning-bg);color:var(--color-feedback-warning)}.status-badge.error{background:var(--color-feedback-error-bg);color:var(--color-feedback-error)}.status-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-circle);display:inline-block}.status-dot.online{background:var(--color-feedback-success);animation:status-pulse 2s ease-in-out infinite}.status-dot.offline{background:var(--color-interaction-disabled)}.status-dot.warning{background:var(--color-feedback-warning)}.status-dot.error{background:var(--color-feedback-error)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.loading-dot{width:8px;height:8px;border-radius:var(--radius-circle);background:var(--color-interaction-default);animation:loading-pulse 1.2s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-emphasis);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-emphasis);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.divider{height:1px;background:var(--color-border-subtle);margin:var(--spacing-md) 0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.toast{position:fixed;top:calc(var(--spacing-md) + var(--safe-area-top));left:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-toast);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);animation:toast-enter var(--duration-normal) var(--easing-out)}.toast.success{background:var(--color-feedback-success);color:var(--color-text-inverse)}.toast.error{background:var(--color-feedback-error);color:var(--color-text-inverse)}.toast.warning{background:var(--color-feedback-warning);color:var(--color-text-inverse)}.toast.info{background:var(--color-feedback-info);color:var(--color-text-inverse)}.toast-message{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.toast-close{background:transparent;color:inherit;padding:var(--spacing-xs);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}@keyframes toast-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.toast.exiting{animation:toast-exit var(--duration-normal) var(--easing-in)}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-surface-overlay);z-index:var(--z-modal-backdrop);animation:fade-in var(--duration-normal) var(--easing-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--spacing-xl));max-width:400px;background:var(--color-surface-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal);animation:modal-enter var(--duration-normal) var(--easing-out)}@keyframes modal-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-emphasis)}.modal-close{background:transparent;color:var(--color-text-secondary);padding:var(--spacing-xs);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.modal-body{margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-label.required:after{content:" *";color:var(--color-feedback-error)}.input-field,.select-field,.textarea-field{width:100%;height:var(--input-height);padding:0 var(--input-padding-x);background:var(--input-background);border:var(--input-border);border-radius:var(--input-border-radius);font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--easing-standard)}.textarea-field{height:auto;min-height:120px;padding:var(--spacing-sm) var(--input-padding-x);resize:vertical}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.input-field::placeholder,.textarea-field::placeholder{color:var(--color-text-tertiary)}.input-field.error,.select-field.error,.textarea-field.error{border-color:var(--color-feedback-error)}.input-field:disabled,.select-field:disabled,.textarea-field:disabled{background:var(--color-surface-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238D6E63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-error{display:block;font-size:var(--font-size-xs);color:var(--color-feedback-error);margin-top:var(--spacing-xs)}.form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;min-height:var(--touch-target-min)}.checkbox-input,.radio-input{width:20px;height:20px;border:2px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-primary);cursor:pointer;transition:all var(--duration-fast) var(--easing-standard)}.radio-input{border-radius:var(--radius-circle)}.checkbox-input:checked,.radio-input:checked{background:var(--color-interaction-default);border-color:var(--color-interaction-default)}.checkbox-input:focus,.radio-input:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.checkbox-label,.radio-label{font-size:var(--font-size-md);color:var(--color-text-primary);cursor:pointer}.stepper{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.stepper-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper-step:not(:last-child):after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:var(--color-border-subtle);z-index:-1}.stepper-step.completed:after{background:var(--color-interaction-default)}.stepper-circle{width:32px;height:32px;border-radius:var(--radius-circle);background:var(--color-surface-secondary);border:2px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.stepper-step.active .stepper-circle,.stepper-step.completed .stepper-circle{background:var(--color-interaction-default);border-color:var(--color-interaction-default);color:var(--color-text-inverse)}.stepper-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.stepper-step.active .stepper-label{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.progress-bar{width:100%;height:8px;background:var(--color-surface-secondary);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;background:var(--color-interaction-default);border-radius:var(--radius-pill);transition:width var(--duration-slow) var(--easing-out)}.progress-fill.success{background:var(--color-feedback-success)}.progress-fill.warning{background:var(--color-feedback-warning)}.progress-fill.error{background:var(--color-feedback-error)}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-error-shake{animation:error-shake var(--duration-normal) var(--easing-standard)}@media (prefers-reduced-motion: reduce){.animate-error-shake{animation:none;border-color:var(--color-feedback-error)}}@keyframes success-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-success-pop{animation:success-pop var(--duration-normal) var(--easing-out)}@media (prefers-reduced-motion: reduce){@keyframes success-pop{0%{opacity:0}to{opacity:1}}}@keyframes value-update{0%{transform:scale(1);color:var(--color-text-primary)}50%{transform:scale(1.1);color:var(--color-primary)}to{transform:scale(1);color:var(--color-text-primary)}}.animate-value-update{animation:value-update var(--duration-normal) var(--easing-out)}@media (prefers-reduced-motion: reduce){@keyframes value-update{0%,to{color:var(--color-text-primary)}50%{color:var(--color-primary)}}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-page-enter{animation:page-enter var(--duration-normal) var(--easing-out)}@media (prefers-reduced-motion: reduce){@keyframes page-enter{0%{opacity:0}to{opacity:1}}}@keyframes page-exit{0%{opacity:1}to{opacity:0}}.animate-page-exit{animation:page-exit var(--duration-fast) var(--easing-in)}@media (prefers-reduced-motion: reduce){.animate-page-exit{animation:none;opacity:0}}@keyframes modal-content-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-content-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.animate-modal-content-enter{animation:modal-content-enter var(--duration-normal) var(--easing-out)}.animate-modal-content-exit{animation:modal-content-exit var(--duration-fast) var(--easing-in)}@media (prefers-reduced-motion: reduce){@keyframes modal-content-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-content-exit{0%{opacity:1}to{opacity:0}}}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-exit{0%{opacity:1}to{opacity:0}}.animate-modal-backdrop-enter{animation:modal-backdrop-enter var(--duration-normal) var(--easing-out)}.animate-modal-backdrop-exit{animation:modal-backdrop-exit var(--duration-fast) var(--easing-in)}@keyframes drawer-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawer-exit{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-drawer-enter{animation:drawer-enter var(--duration-slow) var(--easing-out)}.animate-drawer-exit{animation:drawer-exit var(--duration-normal) var(--easing-in)}@media (prefers-reduced-motion: reduce){.animate-drawer-enter,.animate-drawer-exit{animation:none}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spinner-rotate 1s linear infinite}@media (prefers-reduced-motion: reduce){.animate-spin{animation:spinner-pulse 2s ease-in-out infinite}@keyframes spinner-pulse{0%,to{opacity:.4}50%{opacity:1}}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-surface-secondary);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.animate-skeleton{animation:none;opacity:.6}}@keyframes battery-blink{0%,to{opacity:1}50%{opacity:.3}}.animate-battery-blink{animation:battery-blink 1s ease-in-out infinite;color:var(--color-feedback-warning)}@media (prefers-reduced-motion: reduce){.animate-battery-blink{animation:none}}@keyframes connection-lost{0%{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}to{transform:translate(0)}}.animate-connection-lost{animation:connection-lost var(--duration-normal) var(--easing-out);color:var(--color-feedback-error)}@media (prefers-reduced-motion: reduce){.animate-connection-lost{animation:none}}@keyframes bar-grow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.animate-bar-grow{animation:bar-grow var(--duration-slow) var(--easing-out)}.animate-bar-grow:nth-child(1){animation-delay:0ms}.animate-bar-grow:nth-child(2){animation-delay:50ms}.animate-bar-grow:nth-child(3){animation-delay:.1s}.animate-bar-grow:nth-child(4){animation-delay:.15s}.animate-bar-grow:nth-child(5){animation-delay:.2s}.animate-bar-grow:nth-child(6){animation-delay:.25s}.animate-bar-grow:nth-child(7){animation-delay:.3s}@media (prefers-reduced-motion: reduce){.animate-bar-grow{animation:none}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--easing-out)}.animate-fade-in-up{animation:fade-in-up var(--duration-normal) var(--easing-out)}@media (prefers-reduced-motion: reduce){@keyframes fade-in-up{0%{opacity:0}to{opacity:1}}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fade-out var(--duration-fast) var(--easing-in)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.animate-pulse{animation:none}}.animate-tap{transition:transform var(--duration-fast) var(--easing-standard)}.animate-tap:active{transform:scale(.95)}@media (prefers-reduced-motion: reduce){.animate-tap:active{transform:none;opacity:.8}}.animate-tap-subtle{transition:transform var(--duration-normal) var(--easing-standard)}.animate-tap-subtle:active{transform:scale(.98)}@media (prefers-reduced-motion: reduce){.animate-tap-subtle:active{transform:none;background-color:var(--color-surface-secondary)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right var(--duration-normal) var(--easing-out)}.animate-slide-in-left{animation:slide-in-left var(--duration-normal) var(--easing-out)}@media (prefers-reduced-motion: reduce){@keyframes slide-in-right{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0}to{opacity:1}}}.will-animate{will-change:transform,opacity}.animation-complete{will-change:auto}