@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #d1fae5;--primary-glow: rgba(16, 185, 129, .15);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--background: #0f172a;--surface: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--text-inverse: #ffffff;--border: #e2e8f0;--border-hover: #cbd5e1;--border-focus: var(--primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 16px rgba(16, 185, 129, .25);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--touch-min: 72px;--touch-comfortable: 88px;--touch-gap: 12px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease-out;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Monaco", "Consolas", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.kiosk-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--background)}.kiosk-frame{width:100%;height:100%;max-width:calc(100vh * 4 / 3);max-height:75vw;background:var(--surface);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 80px #0000004d}.kiosk-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);padding:1rem 2rem;display:flex;align-items:center;gap:1.25rem;flex-shrink:0;box-shadow:0 4px 20px #10b9814d}.kiosk-header .logo{display:flex;align-items:center}.kiosk-header .logo-icon{height:2.5rem;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.kiosk-header .divider{width:2px;height:2rem;background:#ffffff4d;border-radius:1px}.kiosk-header .building-name{font-size:1.5rem;font-weight:700;letter-spacing:.05em;flex:1}.kiosk-header .lang-switch{background:var(--surface);color:var(--primary);border:none;height:2.75rem;min-width:5rem;padding:0 1.25rem;font-size:1rem;font-weight:700;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-md)}.kiosk-header .lang-switch:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.kiosk-header .lang-switch:active{transform:scale(.98)}.kiosk-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--surface-secondary);overflow:hidden}.kiosk-footer{background:var(--text-primary);color:var(--text-inverse);padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;flex-shrink:0}.kiosk-footer .status{display:flex;align-items:center;gap:1rem;font-variant-numeric:tabular-nums}.kiosk-footer .version{opacity:.6}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-xl);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{width:7rem;height:7rem;color:var(--primary);opacity:.8}.welcome-title{font-size:3.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.touch-prompt{display:flex;align-items:center;justify-content:center;gap:1rem;min-width:320px;height:var(--touch-comfortable);padding:0 3rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);border-radius:var(--radius-xl);font-size:1.75rem;font-weight:700;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:none;box-shadow:var(--shadow-primary)}.touch-prompt:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10b98166}.touch-prompt:active{transform:translateY(-2px)}.touch-prompt .touch-icon{width:2.25rem;height:2.25rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.input-screen-v2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);width:100%;height:100%;padding:var(--space-lg);animation:fadeIn .4s ease-out}.input-left-v2{display:flex;flex-direction:column;position:relative}.input-left-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.home-btn-v2{display:flex;align-items:center;gap:.5rem;background:var(--surface);color:var(--text-secondary);border:2px solid var(--border);height:3rem;padding:0 1.5rem;font-size:1.1rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);align-self:flex-start}.home-btn-v2:hover{background:var(--surface-secondary);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.home-btn-v2:active{transform:scale(.97)}.step-indicator-v2{display:flex;align-items:center;gap:0}.step-pill{width:3.25rem;height:3.25rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;background:var(--surface-tertiary);color:var(--text-disabled);transition:all var(--transition-slow);border:2px solid transparent}.step-pill.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary-light);box-shadow:0 2px 12px #10b9814d}.step-pill.done{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary)}.step-connector{width:4rem;height:3px;background:var(--surface-tertiary);border-radius:2px;transition:background var(--transition-slow)}.step-connector.filled{background:var(--primary)}.input-title-v2{font-size:2.75rem;font-weight:700;color:var(--primary-dark);text-align:center;letter-spacing:.02em}.display-row-v2{display:flex;align-items:center;justify-content:center;width:100%;min-height:5rem}.phone-display-v2{display:flex;align-items:center;justify-content:center;gap:.2rem}.phone-digit{width:2.25rem;height:4.5rem;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;font-family:var(--font-sans);background:transparent;border:none;border-bottom:3px solid var(--border);border-radius:0;color:var(--text-primary);transition:all var(--transition-normal)}.phone-digit.filled{border-bottom-color:var(--primary)}.phone-digit.prefix{color:var(--text-muted);border-bottom-color:transparent}.otp-display-v2{display:flex;align-items:center;justify-content:center;gap:.5rem}.otp-digit{width:3rem;height:4.5rem;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;font-family:var(--font-sans);background:transparent;border:none;border-bottom:3px solid var(--border);border-radius:0;color:var(--text-primary);transition:all var(--transition-normal)}.otp-digit.filled{border-bottom-color:var(--primary)}.error-message-v2{background:#fef2f2;color:var(--danger);padding:.625rem 1.5rem;border-radius:var(--radius-full);text-align:center;font-size:1.35rem;font-weight:600;border:2px solid #fecaca;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.back-btn-v2{display:flex;align-items:center;justify-content:center;gap:.5rem;height:4rem;padding:0 2rem;font-size:1.35rem;font-weight:600;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.back-btn-v2:hover{background:var(--surface-secondary);border-color:var(--border-hover)}.back-btn-v2:active{transform:scale(.97)}.input-right-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.numpad-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:420px}.numpad-btn-v2{aspect-ratio:1;font-size:3rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;margin:0 auto;width:100%}.numpad-btn-v2:hover{background:var(--surface-secondary);box-shadow:var(--shadow-md);transform:scale(1.05)}.numpad-btn-v2:active{background:var(--surface-tertiary);transform:scale(.95);box-shadow:none}.numpad-btn-v2.fn-key{background:var(--surface-tertiary);color:var(--text-secondary);font-size:1.5rem;font-weight:700}.numpad-btn-v2.fn-key:hover{background:var(--border)}.numpad-btn-v2.fn-key:active{background:var(--border-hover)}.action-row-v2{display:flex;gap:12px;width:100%;max-width:420px}.action-btn-v2{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;height:4rem;font-size:1.5rem;font-weight:700;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 12px #10b9814d}.action-btn-v2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.action-btn-v2:active:not(:disabled){transform:translateY(0)}.action-btn-v2:disabled{background:var(--surface-tertiary);color:var(--text-disabled);box-shadow:none;cursor:not-allowed}.success-screen{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);width:100%;height:100%;animation:fadeIn .5s ease-out}.success-left{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md)}.success-icon{width:5rem;height:5rem;background:linear-gradient(135deg,var(--primary-light) 0%,#a7f3d0 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-icon svg{width:2.5rem;height:2.5rem;color:var(--primary-dark)}.success-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.success-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.visitor-info-card{background:var(--surface-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);width:100%;max-width:380px;border:1px solid var(--border)}.visitor-info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.visitor-info-row:last-child{border-bottom:none}.visitor-info-label{color:var(--text-muted);font-size:1rem;font-weight:500}.visitor-info-value{color:var(--text-primary);font-weight:600;font-size:1.125rem;text-align:right;max-width:60%}.success-right{display:flex;flex-direction:column;gap:var(--space-md)}.qr-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md)}.qr-code-box{background:var(--surface);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-md);border:1px solid var(--border)}.qr-hint{color:var(--text-secondary);font-size:1.125rem;text-align:center;font-weight:500}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--touch-gap)}.action-btn{height:var(--touch-min);font-size:1.5rem;font-weight:700;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.print-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.print-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.print-btn:active{transform:translateY(0)}.return-btn{background:var(--surface);color:var(--text-secondary);border:2px solid var(--border)}.return-btn:hover{background:var(--surface-secondary);border-color:var(--border-hover)}.return-btn:active{transform:scale(.98)}.offline-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg)}.offline-icon{width:6rem;height:6rem;color:var(--text-muted);opacity:.6}.offline-title{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.offline-message{font-size:1.5rem;color:var(--text-secondary)}.kiosk-frame{position:relative}.kiosk-toast{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);background:#0f172aeb;color:var(--text-inverse);padding:1rem 2rem;border-radius:var(--radius-full);font-size:1.125rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:100;animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}