:root{--color-primary: #ff9aa2;--color-secondary: #b5ead7;--color-accent: #ffdac1;--color-light: #e2f0cb;--color-white: #ffffff;--color-text: #333333;--color-text-light: #666666;--color-border: #e0e0e0;--color-shadow: rgba(0, 0, 0, .1);--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;--font-display: "Noto Sans KR", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);color:var(--color-text);background:linear-gradient(135deg,var(--color-light) 0%,var(--color-accent) 100%);min-height:100vh;line-height:1.6}.container{max-width:600px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.header p{font-size:1rem;color:var(--color-text-light)}.carousel-container{margin-bottom:var(--spacing-xl)}.carousel-wrapper{position:relative;width:100%;max-width:400px;margin:0 auto;overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--color-shadow);background:var(--color-white)}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.carousel-image{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-md)}.carousel-dots{display:flex;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:all .3s}.carousel-dot.active{background:var(--color-primary);transform:scale(1.2)}.carousel-caption{text-align:center;margin-top:var(--spacing-sm);font-size:.9rem;color:var(--color-text-light);font-weight:500}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 20px var(--color-shadow);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text)}.form-group select,.form-group input{width:100%;padding:var(--spacing-sm);font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);transition:border-color .3s}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--color-primary)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:600;text-align:center;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .3s;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-white);box-shadow:0 4px 12px #ff9aa24d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff9aa266}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-full{width:100%}.result-header{text-align:center;margin-bottom:var(--spacing-lg)}.result-header h2{font-size:1.5rem;color:var(--color-text-light);font-weight:400;margin-bottom:var(--spacing-sm)}.baby-name{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.baby-meaning{font-size:1.2rem;color:var(--color-text-light)}.image-container{text-align:center;margin:var(--spacing-lg) 0}.character-image{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--color-shadow)}.image-loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-light)}.spinner{border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-container{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#f8f9fa;border-radius:var(--radius-md)}.prompt-container h3{margin-bottom:var(--spacing-md);color:var(--color-primary)}.prompt-container textarea{font-family:Courier New,monospace;line-height:1.6}.prompt-container .btn-small{padding:.5rem 1rem;font-size:.9rem}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.action-buttons .btn{padding:var(--spacing-sm)}.name-options{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.name-option{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s;background:var(--color-white)}.name-option:hover{border-color:var(--color-primary);background:#ff9aa20d}.name-option.selected{border-color:var(--color-primary);background:#ff9aa21a}.name-option-name{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.name-option-meaning{font-size:1rem;color:var(--color-text-light)}.error-message{background:#ffe6e6;color:#d32f2f;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s}.loading-overlay.hidden{display:none}.loading-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;text-align:center;box-shadow:0 8px 32px #0003;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-icon{font-size:3rem;margin-bottom:var(--spacing-md);animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-content h3{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-sm)}.loading-step{font-size:1rem;color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-lg);min-height:24px;transition:all .3s}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-full);width:0%;transition:width .5s ease-out}.loading-hint{font-size:.85rem;color:var(--color-text-light);margin-top:var(--spacing-sm)}@media (max-width: 640px){.container{padding:var(--spacing-md) var(--spacing-sm)}.header h1{font-size:1.5rem}.baby-name{font-size:2.5rem}.action-buttons{grid-template-columns:1fr}.loading-content{margin:var(--spacing-md);padding:var(--spacing-lg)}}