@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&family=Outfit:wght@300;500;700&display=swap);:root{--bg-main:#f8f9fa;--bg-card:#fff;--primary:#ff6b6b;--secondary:#4d96ff;--text-main:#212529;--text-muted:#868e96;--accent-yellow:#ffd43b;--border-radius:20px;--shadow:0 10px 20px #0000000d;--font-sans:"Outfit","Noto Sans KR",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8f9fa;background-color:var(--bg-main);color:#212529;color:var(--text-main);font-family:Outfit,Noto Sans KR,sans-serif;font-family:var(--font-sans);line-height:1.5}h1,h2,h3{font-weight:700;letter-spacing:-.02em}.container{background-color:#fff;background-color:var(--bg-card);box-shadow:0 0 50px #00000005;margin:0 auto;max-width:500px;min-height:100vh}button{border:none;border-radius:20px;border-radius:var(--border-radius);cursor:pointer;font-family:Outfit,Noto Sans KR,sans-serif;font-family:var(--font-sans);font-weight:500;transition:transform .2s ease}button:active{transform:scale(.95)}.App{padding-bottom:80px}.view-container{animation:fadeIn .5s ease;padding:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-button{align-items:center;background:none;border:none;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px;margin-bottom:24px;padding:8px 0}.result-header{margin-bottom:32px;text-align:center}.result-header h2{color:var(--text-main);font-size:1.5rem;margin-bottom:8px}.result-header p{color:var(--text-muted);font-size:.9rem}.App-header{background-color:var(--bg-card);padding:40px 24px}.App-title{color:var(--text-main);font-size:1.8rem;margin-bottom:4px}.App-subtitle{color:var(--text-muted);font-size:.9rem}.service-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:24px}.service-card{align-items:flex-start;background:var(--bg-card);border:1px solid #f1f3f5;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;padding:24px}.service-icon{align-items:center;background:#fff5f5;border-radius:12px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.service-card h3{font-size:1.1rem}.service-card p{color:var(--text-muted);font-size:.85rem}.go-button{color:var(--primary);font-size:.8rem;font-weight:700;margin-top:auto}.bottom-nav{background:#fff;border-top:1px solid #eee;bottom:0;height:70px;justify-content:space-around;left:50%;max-width:500px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{color:var(--text-muted);flex-direction:column;font-size:.7rem;gap:4px}.nav-item.active{color:var(--primary)}.nav-icon{font-size:1.4rem}.hero-banner{align-items:center;background:linear-gradient(135deg,#fff0f0,#fff9f0);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin:0 24px;padding:32px}.banner-text h2{color:var(--text-main);font-size:1.4rem;margin-bottom:8px}.banner-text p{color:var(--text-muted);font-size:.9rem}.mascot-placeholder{filter:drop-shadow(0 5px 10px rgba(0,0,0,.1));font-size:3rem}.birth-form-section{margin:20px 0;text-align:left;width:100%}.form-title{color:var(--text-main);font-size:1.4rem;margin-bottom:8px}.form-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.birth-form{background:#fff;gap:24px}.birth-form,.input-group{display:flex;flex-direction:column}.input-group{align-items:flex-start;gap:8px}.input-group label{color:var(--text-main);font-size:.9rem;font-weight:700}.input-group input,.input-group select{appearance:none;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:var(--text-main);cursor:pointer;font-family:var(--font-sans);font-size:1rem;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.input-group select{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/><path fill="none" d="M0 0h24v24H0z"/></svg>');background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.input-group select:disabled{background-color:#e9ecef;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.input-group input:focus,.input-group select:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #ff6b6b1a}.input-group input::placeholder,.input-group select option[value=""]{color:#adb5bd}.celestial-button{background:var(--primary);border-radius:var(--border-radius);box-shadow:0 8px 16px #ff6b6b33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:16px;padding:18px;transition:all .3s ease}.celestial-button:hover{box-shadow:0 12px 20px #ff6b6b4d;transform:translateY(-2px)}.celestial-button:active{transform:translateY(0)}.zodiac-detail-card{background:#fff;border:1px solid #f1f3f5;border-radius:var(--border-radius);box-shadow:var(--shadow);margin:20px 0;padding:32px;position:relative;text-align:center;width:100%}.detail-header h2{color:var(--text-main);font-size:1.8rem;margin:8px 0}.detail-symbol{display:block;font-size:3.5rem;margin-bottom:8px}.detail-dates{color:var(--text-muted);font-size:.85rem;letter-spacing:.05em}.detail-grid{grid-gap:12px;background:#f8f9fa;border-radius:16px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:24px 0;padding:16px}.detail-item{display:flex;flex-direction:column}.detail-item .label{color:var(--text-muted);font-size:.7rem;margin-bottom:4px}.detail-item .value{color:var(--primary);font-size:.95rem;font-weight:700}.detail-traits{margin-bottom:24px}.detail-traits h3{color:var(--text-main);font-size:1rem;margin-bottom:8px}.detail-traits p{color:var(--text-main);font-size:.95rem;line-height:1.6}.detail-interpretation{background:#fff0f0;border-left:4px solid var(--primary);border-radius:16px;padding:20px;text-align:left}.detail-interpretation h3{color:var(--primary);font-size:1rem;margin-bottom:8px}.detail-interpretation p{color:#444;font-size:.95rem;line-height:1.6}.detail-decoration{margin-top:24px}
/*# sourceMappingURL=main.025ded70.css.map*/