body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.lunch-recommender{align-items:center;display:flex;flex:1 1;flex-direction:column}.app-title{color:#333;font-size:2.2rem;font-weight:700;margin-bottom:2rem;position:relative;text-align:center}.app-title:after{background:linear-gradient(90deg,#ff6b6b,#feca57);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.category-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:2rem;max-width:100%;overflow-x:auto;padding-bottom:8px}.category-btn{background-color:#e2e8f0;border:none;border-radius:20px;color:#4a5568;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.category-btn:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.category-btn.active{background-color:#3182ce;color:#fff}.recommend-btn{align-items:center;background:linear-gradient(90deg,#ff6b6b,#ff8e72);border:none;border-radius:10px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-bottom:2rem;padding:14px 28px;transition:all .3s ease}.recommend-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-3px)}.recommend-btn:active{transform:translateY(1px)}.recommend-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.recommend-btn .icon{margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.pulse{animation:pulse 1.5s ease-in-out infinite}.menu-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;max-width:500px;overflow:hidden;transition:all .3s ease;width:100%}.menu-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.menu-card-header{background:linear-gradient(90deg,#ff9a9e,#fad0c4);color:#fff;padding:1.5rem;position:relative}.menu-name{font-size:2rem;font-weight:700;margin-right:60px}.menu-emoji{font-size:2.5rem;position:absolute;right:1.5rem;top:1.5rem}.menu-category{font-size:.9rem;margin-top:5px;opacity:.9}.menu-card-body{padding:1.5rem}.menu-description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.menu-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.menu-detail-item{background-color:#f8fafc;border-radius:8px;padding:1rem}.detail-label{color:#718096;font-size:.9rem;margin-bottom:4px}.detail-value{color:#2d3748;font-size:1.1rem;font-weight:600}.menu-message{color:#718096;font-size:1rem;margin:1rem 0;text-align:center}.social-share{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1rem}.share-label{color:#718096;font-size:.9rem;margin-bottom:8px}.share-buttons{display:flex;gap:10px}.share-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.share-btn:hover{transform:translateY(-2px)}.facebook{background-color:#1877f2;color:#fff}.twitter{background-color:#1da1f2;color:#fff}.kakao{background-color:#fee500;color:#3c1e1e;font-size:.9rem;font-weight:700}.clipboard{background-color:#e2e8f0;color:#4a5568;font-size:1.2rem}.admin-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:2rem}.admin-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.admin-btn .icon{margin-right:6px}.admin-btn.add{background-color:#48bb78;color:#fff}.admin-btn.edit{background-color:#4299e1;color:#fff}.admin-btn.reset{background-color:#718096;color:#fff}.admin-btn:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.add-menu-form,.edit-menu-form{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;max-width:500px;padding:1.5rem;width:100%}.edit-menu-form{border-left:4px solid #3182ce}.form-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:10px}.form-fields{gap:1rem}.form-field,.form-fields{display:flex;flex-direction:column}.form-field{gap:6px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.field-label{color:#4a5568;font-size:.95rem;font-weight:500}.field-input,.field-select,.field-textarea{border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:1rem;padding:10px 12px;transition:border-color .2s ease}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#4299e1;outline:none}.field-textarea{min-height:80px;resize:vertical}.field-with-button{display:flex;gap:8px}.field-button{background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;white-space:nowrap}.emoji-picker{display:flex;flex-wrap:wrap;gap:8px}.emoji-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.emoji-btn:hover{background-color:#edf2f7}.emoji-btn.selected{background-color:#ebf8ff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{background-color:#e2e8f0;color:#4a5568}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;padding:10px 20px}.submit-btn{background-color:#48bb78;color:#fff}.menu-list-container{margin-top:1.5rem;max-height:none;overflow:visible;width:100%}.list-title{color:#2d3748;font-size:1.5rem;margin-bottom:1rem;text-align:center}.empty-message{color:#718096;font-size:1.1rem;padding:2rem 0;text-align:center}.menu-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.menu-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #0000000d;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.menu-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.menu-item.edit-mode{cursor:default}.menu-item-content{align-items:center;display:flex;gap:10px}.item-emoji{font-size:1.5rem}.item-name{color:#2d3748;flex-grow:1;font-weight:600}.item-category{background-color:#f8fafc;border-radius:4px;color:#718096;font-size:.8rem;margin-right:24px;padding:3px 8px}.edit-buttons{display:flex;gap:5px;position:absolute;right:10px;top:10px}.delete-btn,.edit-btn{align-items:center;background-color:#fff;border:1px solid;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.edit-btn{border-color:#4299e1;color:#3182ce}.edit-btn:hover{background-color:#3182ce;color:#fff;transform:scale(1.1)}.delete-btn{border-color:#f56565;color:#e53e3e}.delete-btn:hover{background-color:#e53e3e;color:#fff;transform:scale(1.1)}.notification{animation:fadeInOut 3s forwards;background-color:#2d3748;border-radius:8px;bottom:20px;box-shadow:0 5px 15px #0003;color:#fff;max-width:300px;padding:15px 20px;position:fixed;right:20px;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.footer{border-top:1px solid #e2e8f0;color:#718096;margin-top:3rem;padding:2rem 0;text-align:center}.social-links{display:flex;gap:20px;justify-content:center;margin-top:1rem}.social-link{color:#4a5568;transition:color .2s ease}.social-link:hover{color:#3182ce}@media (max-width:768px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.form-row{grid-template-columns:1fr}.recommend-btn{width:100%}.menu-card{max-width:100%}}@media (max-width:480px){.app-title{font-size:1.8rem}.menu-details,.menu-grid{grid-template-columns:1fr}.admin-buttons{flex-direction:column;width:100%}.admin-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.510a96ec.css.map*/