@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap");body{line-height:1.5;color:#333;background-color:#fff8e1}body,button{font-family:Noto Sans KR,sans-serif;font-size:18px}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;transition:all .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background-color:#ff9800;color:#fff;padding:1.5rem;text-align:center}.footer{margin-top:auto;padding:1rem 2rem;background-color:#ffecb3;display:flex;justify-content:space-between;align-items:center}.btn{border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#388e3c}.btn-secondary{background-color:#ff9800;color:#fff}.btn-secondary:hover{background-color:#f57c00}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){body{font-size:16px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.footer{flex-direction:column;gap:1rem}}:root{--primary-red:#c62828;--primary-blue:#2196f3;--primary-green:#4caf50;--primary-orange:#ff6b2b;--secondary-red:#e53e3e;--secondary-blue:#1976d2;--secondary-green:#45a049;--gray-100:#f5f5f5;--gray-200:#e8e8e8;--gray-300:#ddd;--gray-400:#999;--gray-500:#666;--gray-600:#555;--gray-700:#333;--gray-800:#2c2c2c;--gray-900:#1a1a1a;--bg-primary:#f5f5f5;--bg-secondary:#e8e8e8;--bg-white:#fff;--bg-dark:#2c2c2c;--text-primary:#333;--text-secondary:#666;--text-white:#fff;--font-family:"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;--font-size-xs:0.8rem;--font-size-sm:0.9rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.2rem;--font-size-2xl:1.3rem;--font-size-3xl:1.5rem;--font-size-4xl:2rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 6px 16px #00000026;--shadow-xl:0 8px 24px #0003;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.kiosk-page,body{font-family:var(--font-family)}.kiosk-page{display:flex;flex-direction:column;min-height:100vh}.kiosk-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);box-shadow:var(--shadow-sm);position:relative}.kiosk-header.primary{background:var(--primary-red);color:var(--text-white)}.kiosk-header.secondary{background:var(--bg-dark);color:var(--text-white)}.kiosk-header.green{background:var(--primary-green);color:var(--text-white)}.kiosk-header.orange{background:var(--primary-orange);color:var(--text-white)}.kiosk-btn{border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-weight:600;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md);outline:none;display:flex;align-items:center;justify-content:center}.kiosk-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kiosk-btn:active{transform:translateY(0)}.kiosk-btn.primary{background:var(--primary-blue);color:var(--text-white)}.kiosk-btn.primary:hover{background:var(--secondary-blue)}.kiosk-btn.secondary{background:var(--gray-500);color:var(--text-white)}.kiosk-btn.secondary:hover{background:var(--gray-600)}.kiosk-btn.success{background:var(--primary-green);color:var(--text-white)}.kiosk-btn.success:hover{background:var(--secondary-green)}.kiosk-btn.danger{background:var(--primary-red);color:var(--text-white)}.kiosk-btn.danger:hover{background:var(--secondary-red)}.kiosk-btn.sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.kiosk-btn.md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.kiosk-btn.lg{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-xl)}.kiosk-btn.xl{padding:var(--spacing-xl) var(--spacing-4xl);font-size:var(--font-size-2xl)}.kiosk-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:var(--transition-normal)}.kiosk-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.kiosk-footer{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--bg-white);border-top:1px solid var(--gray-300);box-shadow:0 -2px 8px #0000000d}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-red{color:var(--primary-red)}.text-blue{color:var(--primary-blue)}.text-green{color:var(--primary-green)}.text-gray{color:var(--gray-500)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.app{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}