:root{--color-neutral-50: #FBF7F3;--color-neutral-100: #F7EFE9;--color-neutral-200: #EFE5DB;--color-neutral-300: #EDE3D9;--color-neutral-400: #DDD2C8;--color-neutral-500: #C9BAA9;--color-neutral-600: #8B6F5F;--color-neutral-700: #5C524A;--color-neutral-800: #4A4340;--color-neutral-900: #363230;--color-neutral-950: #1C1917;--color-brand-50: #FDF5F1;--color-brand-100: #F0D9CE;--color-brand-200: #E2B6A3;--color-brand-300: #D9A88E;--color-brand-400: #D09A7F;--color-brand-500: #C98D71;--color-brand-600: #B57D63;--color-brand-700: #9A6950;--color-brand-800: #7A533F;--color-brand-900: #5B3E2F;--color-brand-950: #3A271D;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #2D7A4F;--color-emerald-800: #246B43;--color-emerald-900: #064e3b;--color-emerald-950: #022c22;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #B8860B;--color-amber-800: #9A7209;--color-amber-900: #78350f;--color-amber-950: #451a03;--color-crimson-50: #fef2f2;--color-crimson-100: #fee2e2;--color-crimson-200: #fecaca;--color-crimson-300: #fca5a5;--color-crimson-400: #f87171;--color-crimson-500: #ef4444;--color-crimson-600: #dc2626;--color-crimson-700: #C0392B;--color-crimson-800: #A93226;--color-crimson-900: #7f1d1d;--color-crimson-950: #450a0a;--color-azure-50: #f3f0ff;--color-azure-100: #ede9fe;--color-azure-200: #ddd6fe;--color-azure-300: #c4b5fd;--color-azure-400: #a78bfa;--color-azure-500: #8b5cf6;--color-azure-600: #7c3aed;--color-azure-700: #6B4FA0;--color-azure-800: #5b21b6;--color-azure-900: #4c1d95;--color-azure-950: #2e1065;--space-0: 0;--space-px: 1px;--space-half: 2px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-7: var(--space-8);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 1px rgba(54, 50, 48, .04);--shadow-sm: 0 1px 2px rgba(54, 50, 48, .06);--shadow-md: 0 4px 6px -1px rgba(54, 50, 48, .08), 0 2px 4px -2px rgba(54, 50, 48, .05);--shadow-lg: 0 10px 15px -3px rgba(54, 50, 48, .1), 0 4px 6px -4px rgba(54, 50, 48, .05);--shadow-xl: 0 20px 25px -5px rgba(54, 50, 48, .12), 0 8px 10px -6px rgba(54, 50, 48, .06);--shadow-inner: inset 0 1px 2px rgba(54, 50, 48, .06);--shadow-brand: 0 8px 20px -4px rgba(201, 141, 113, .3);--shadow-danger: 0 8px 20px -4px rgba(192, 57, 43, .25);--shadow-success: 0 8px 20px -4px rgba( 45, 122, 79, .25);--shadow-warning: 0 8px 20px -4px rgba(184, 134, 11, .25);--shadow-info: 0 8px 20px -4px rgba(107, 79, 160, .25);--shadow-kiosk-hero: 0 24px 48px -16px rgba(58, 39, 29, .18), 0 8px 16px -8px rgba(58, 39, 29, .1);--glow-brand-soft: 0 0 0 4px rgba(201, 141, 113, .1);--glow-brand-strong: 0 0 0 8px rgba(201, 141, 113, .18);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-display: "Fraunces", "DM Serif Display", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--tracking-wide: .04em;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-tactile: cubic-bezier(.34, 1.56, .64, 1);--ease-decel: var(--ease-out);--transition-tactile: .22s var(--ease-tactile);--transition-press: 90ms cubic-bezier(.4, 0, .6, 1);--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 150;--z-sheet: 200;--z-modal: 300;--z-popover: 400;--z-toast: 1000;--sidebar-width: 204px;--header-height: 56px;--content-max-width: 1200px;--panel-width: 392px;--calendar-slot-height: 20px;--calendar-gutter-width: 72px;--calendar-header-height: 40px;--calendar-toolbar-height: 48px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--color-surface: #ffffff;--color-surface-raised: var(--color-neutral-100);--color-surface-muted: var(--color-neutral-200);--color-surface-overlay: var(--color-neutral-300);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-700);--color-text-subtle: var(--color-neutral-700);--color-text-inverse: var(--color-neutral-100);--color-text-link: var(--color-brand-500);--color-border: var(--color-neutral-400);--color-border-strong: var(--color-neutral-500);--color-border-subtle: var(--color-neutral-300);--color-interactive: var(--color-brand-500);--color-interactive-hover: var(--color-brand-600);--color-interactive-active: var(--color-brand-700);--color-interactive-muted: var(--color-brand-100);--color-success: var(--color-emerald-700);--color-success-bg: var(--color-emerald-50);--color-warning: var(--color-amber-700);--color-warning-bg: var(--color-amber-50);--color-danger: var(--color-crimson-700);--color-danger-bg: var(--color-crimson-50);--color-info: var(--color-azure-700);--color-info-bg: var(--color-azure-50);--color-focus-ring: var(--color-brand-300);--brand-primary: var(--color-interactive);--brand-primary-hover: var(--color-interactive-hover);--brand-primary-light: var(--color-brand-300);--brand-primary-muted: var(--color-brand-100);--brand-primary-dark: var(--color-brand-700);--accent-secondary: var(--color-brand-200);--color-primary: var(--color-interactive);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-tertiary: var(--color-text-subtle);--text-muted: var(--color-neutral-700);--text-inverse: var(--color-text-inverse);--text-semibold: var(--font-semibold);--surface-0: var(--color-surface);--surface-1: var(--color-surface-raised);--surface-2: var(--color-surface-muted);--surface-3: var(--color-surface-overlay);--bg-primary: var(--color-surface);--border: var(--color-border);--border-light: var(--color-border-subtle);--border-default: var(--color-border);--border-medium: var(--color-border);--border-hover: var(--color-border-strong);--border-focus: var(--color-interactive);--color-error: var(--color-danger);--color-error-bg: var(--color-danger-bg);--color-error-hover: var(--color-crimson-800);--color-success-hover:var(--color-emerald-800);--color-warning-hover:var(--color-amber-800);--error: var(--color-danger);--status-success: var(--color-success);--status-error: var(--color-danger);--status-error-bg: var(--color-danger-bg);--font-xs: var(--text-xs);--font-sm: var(--text-sm);--font-lg: var(--text-lg);--location-dublin: #0d9488;--location-pleasanton: #d97706;--location-sanramon: #7c3aed;--cat-threading: var(--color-emerald-600);--cat-waxing: #2563eb;--cat-facial: var(--color-azure-600);--cat-bleach: #ea580c;--cat-special: #0d9488;--cat-packages: var(--color-amber-700);--cat-threading-bg: rgba(5, 150, 105, .15);--cat-waxing-bg: rgba(37, 99, 235, .15);--cat-facial-bg: rgba(124, 58, 237, .15);--cat-bleach-bg: rgba(234, 88, 12, .15);--cat-special-bg: rgba(13, 148, 136, .15);--cat-packages-bg: rgba(184, 134, 11, .15);--sched-1: #0d9488;--sched-2: #d97706;--sched-3: #7c3aed;--sched-4: #2563eb;--sched-5: #dc2626;--sched-6: #059669;--sched-7: #c026d3;--sched-8: #ea580c;--sched-9: #4f46e5;--sched-10: #0891b2;--sched-11: #b45309;--sched-12: #9333ea;--sched-13: #16a34a;--sched-14: #e11d48;--sched-15: #0369a1;--sched-16: #a16207;--sched-17: #7e22ce;--sched-18: #15803d;--sched-19: #be185d;--sched-20: #1d4ed8;--sidebar-bg: var(--color-neutral-900);--sidebar-text: #E2D5CC;--sidebar-text-active: var(--color-neutral-100);--sidebar-text-muted: var(--color-neutral-600);--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active: rgba(255, 255, 255, .12);--status-booked: #00b7ff;--status-booked-bg: #a8d8f7;--status-confirmed: #29ce3c;--status-confirmed-bg: #a3e8b0;--status-arrived: #f012be;--status-arrived-bg: #f9b0e4;--status-in-progress: #0d9488;--status-in-progress-bg: #9fd9d2;--status-completed: #32986b;--status-completed-bg: #a3dcc2;--status-no-show: #dd0b00;--status-no-show-bg: #f5a8a8;--status-cancelled: #d1d5db;--status-cancelled-bg: #d5d8dd;--stripe-overlay: rgba(0, 0, 0, .06);--bg-overlay: rgba(54, 50, 48, .4);--bg-past-time: rgba(100, 110, 130, .08);--shadow-ring: 0 0 0 3px var(--color-focus-ring);--shadow-ring-error: 0 0 0 3px var(--color-danger-bg);--gradient-brand: linear-gradient(135deg, var(--color-interactive), var(--color-brand-200));--gradient-subtle: linear-gradient(180deg, var(--color-surface-raised), var(--color-surface))}[data-theme=dark]{--color-surface: var(--color-neutral-950);--color-surface-raised: #292524;--color-surface-muted: #3B3532;--color-surface-overlay: var(--color-neutral-800);--color-text: #F5EDE7;--color-text-muted: var(--color-neutral-500);--color-text-subtle: #A8907F;--color-text-inverse: var(--color-neutral-950);--color-text-link: var(--color-brand-300);--color-border: var(--color-neutral-800);--color-border-strong: var(--color-neutral-700);--color-border-subtle: #3B3532;--color-interactive: var(--color-brand-300);--color-interactive-hover: var(--color-brand-500);--color-interactive-active: var(--color-brand-600);--color-interactive-muted: #3B3532;--color-success: var(--color-emerald-400);--color-success-bg: var(--color-emerald-900);--color-warning: var(--color-amber-400);--color-warning-bg: var(--color-amber-950);--color-danger: var(--color-crimson-400);--color-danger-bg: var(--color-crimson-950);--color-info: var(--color-azure-400);--color-info-bg: var(--color-azure-950);--color-focus-ring: #3B3532;--color-success-hover: #2cc08a;--color-error-hover: #f55858;--color-warning-hover: #f5b019;--brand-primary-light: #3B3532;--brand-primary-muted: #292524;--accent-secondary: var(--color-brand-500);--location-dublin: #2dd4bf;--location-pleasanton: #fbbf24;--location-sanramon: #a78bfa;--status-booked: #38c9ff;--status-booked-bg: #1a3a4d;--status-confirmed: #4ade80;--status-confirmed-bg: #1a3d26;--status-arrived: #fb923c;--status-arrived-bg: #3d2a15;--status-in-progress: #2dd4bf;--status-in-progress-bg: #153832;--status-completed: #9ca3af;--status-completed-bg: #2a2d30;--status-no-show: #f87171;--status-no-show-bg: #3d1a1a;--status-cancelled: #6b7280;--status-cancelled-bg: #252729;--cat-threading: #34d399;--cat-waxing: #60a5fa;--cat-facial: #a78bfa;--cat-bleach: #fb923c;--cat-special: #2dd4bf;--cat-packages: #fbbf24;--sched-1: #2dd4bf;--sched-2: #fbbf24;--sched-3: #a78bfa;--sched-4: #60a5fa;--sched-5: #f87171;--sched-6: #34d399;--sched-7: #e879f9;--sched-8: #fb923c;--sched-9: #818cf8;--sched-10: #22d3ee;--sched-11: #f59e0b;--sched-12: #c084fc;--sched-13: #4ade80;--sched-14: #fb7185;--sched-15: #38bdf8;--sched-16: #eab308;--sched-17: #d8b4fe;--sched-18: #86efac;--sched-19: #f472b6;--sched-20: #93c5fd;--sidebar-bg: var(--color-neutral-950);--sidebar-text: var(--color-neutral-500);--sidebar-text-active: #F5EDE7;--sidebar-text-muted: #6B5D52;--stripe-overlay: rgba(255, 255, 255, .06);--bg-overlay: rgba(28, 25, 23, .7);--bg-past-time: rgba(0, 0, 0, .12);--shadow-xs: 0 1px 1px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .3);--shadow-brand: 0 8px 20px -4px rgba(217, 168, 142, .25);--shadow-danger: 0 8px 20px -4px rgba(248, 113, 113, .2);--shadow-success: 0 8px 20px -4px rgba( 52, 211, 153, .2);--shadow-warning: 0 8px 20px -4px rgba(251, 191, 36, .2);--shadow-info: 0 8px 20px -4px rgba(167, 139, 250, .2)}@media print{:root,[data-theme=dark]{color-scheme:light;--text-primary: var(--print-text, currentColor);--text-secondary: var(--print-text-secondary, currentColor);--text-tertiary: var(--print-text-muted, currentColor);--text-muted: var(--print-text-muted, currentColor);--surface-0: var(--print-bg, Canvas);--surface-1: var(--print-bg, Canvas);--surface-2: var(--print-bg, Canvas);--surface-3: var(--print-bg, Canvas);--border-light: var(--border-default);--border-hover: var(--border-default);--print-text: CanvasText;--print-text-secondary: CanvasText;--print-text-muted: GrayText;--print-bg: Canvas}.sidebar,.sidebar-overlay,.console-header,.hamburger,.theme-toggle,.nav-item,.sidebar-nav,.sidebar-footer,.sidebar-close,.btn,.btn-primary,.btn-secondary,.btn-danger-outline,.btn-link,.fab,.toast-container,.modal,.modal-overlay,[role=dialog],[role=navigation],.toolbar-nav,.no-print{display:none}button:not(.print-keep){display:none}body{background:var(--surface-0);color:var(--text-primary);font-size:11pt;line-height:1.4;-webkit-print-color-adjust:exact;print-color-adjust:exact}.console-layout{display:block}.console-main{margin-left:0;min-height:auto}.console-content{padding:0;max-width:100%;width:100%}.console-content.full-width{padding:0}h1{font-size:18pt;margin:0 0 8pt}h2{font-size:14pt;margin:0 0 6pt}h3{font-size:12pt;margin:0 0 4pt}h1,h2,h3{page-break-after:avoid;break-after:avoid}a[href]:after{content:" (" attr(href) ")";font-size:9pt;color:var(--text-tertiary)}a[href^="/"]:after,a[href^="#"]:after,a[href^=javascript]:after{content:none}table{width:100%;border-collapse:collapse;font-size:10pt;page-break-inside:auto}thead{display:table-header-group}tr{page-break-inside:avoid;break-inside:avoid;page-break-after:auto}th,td{border:1px solid var(--border-default);padding:4pt 8pt;text-align:left}th{background:var(--surface-2);font-weight:var(--font-semibold);-webkit-print-color-adjust:exact;print-color-adjust:exact}.datatable-wrapper,.tc-table-wrap{border:none;overflow:visible}.card{border:1px solid var(--border-default);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.badge,.tc-badge,.flag{border:1px solid var(--border-default);background:transparent;color:var(--text-primary);padding:1pt 4pt;font-size:9pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.appt-block{border:1px solid var(--border-default);background:var(--surface-0);box-shadow:none;color:var(--text-primary);break-inside:avoid;page-break-inside:avoid}.appt-line1,.appt-line2,.appt-content{color:var(--text-primary)}html body .appt-block[data-category=threading]{border-left:3pt solid var(--cat-threading)}html body .appt-block[data-category=waxing]{border-left:3pt solid var(--cat-waxing)}html body .appt-block[data-category=facial]{border-left:3pt solid var(--cat-facial)}html body .appt-block[data-category=bleach]{border-left:3pt solid var(--cat-bleach)}html body .appt-block[data-category=special]{border-left:3pt solid var(--cat-special)}html body .appt-block[data-category=packages]{border-left:3pt solid var(--cat-packages)}.schedule-toolbar{border-bottom:1pt solid var(--border-default);padding-bottom:4pt;margin-bottom:8pt}.schedule-toolbar button{display:none}.toolbar-date{font-size:14pt;font-weight:var(--font-semibold)}.stats-grid,.audit-stats{page-break-inside:avoid;break-inside:avoid}.location-tag{background:transparent;border:1px solid currentColor}*{box-shadow:none;text-shadow:none;transition:none}img,svg{break-inside:avoid;page-break-inside:avoid}}@media print{@page schedule{size:landscape;margin:.5in}.print-schedule{page:schedule}.print-schedule .calendar-grid,.print-schedule .schedule-grid{width:100%;overflow:visible}.print-schedule table{font-size:9pt}.print-schedule th,.print-schedule td{padding:2pt 4pt}.print-schedule .employee-col{width:auto;min-width:0}}@media print{@page receipt{size:80mm auto;margin:2mm}.print-receipt{page:receipt;width:76mm;max-width:76mm;margin:0 auto;font-size:9pt;line-height:1.3}.print-receipt *{font-family:var(--font-mono)}.print-receipt h1,.print-receipt .receipt-header{font-size:12pt;font-weight:var(--font-bold);text-align:center;margin-bottom:4pt}.print-receipt h2{font-size:10pt;text-align:center}.print-receipt table{width:100%;border:none}.print-receipt th,.print-receipt td{border:none;border-bottom:1px dashed var(--border-default);padding:2pt 0;font-size:9pt}.print-receipt .receipt-total{font-size:11pt;font-weight:var(--font-bold);border-top:2px solid var(--text-primary);padding-top:4pt;margin-top:4pt}.print-receipt .receipt-footer{text-align:center;font-size:8pt;margin-top:8pt;color:var(--text-tertiary)}.print-receipt hr,.print-receipt .receipt-divider{border:none;border-top:1px dashed var(--border-default);margin:4pt 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-0);min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-semibold);color:var(--text-primary)}img,svg{display:block;max-width:100%}a{color:var(--brand-primary);text-decoration:none}a:hover{color:var(--brand-primary-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary)}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}@media(max-width:1024px){th.hide-tablet,td.hide-tablet,div.hide-tablet,span.hide-tablet,.hide-tablet[class]{display:none}}@media(max-width:640px){th.hide-mobile,td.hide-mobile,div.hide-mobile,span.hide-mobile,.hide-mobile[class]{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes kiosk-idle-pulse{0%,to{box-shadow:var(--shadow-kiosk-hero),var(--glow-brand-soft)}50%{box-shadow:var(--shadow-kiosk-hero),var(--glow-brand-strong)}}@keyframes digit-pulse{0%{transform:scale(.94);opacity:.7}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}@keyframes success-check{0%{stroke-dashoffset:36}to{stroke-dashoffset:0}}@keyframes sparkle-drift{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1;transform:translateY(-8px) scale(1)}to{transform:translate(var(--sparkle-x, 16px),-80px) scale(.6);opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes tagline-rotate{0%,25%{opacity:1;transform:translateY(0)}30%,95%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}