:root{--color-bg: #eef3f7;--color-surface: #ffffff;--color-surface-muted: #f7f9fa;--color-text: #1a1a1a;--color-text-muted: #5a5a5a;--color-border: #d8dee3;--color-overlay: rgba(0, 0, 0, .6);--color-primary: #4caf50;--color-primary-hover: #45a049;--color-primary-active: #3d8b40;--color-primary-contrast: #ffffff;--color-secondary: #e2e6ea;--color-secondary-hover: #cfd5db;--color-secondary-active: #bcc3ca;--color-secondary-contrast: #1a1a1a;--color-accent: #0066cc;--color-focus-ring: rgba(0, 102, 204, .45);--color-selected: #f57c00;--color-selected-hover: #ef6c00;--color-selected-contrast: #ffffff;--color-success: #4caf50;--color-danger: #dc3545;--color-warning-bg: #fff3cd;--color-warning-border: #ffc107;--color-warning-text: #856404;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: clamp(.85rem, .8rem + .2vw, 1rem);--font-size-md: clamp(1rem, .95rem + .3vw, 1.25rem);--font-size-lg: clamp(1.25rem, 1.1rem + .6vw, 1.75rem);--font-size-xl: clamp(1.75rem, 1.4rem + 1.2vw, 2.75rem);--font-size-xxl: clamp(2.25rem, 1.8rem + 1.8vw, 3.5rem);--touch-target-min: 64px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--motion-fast: .15s ease;--motion-medium: .25s ease}:root[data-contrast=high]{--color-bg: #000000;--color-surface: #0a0a0a;--color-surface-muted: #161616;--color-text: #ffffff;--color-text-muted: #e0e0e0;--color-border: #ffffff;--color-overlay: rgba(0, 0, 0, .85);--color-primary: #ffd400;--color-primary-hover: #ffdf40;--color-primary-active: #e6bf00;--color-primary-contrast: #000000;--color-secondary: #2a2a2a;--color-secondary-hover: #3a3a3a;--color-secondary-active: #444444;--color-secondary-contrast: #ffffff;--color-accent: #66b3ff;--color-focus-ring: rgba(255, 212, 0, .75);--color-selected: #ff9500;--color-selected-hover: #ffaa33;--color-selected-contrast: #000000;--color-success: #4dff4d;--color-danger: #ff6666;--color-warning-bg: #3a2f00;--color-warning-border: #ffd400;--color-warning-text: #ffe680;--shadow-card: 0 0 0 2px var(--color-border);--shadow-modal: 0 0 0 3px var(--color-border)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent}#root{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,h4{margin:0 0 var(--space-3);font-weight:600}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{margin:0 0 var(--space-3);font-size:var(--font-size-md);line-height:1.5}button{font-family:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);min-width:140px;padding:var(--space-3) var(--space-5);font-size:var(--font-size-md);font-weight:600;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);outline:none}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring)}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active)}.btn-secondary{background:var(--color-secondary);color:var(--color-secondary-contrast)}.btn-secondary:hover{background:var(--color-secondary-hover)}.btn-secondary:active{background:var(--color-secondary-active)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-large{min-height:80px;font-size:var(--font-size-lg);min-width:220px}.btn-group{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.status-message{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);color:var(--color-warning-text);font-weight:500;text-align:center}.details-card{margin:var(--space-4) 0;padding:var(--space-5);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left}.details-card p{margin:var(--space-2) 0}.details-card p:first-child{margin-top:0}.details-card p:last-child{margin-bottom:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.overlay-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-width:520px;width:100%;padding:var(--space-6);text-align:center;animation:slideUp .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:600px){.btn-group{flex-direction:column;width:100%}.btn{width:100%}}.kiosk-frame{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.kiosk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.kiosk-header__title{font-size:var(--font-size-lg);font-weight:600;margin:0}.kiosk-header__logo{height:48px;width:auto}.kiosk-clock{text-align:right;font-variant-numeric:tabular-nums}.kiosk-clock__time{font-size:var(--font-size-lg);font-weight:600;line-height:1}.kiosk-clock__date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.kiosk-progress{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-6) 0}.kiosk-progress__segment{flex:1;height:6px;border-radius:999px;background:var(--color-border);transition:background var(--motion-medium)}.kiosk-progress__segment--done,.kiosk-progress__segment--active{background:var(--color-accent)}.kiosk-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;gap:var(--space-4)}.kiosk-body__inner{width:100%;max-width:780px}.kiosk-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border)}.kiosk-footer__nav{display:flex;gap:var(--space-3);flex-wrap:wrap}.contrast-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-sm);border:2px solid var(--color-border);background:#ffe000;color:#000;font-weight:800;font-size:var(--font-size-lg);cursor:pointer}.contrast-toggle:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring)}.contrast-toggle[aria-pressed=true]{outline:3px solid var(--color-accent)}@media(max-width:600px){.kiosk-header{padding:var(--space-3) var(--space-4)}.kiosk-body{padding:var(--space-4)}.kiosk-footer{flex-direction:column-reverse;align-items:stretch}.kiosk-footer__nav{width:100%}.kiosk-footer__nav .btn{flex:1}}.tile-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(var(--tile-cols, 4),1fr)}.tile{min-height:var(--touch-target-min);padding:var(--space-3);font-size:var(--font-size-md);font-weight:600;background:var(--color-secondary);color:var(--color-secondary-contrast);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.tile:hover:not(:disabled){background:var(--color-secondary-hover)}.tile:active:not(:disabled){transform:scale(.97)}.tile:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring)}.tile[aria-pressed=true]{background:var(--color-selected);color:var(--color-selected-contrast);border-color:var(--color-selected-hover)}.tile:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.tile-grid{grid-template-columns:repeat(var(--tile-cols-sm, 3),1fr);gap:var(--space-2)}}.appointment-card{cursor:pointer;border:2px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);text-align:left;min-height:var(--touch-target-min);transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.appointment-card:hover{background:var(--color-surface);border-color:var(--color-accent);transform:translateY(-2px)}.appointment-card:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring)}.appointment-card p{margin:var(--space-1) 0;font-size:var(--font-size-sm)}.appointments-list{display:flex;flex-direction:column;gap:var(--space-3)}.keyboard-display{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;min-height:56px;align-items:center;font-size:var(--font-size-lg);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-4)}.keyboard-display__char{min-width:36px;padding-bottom:4px;border-bottom:3px solid var(--color-border);text-transform:uppercase}.keyboard-display__char--filled{border-color:var(--color-accent)}.keyboard-display__placeholder{color:var(--color-text-muted)}.keyboard{display:grid;gap:var(--space-2);grid-template-columns:repeat(var(--kb-cols, 10),1fr);justify-content:center}.keyboard-key{min-height:var(--touch-target-min);min-width:44px;font-size:var(--font-size-md);font-weight:600;text-transform:uppercase;background:var(--color-secondary);color:var(--color-secondary-contrast);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast)}.keyboard-key:hover:not(:disabled){background:var(--color-secondary-hover)}.keyboard-key:active:not(:disabled){transform:scale(.95)}.keyboard-key:focus-visible{box-shadow:0 0 0 4px var(--color-focus-ring)}.keyboard-key:disabled{opacity:.35;cursor:not-allowed}.keyboard-key--wide{grid-column:span 2}.numeric-display{font-size:var(--font-size-xl);font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:var(--space-4);min-height:56px}.numeric-keypad{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:var(--space-3);max-width:320px;margin:0 auto}.numeric-keypad .keyboard-key{font-size:var(--font-size-lg);min-height:72px}@media(max-width:600px){.keyboard{grid-template-columns:repeat(var(--kb-cols-sm, 7),1fr)}}.success-icon{width:96px;height:96px;margin:0 auto var(--space-4);background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.reception-message{margin-bottom:var(--space-7)}.attract-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.attract-screen__hero{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-accent)}.spinner{width:56px;height:56px;border-radius:50%;border:6px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .9s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:var(--color-border)}}