*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Noto Sans KR,sans-serif;font-size:1.6rem;color:#2c2c2c;background-color:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none}.appContainer{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}.appHeader{position:sticky;top:0;z-index:100;background-color:#fff;border-bottom:.1rem solid #f0f0f0;padding:1.5rem 2.4rem;display:flex;justify-content:space-between;align-items:center}.headerLogo{display:flex;align-items:center;gap:.8rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;color:#ff8e72;cursor:pointer}.headerNav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2.4rem}.navLink{font-size:1.5rem;font-weight:700;color:#4a4a4a;cursor:pointer;transition:color .2s ease}.navLink:hover{color:#ff8e72}.navLinkActive{color:#ff8e72;font-weight:700}.navNewBadge{position:absolute;top:-.6rem;right:-1.8rem;background-color:#f44;color:#fff;font-size:1rem;font-weight:700;width:1.6rem;height:1.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.headerAuthBtn{background-color:#ff8e72;color:#fff;padding:.8rem 1.6rem;border-radius:2rem;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.headerAuthBtn:hover{background-color:#e57d62}.headerUserInfo{display:flex;align-items:center;gap:1.2rem}.headerUserText{font-size:1.4rem;color:#4a4a4a}.headerUserText strong{color:#2c2c2c}.headerLogoutBtn{font-size:1.3rem;color:#888;border:.1rem solid #e0e0e0;padding:.4rem 1rem;border-radius:1.2rem;cursor:pointer;transition:all .2s ease}.headerLogoutBtn:hover{background-color:#fcfbf9;border-color:#ff8e72;color:#ff8e72}.mainContent{flex:1}.heroBanner{background-color:#fff0eb;padding:6rem 2.4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.6rem}.heroTag{background-color:#fff;color:#ff8e72;padding:.6rem 1.4rem;border-radius:1.5rem;font-size:1.3rem;font-weight:700;box-shadow:0 .2rem .8rem #ff8e721a}.heroTitle{font-size:3.2rem;font-weight:700;line-height:1.3;color:#2c2c2c;max-width:60rem}.heroTitle span{color:#ff8e72}.heroDesc{font-size:1.6rem;color:#666;max-width:50rem}.heroSearchBox{margin-top:1.2rem;display:flex;justify-content:center;width:100%;max-width:48rem}.heroSearchInput{flex:1;background-color:#fff;border:.2rem solid #ff8e72;border-right:none;padding:1.2rem 2rem;border-radius:3rem 0 0 3rem;font-size:1.5rem;outline:none}.heroSearchBtn{background-color:#ff8e72;color:#fff;padding:1.2rem 2.4rem;border-radius:0 3rem 3rem 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.heroSearchBtn:hover{background-color:#e57d62}.calculatorSection{padding:4rem 2.4rem;max-width:100rem;margin:0 auto}.calculatorCard{background-color:#fff;border:.1rem solid #f5edeb;border-radius:2rem;padding:3rem;box-shadow:0 1rem 3rem #4a3e3d0a;display:flex;flex-direction:column;gap:2.4rem}.calcHeader{display:flex;align-items:center;gap:1.2rem}.calcIcon{color:#ff8e72}.calcTitle{font-size:2rem;font-weight:700;color:#2c2c2c}.calcDesc{font-size:1.4rem;color:#666;margin-top:-1.6rem}.calcForm{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:flex-end}.formGroup{display:flex;flex-direction:column;gap:.8rem;flex:1;min-width:20rem}.formGroup label{font-size:1.4rem;font-weight:600;color:#4a4a4a}.dateInput{border:.15rem solid #e0e0e0;border-radius:1rem;padding:1.2rem;font-size:1.5rem;background-color:#fff;outline:none;transition:border-color .2s ease;width:100%}.dateInput:focus{border-color:#ff8e72}.calcSubmitBtn{background-color:#ff8e72;color:#fff;padding:1.3rem 2.4rem;border-radius:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;height:4.8rem}.calcSubmitBtn:hover{background-color:#e57d62}.calcResultBox{background-color:#fcfbf9;border-left:.4rem solid #ff8e72;padding:2rem;border-radius:0 1.2rem 1.2rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.6rem}.resultText{font-size:1.6rem;color:#4a4a4a}.resultText strong{color:#ff8e72;font-size:1.8rem}.resultActionBtn{background-color:#fff;border:.15rem solid #ff8e72;color:#ff8e72;padding:.8rem 1.6rem;border-radius:1.5rem;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .2s ease}.resultActionBtn:hover{background-color:#ff8e72;color:#fff}.stagesSection{background-color:#fcfbf9;padding:6rem 2.4rem}.stagesContainer{max-width:100rem;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.sectionTitle{font-size:2.4rem;font-weight:700;text-align:center;color:#2c2c2c;position:relative}.sectionTitle:after{content:"";display:block;width:4rem;height:.3rem;background-color:#ff8e72;margin:1rem auto 0}.stageTabWrapper{display:flex;justify-content:center;gap:1rem}.stageTab{flex:1;max-width:20rem;padding:1.2rem;text-align:center;border-radius:1.2rem;font-weight:600;font-size:1.5rem;cursor:pointer;background-color:#fff;border:.1rem solid #e8e8e8;color:#666;white-space:nowrap;transition:all .2s ease}.stageTab:hover{border-color:#ff8e72;color:#ff8e72}.stageTabActive{background-color:#ff8e72;border-color:#ff8e72;color:#fff}.stageTabActive:hover{color:#fff}.earlySubTabWrapper{display:flex;justify-content:center;gap:.8rem;margin-bottom:2rem}.earlySubTab{padding:.8rem 2rem;border-radius:10rem;font-weight:600;font-size:1.35rem;cursor:pointer;background-color:#fff7f5;border:.15rem solid #ffd6cc;color:#cc6b55;transition:all .2s ease}.earlySubTab:hover{background-color:#ffe8e2;border-color:#ff8e72}.earlySubTabActive{background-color:#ff8e72;border-color:#ff8e72;color:#fff}.earlySubTabActive:hover{color:#fff}.lateSubTabWrapper{display:flex;justify-content:center;gap:.8rem;margin-top:2.4rem;margin-bottom:2.4rem}.lateSubTab{padding:.8rem 2.8rem;border-radius:10rem;font-weight:600;font-size:1.45rem;cursor:pointer;background-color:#f5f0fa;border:.15rem solid #c8a8e0;color:#7a4aaa;transition:all .2s ease}.lateSubTab:hover{background-color:#e8d8f5;border-color:#9b6dcf}.lateSubTabActive{background-color:#9b6dcf;border-color:#9b6dcf;color:#fff}.lateSubTabActive:hover{color:#fff}.completeSubTabWrapper{display:flex;justify-content:center;gap:.8rem;margin-top:2.4rem;margin-bottom:2.4rem}.completeSubTab{padding:.8rem 2.8rem;border-radius:10rem;font-weight:600;font-size:1.45rem;cursor:pointer;background-color:#f5f9f0;border:.15rem solid #c3dba6;color:#5a8a35;transition:all .2s ease}.completeSubTab:hover{background-color:#e5f2d5;border-color:#7ab648}.completeSubTabActive{background-color:#7ab648;border-color:#7ab648;color:#fff}.completeSubTabActive:hover{color:#fff}.recipeSubTabWrapper{display:flex;justify-content:center;gap:.8rem;margin-bottom:2.4rem}.recipeSubTab{padding:.8rem 2.4rem;border-radius:10rem;font-weight:600;font-size:1.4rem;cursor:pointer;background-color:#fff7f5;border:.15rem solid #ffd6cc;color:#cc6b55;transition:all .2s ease}.recipeSubTab:hover{background-color:#ffe8e2;border-color:#ff8e72}.recipeSubTabActive{background-color:#ff8e72;border-color:#ff8e72;color:#fff}.recipeSubTabActive:hover{color:#fff}.stageDetailCard{background-color:#fff;border-radius:2rem;border:.1rem solid #f0f0f0;padding:4rem;box-shadow:0 1rem 3rem #00000005;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.stageInfoLeft{display:flex;flex-direction:column;gap:1.6rem}.stageInfoTitle{font-size:2.6rem;font-weight:700;color:#2c2c2c}.stageInfoPeriod{display:inline-block;align-self:flex-start;background-color:#fff0eb;color:#ff8e72;padding:.4rem 1.2rem;border-radius:1.2rem;font-size:1.4rem;font-weight:700}.stageInfoDesc{font-size:1.6rem;color:#555;line-height:1.6}.stageSummaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:1.2rem}.summaryItem{background-color:#fcfbf9;padding:1.6rem;border-radius:1.2rem;border:.1rem solid #f5edeb}.summaryLabel{font-size:1.3rem;color:#888;font-weight:500;margin-bottom:.4rem}.summaryVal{font-size:1.4rem;font-weight:700;color:#4a4a4a}.stageInfoRight{border-left:.1rem solid #f0f0f0;padding-left:4rem;display:flex;flex-direction:column;gap:1.6rem}.guideTitle{font-size:1.8rem;font-weight:700;color:#2c2c2c}.guideList{display:flex;flex-direction:column;gap:1.2rem;list-style:none}.guideItem{position:relative;padding-left:2rem;font-size:1.45rem;color:#555;line-height:1.5}.guideItem:before{content:"✓";position:absolute;left:0;top:.1rem;color:#ff8e72;font-weight:700}.guideItemAlert{color:#c0392b;border-radius:.6rem;padding:.8rem 1rem .8rem 2rem}.guideItemAlert:before{color:#c0392b;top:.7rem}.recipesSection{padding:0 2.4rem 6rem;max-width:100rem;margin:0 auto}.recipesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:2.4rem;margin-top:3rem}.recipeCard{background-color:#fff;border:.1rem solid #e8e8e8;border-radius:1.6rem;padding:2.4rem;display:flex;flex-direction:column;gap:1.6rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.recipeCard:hover{transform:translateY(-.5rem);box-shadow:0 1.2rem 2.4rem #4a3e3d14;border-color:#ff8e72}.recipeStageTag{align-self:flex-start;font-size:1.1rem;font-weight:700;padding:.3rem .8rem;border-radius:1rem}.tagEarly1{background-color:#e3f2fd;color:#1e88e5}.tagEarly2{background-color:#e8eaf6;color:#3949ab}.tagMiddle{background-color:#e8f5e9;color:#43a047}.tagLate{background-color:#fff3e0;color:#fb8c00}.tagComplete{background-color:#f3e5f5;color:#8e24aa}.tagBlwMiddle{background-color:#e8f5e9;color:#2e7d32}.tagBlwLate{background-color:#fff3e0;color:#e65100}.tagBlwComplete{background-color:#e8eaf6;color:#3949ab}.recipeCardName{font-size:1.8rem;font-weight:700;color:#2c2c2c}.recipeCardDesc{font-size:1.4rem;color:#666;line-height:1.5;flex:1}.recipeCardFooter{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;font-size:1.3rem;color:#ff8e72;font-weight:600;margin-top:.8rem}.recipeCardFooter span:first-child{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#888;font-weight:400}.recipeCardFooter span:last-child{display:flex;align-items:center;gap:.4rem}.youtubeBtn{display:flex;align-items:center;justify-content:center;background-color:red;color:#fff;padding:1.4rem;border-radius:1rem;font-size:1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s ease;cursor:pointer}.youtubeBtn:hover{background-color:#c00;color:#fff}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:200;padding:2rem}.modalContent{background-color:#fff;border-radius:2rem;width:100%;max-width:65rem;max-height:85vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.modalCloseBtn{position:absolute;top:2rem;right:2rem;background-color:#f5f5f5;border-radius:50%;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.modalCloseBtn:hover{background-color:#e8e8e8}.modalBody{padding:4rem;display:flex;flex-direction:column;gap:2.4rem}.modalHeader{display:flex;flex-direction:column;gap:.8rem;margin-right:4rem}.modalTitle{font-size:2.4rem;font-weight:700;color:#2c2c2c}.modalDesc{font-size:1.5rem;color:#666}.ingredientsBox{background-color:#fff0eb;padding:2rem;border-radius:1.2rem;display:flex;flex-direction:column;gap:.8rem}.ingredientsTitle{font-size:1.5rem;font-weight:700;color:#ff8e72}.ingredientsList{font-size:1.45rem;color:#4a4a4a}.instructionsBox{display:flex;flex-direction:column;gap:1.6rem}.instructionsTitle{font-size:1.6rem;font-weight:700;color:#2c2c2c;border-left:.3rem solid #ff8e72;padding-left:1rem}.instructionStep{display:flex;flex-direction:column;gap:1.2rem}.stepPhoto{width:100%;height:18rem;object-fit:cover;border-radius:1rem;display:block}.stepContent{display:flex;gap:1.2rem;align-items:flex-start}.stepNum{background-color:#ff8e72;color:#fff;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.2rem}.stepText{font-size:1.45rem;color:#4a4a4a;line-height:1.6}.tipBox{background-color:#f4fdf4;border:.1rem dashed #a5d6a7;padding:2rem;border-radius:1.2rem;display:flex;flex-direction:column;gap:.8rem}.tipTitle{font-size:1.5rem;font-weight:700;color:#2e7d32;display:flex;align-items:center;gap:.6rem}.tipText{font-size:1.4rem;color:#424242;line-height:1.5}.authModalContent{background-color:#fff;border-radius:2rem;width:100%;max-width:44rem;position:relative;animation:modalFadeIn .3s ease}.authModalBody{padding:4rem;display:flex;flex-direction:column;gap:2.4rem}.authModalHeader{text-align:center;display:flex;flex-direction:column;gap:.8rem}.authModalTitle{font-size:2.2rem;font-weight:700;color:#2c2c2c}.authModalDesc{font-size:1.4rem;color:#666}.authForm{display:flex;flex-direction:column;gap:1.6rem}.authFormGroup{display:flex;flex-direction:column;gap:.8rem}.authFormGroup label{font-size:1.35rem;font-weight:600;color:#4a4a4a}.authInput{border:.15rem solid #e0e0e0;border-radius:1rem;padding:1.2rem;font-size:1.45rem;outline:none;transition:border-color .2s ease}.authInput:focus{border-color:#ff8e72}.authSubmitBtn{background-color:#ff8e72;color:#fff;padding:1.4rem;border-radius:1rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;text-align:center;margin-top:1rem}.authSubmitBtn:hover{background-color:#e57d62}.authSwitchText{text-align:center;font-size:1.35rem;color:#666}.authSwitchLink{color:#ff8e72;font-weight:700;cursor:pointer;margin-left:.6rem;text-decoration:underline}.authFindLinks{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:-.8rem}.authFindLink{font-size:1.3rem;color:#888;cursor:pointer;transition:color .2s ease}.authFindLink:hover{color:#ff8e72}.authFindDivider{font-size:1.3rem;color:#ccc}.authResultBox{background-color:#fff8f6;border:.15rem solid #ffe5dd;border-radius:1.2rem;padding:2.4rem;text-align:center;display:flex;flex-direction:column;gap:.8rem}.authResultLabel{font-size:1.4rem;color:#666}.authResultEmail{font-size:1.8rem;font-weight:700;color:#ff8e72}.authResultHint{font-size:1.3rem;color:#888;line-height:1.5}.authResultText{font-size:1.45rem;color:#555;line-height:1.6}.myPageSection{padding:6rem 2.4rem;max-width:80rem;margin:0 auto}.myPageCard{background-color:#fff;border:.1rem solid #f5edeb;border-radius:2rem;padding:4rem;box-shadow:0 1rem 3rem #4a3e3d0a;display:flex;flex-direction:column;gap:3rem}.myPageHeader{border-bottom:.1rem solid #f0f0f0;padding-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.myPageTitle{font-size:2.2rem;font-weight:700;color:#2c2c2c}.myPageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.myPageInfoItem{background-color:#fcfbf9;padding:2rem;border-radius:1.2rem;border:.1rem solid #f5edeb;display:flex;flex-direction:column;gap:.6rem}.myPageInfoLabel{font-size:1.3rem;color:#888}.myPageInfoValue{font-size:1.6rem;font-weight:700;color:#2c2c2c}.myPageInfoValue span{color:#ff8e72}.myPageNotifCount{font-size:1.3rem;font-weight:700;color:#f44;background-color:#fff0f0;padding:.3rem 1rem;border-radius:2rem;border:.1rem solid #ffcccc}.myPageNotifEmpty{font-size:1.5rem;color:#aaa;text-align:center;padding:2.4rem 0}.myPageNotifList{display:flex;flex-direction:column;gap:1.6rem;list-style:none}.myPageNotifReviewGroup{border:.1rem solid #f5edeb;border-radius:1.2rem;overflow:hidden}.myPageNotifReviewHeader{display:flex;flex-direction:column;gap:.6rem;padding:1.6rem 2rem;background-color:#fffdf9;cursor:pointer;transition:background-color .2s ease}.myPageNotifReviewHeader:hover{background-color:#fff4f0}.myPageNotifItemTop{display:flex;align-items:center;gap:.8rem}.myPageNotifCategory{font-size:1.2rem;color:#ff8e72;background-color:#fff0eb;padding:.2rem .8rem;border-radius:2rem;border:.1rem solid #ffd4c8;font-weight:600}.myPageNotifBadge{font-size:1.2rem;font-weight:700;color:#fff;background-color:#f44;padding:.2rem .8rem;border-radius:2rem}.myPageNotifReviewTitle{font-size:1.5rem;font-weight:700;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myPageNotifCommentList{list-style:none;border-top:.1rem solid #f0f0f0}.myPageNotifCommentItem{display:flex;align-items:flex-start;gap:1.2rem;padding:1.4rem 2rem;border-bottom:.1rem solid #f5f5f5;cursor:pointer;transition:background-color .2s ease}.myPageNotifCommentItem:last-child{border-bottom:none}.myPageNotifCommentItem:hover{background-color:#fff8f5}.myPageNotifCommentAvatar{width:3.2rem;height:3.2rem;border-radius:50%;background-color:#ff8e72;color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.myPageNotifCommentBody{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.myPageNotifCommentMeta{display:flex;align-items:center;gap:.8rem}.myPageNotifAuthor{font-size:1.35rem;font-weight:700;color:#2c2c2c}.myPageNotifReplyTag{font-size:1.1rem;font-weight:600;color:#7c6ff7;background-color:#f0eeff;padding:.15rem .6rem;border-radius:2rem;border:.1rem solid #d6d0ff}.myPageNotifTime{font-size:1.2rem;color:#aaa}.myPageNotifCommentText{font-size:1.4rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myPageHeaderActions{display:flex;align-items:center;gap:.8rem}.editProfileBtn{background-color:#fff0eb;color:#ff8e72;border:.1rem solid #ffd4c8;padding:.6rem 1.4rem;border-radius:2rem;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .2s ease}.editProfileBtn:hover{background-color:#ff8e72;color:#fff;border-color:#ff8e72}.editProfileActions{display:flex;gap:1.2rem;margin-top:.8rem}.editCancelBtn{flex:0 0 auto;background-color:#f5f5f5;color:#666;border:.1rem solid #e0e0e0;padding:1.4rem 2rem;border-radius:1rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.editCancelBtn:hover{background-color:#e8e8e8}.appFooter{background-color:#fcfbf9;border-top:.1rem solid #f0f0f0;padding:4rem 2.4rem;text-align:center}.footerContainer{max-width:100rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.6rem}.footerLogo{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;color:#ff8e72}.footerLinks{display:flex;gap:2rem}.footerLink{font-size:1.3rem;color:#666}.footerCopy{font-size:1.2rem;color:#999}@media (max-width: 768px){html{font-size:56.25%}.stageDetailCard{grid-template-columns:1fr;gap:3rem;padding:3rem}.stageInfoRight{border-left:none;border-top:.1rem solid #f0f0f0;padding-left:0;padding-top:3rem}.calcForm{flex-direction:column;align-items:stretch}.formGroup,.calcSubmitBtn{width:100%}.heroTitle{font-size:2.6rem}.modalBody{padding:2.4rem}}@media (max-width: 480px){.appHeader{padding:1.2rem 1.6rem}.headerNav{gap:1.6rem}.heroBanner{padding:4rem 1.6rem}.stageTabWrapper{flex-direction:column;align-items:stretch}.stageTab{max-width:100%}.earlySubTabWrapper{gap:.6rem}.earlySubTab{font-size:1.2rem;padding:.6rem 1.4rem}.lateSubTabWrapper{gap:.6rem}.lateSubTab{font-size:1.2rem;padding:.6rem 1.8rem}.completeSubTabWrapper{gap:.6rem}.completeSubTab{font-size:1.2rem;padding:.6rem 1.8rem}}.recipeLibraryBanner{background:linear-gradient(135deg,#fff5f0,#ffe8df 40%,#ffd4c4);padding:5rem 2.4rem 0;text-align:center;margin-bottom:0}.recipeLibraryBannerInner{max-width:100rem;margin:0 auto 3rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.recipeLibraryIconBadge{width:5.2rem;height:5.2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);border-radius:1.4rem;display:flex;align-items:center;justify-content:center;color:#ff8e72;box-shadow:0 .4rem 1.6rem #ff8e7226;margin-bottom:.4rem}.recipeLibraryTitle{font-size:2.8rem;font-weight:700;color:#2c2c2c;position:relative}.recipeLibraryTitle:after{content:"";display:block;width:4rem;height:.3rem;background:linear-gradient(90deg,#ff8e72,#ffb399);margin:1rem auto 0;border-radius:.2rem}.recipeLibraryDesc{font-size:1.5rem;color:#7a5c52;line-height:1.6}.babyDateCard{position:relative;background:linear-gradient(135deg,#fff5f0,#ffe8df 40%,#ffd4c4);border:none;border-radius:0;padding:5rem 2.4rem 4rem;box-shadow:none;display:flex;flex-direction:column;gap:0rem;margin-bottom:3.2rem;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.babyDateDecor{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.decorDot{position:absolute;border-radius:50%;opacity:.15;background-color:#ff8e72}.decorDot1{width:12rem;height:12rem;top:-4rem;right:-2rem;background:radial-gradient(circle,#ff8e72 0%,transparent 70%);opacity:.2;animation:floatDot 6s ease-in-out infinite}.decorDot2{width:6rem;height:6rem;bottom:2rem;left:4rem;background:radial-gradient(circle,#ffb399 0%,transparent 70%);opacity:.18;animation:floatDot 8s ease-in-out infinite reverse}.decorDot3{width:3rem;height:3rem;top:3rem;right:18rem;background-color:#ff8e72;opacity:.1;animation:floatDot 5s ease-in-out infinite 1s}.decorDot4{width:2rem;height:2rem;bottom:4rem;right:10rem;background-color:#ffb399;opacity:.12;animation:floatDot 7s ease-in-out infinite .5s}.decorDot5{width:8rem;height:8rem;top:50%;left:-2rem;transform:translateY(-50%);background:radial-gradient(circle,#e57d62 0%,transparent 70%);opacity:.08;animation:floatDot 9s ease-in-out infinite 2s}@keyframes floatDot{0%,to{transform:translateY(0)}50%{transform:translateY(-1rem)}}.babyDateContentBox{position:relative;z-index:1;max-width:100rem;width:100%;margin:0 auto;background-color:#fff8f5b3;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);border:.1rem solid rgba(255,142,114,.2);border-radius:2.4rem;padding:4rem 3.6rem;box-shadow:0 1rem 3rem #ff8e720a}.babyDateCardInner{position:relative;display:flex;align-items:center;gap:4rem;width:100%}.babyDateLeft{display:flex;align-items:center;gap:2rem;flex:1}.babyDateIconBadge{position:relative;width:6.4rem;height:6.4rem;background:linear-gradient(135deg,#ff8e72,#e57d62);border-radius:1.8rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 .8rem 2.4rem #ff8e7259;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 .8rem 2.4rem #ff8e7259}50%{box-shadow:0 1rem 3.2rem #ff8e7280}}.babyDateSparkle{position:absolute;top:-.4rem;right:-.4rem;color:#ffcc02;filter:drop-shadow(0 .1rem .3rem rgba(255,204,2,.5));animation:sparkleRotate 4s linear infinite}@keyframes sparkleRotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(15deg) scale(1.15)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-15deg) scale(1.15)}to{transform:rotate(0) scale(1)}}.babyDateTextGroup{display:flex;flex-direction:column;gap:.8rem}.babyDateTag{display:inline-block;align-self:flex-start;background-color:#fff;color:#ff8e72;font-size:1.2rem;font-weight:700;padding:.4rem 1.2rem;border-radius:10rem;box-shadow:0 .2rem .8rem #ff8e7226}.babyDateTitle{font-size:2.2rem;font-weight:700;color:#2c2c2c;line-height:1.4}.babyDateDesc{font-size:1.4rem;color:#7a5c52;line-height:1.6}.babyDateRight{flex-shrink:0;width:28rem}.babyDateInputCard{background:#ffffffd9;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);border:.1rem solid rgba(255,255,255,.7);border-radius:1.6rem;padding:2rem;display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 .6rem 2rem #4a3e3d0f;transition:box-shadow .2s ease}.babyDateInputCard:focus-within{box-shadow:0 .8rem 2.4rem #ff8e7226,0 0 0 .2rem #ff8e7233}.babyDateInputHeader{display:flex;align-items:center;gap:.6rem;color:#ff8e72;font-size:1.35rem;font-weight:600}.babyDateInputField{border:.15rem solid #f0e0da;border-radius:1.2rem;padding:1.4rem 1.6rem;font-size:1.5rem;background-color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%;font-family:inherit;color:#2c2c2c}.babyDateInputField:focus{border-color:#ff8e72;box-shadow:0 0 0 .3rem #ff8e721f}.babyDateResult{position:relative;z-index:1;background:#fff;border:.1rem solid rgba(255,142,114,.15);border-radius:1.6rem;padding:2rem 2.4rem;margin-top:2.4rem;width:100%;display:flex;justify-content:space-between;align-items:center;gap:2rem;animation:resultSlideIn .4s ease}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.babyDateResultContent{display:flex;align-items:center;gap:2rem;flex:1}.babyDateMonthBadge{width:6.4rem;height:6.4rem;background:linear-gradient(135deg,#ff8e72,#ff6b4a);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 .4rem 1.6rem #ff6b4a4d}.monthNumber{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;color:#fff;line-height:1}.monthUnit{font-size:1rem;font-weight:500;color:#ffffffd9;line-height:1;margin-top:.2rem}.babyDateResultText{display:flex;flex-direction:column;gap:.4rem}.resultMainText{font-size:1.55rem;color:#4a4a4a;line-height:1.5}.resultMainText strong{color:#2c2c2c}.resultStageHighlight{color:#ff8e72;font-weight:700}.resultSubText{font-size:1.35rem;color:#888;line-height:1.5}.resultSubList{margin:0;list-style:none}.resultSubList li{font-size:1.35rem;color:#888;line-height:1.7;margin-bottom:.4rem;position:relative;padding-left:1rem}.resultSubList li:before{content:"•";position:absolute;left:0;color:#888;font-size:1.2rem;line-height:1.7}.resultSubList li:last-child{margin-bottom:0}.babyDateAllBtn{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#ff8e72,#ff6b4a);color:#fff;padding:1rem 2rem;border-radius:10rem;font-size:1.4rem;font-weight:600;cursor:pointer;border:none;white-space:nowrap;flex-shrink:0;box-shadow:0 .4rem 1.4rem #ff6b4a40;transition:all .25s ease}.babyDateAllBtn:hover{transform:translateY(-.2rem);box-shadow:0 .6rem 2rem #ff6b4a59}@media (max-width: 768px){.babyDateCard{padding:3rem 2.4rem}.babyDateCardInner{flex-direction:column;gap:2.4rem}.babyDateLeft{flex-direction:column;align-items:center;text-align:center}.babyDateTag{align-self:center}.babyDateTitle br,.babyDateDesc br{display:none}.babyDateRight{width:100%}.babyDateResult{flex-direction:column;text-align:center}.babyDateResultContent{flex-direction:column}}.customRecommendSection{width:100%;background-color:#fff0eb;padding:4rem 0rem;margin-bottom:3rem}.customRecommendContainer{max-width:100rem;margin:0rem auto;padding:0rem 2.4rem}.customRecommendCard{background-color:#fff;border:.1rem solid #ffe5dd;border-radius:2rem;padding:3rem;box-shadow:0 1rem 3rem #4a3e3d0a;display:flex;flex-direction:column;gap:2.4rem}.menuPickerSection{background-color:#fcfbf9;padding:4rem 2.4rem}.menuPickerContainer{max-width:100rem;margin:0 auto;display:flex;flex-direction:column;gap:2.4rem}.menuPickerHeader{display:flex;align-items:center;gap:1rem}.menuPickerTitle{font-size:2rem;font-weight:700;color:#2c2c2c}.menuPickerDesc{font-size:1.4rem;color:#666;line-height:1.6}.stageInfoCard{background-color:#fff8f5;border:.1rem solid #ffd5c8;border-radius:1.2rem;padding:1.6rem 2rem;display:flex;flex-direction:column;gap:1.2rem}.stageInfoBadge{display:inline-block;background-color:#ff8e72;color:#fff;font-size:1.2rem;font-weight:700;border-radius:10rem;padding:.3rem 1.2rem;align-self:flex-start}.stageInfoList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.stageInfoItem{display:flex;gap:1rem;font-size:1.3rem;line-height:1.5}.stageInfoLabel{flex-shrink:0;font-weight:700;color:#ff8e72;min-width:4rem}.stageInfoValue{color:#4a4a4a}.menuCalendarWrapper{width:100%}.menuCalendarWrapper .react-calendar{width:100%;border:.1rem solid #f0e8e5;border-radius:1.6rem;font-family:Noto Sans KR,sans-serif;font-size:1.3rem;background-color:#fff;padding:1.6rem;box-shadow:0 .4rem 1.6rem #4a3e3d0f}.menuCalendarWrapper .react-calendar__navigation{margin-bottom:1.2rem}.menuCalendarWrapper .react-calendar__navigation button{font-size:1.5rem;font-weight:700;color:#2c2c2c;border-radius:.8rem;min-width:3.6rem}.menuCalendarWrapper .react-calendar__navigation button:hover,.menuCalendarWrapper .react-calendar__navigation button:focus{background-color:#fff0eb;color:#ff8e72}.menuCalendarWrapper .react-calendar__month-view__weekdays{font-size:1.2rem;font-weight:700;color:#888;text-align:center}.menuCalendarWrapper .react-calendar__month-view__weekdays abbr{text-decoration:none}.menuCalendarWrapper .react-calendar__month-view__weekdays__weekday:nth-child(1) abbr,.menuCalendarWrapper .react-calendar__month-view__weekdays__weekday:nth-child(7) abbr{color:#e03030}.menuCalendarWrapper .react-calendar__tile{padding:.8rem .4rem;border-radius:.8rem;font-size:1.3rem;color:#2c2c2c;display:flex;flex-direction:column;align-items:center;gap:.3rem;height:auto;min-height:7rem;transition:background-color .15s ease}.menuCalendarWrapper .react-calendar__tile:hover{background-color:#fff0eb}.menuCalendarWrapper .react-calendar__tile--now{background-color:transparent}.menuCalendarWrapper .react-calendar__tile--active,.menuCalendarWrapper .react-calendar__tile--active:hover{background-color:#ffe5dd;color:#2c2c2c}.calTodayTile{background-color:#ff8e72!important;color:#fff!important}.calTodayTile .calTileMenuName{background-color:#ffffff40;color:#fff}.menuCalendarWrapper .react-calendar__tile.calHolidayTile{color:#e03030}.menuCalendarWrapper .react-calendar__tile.calTodayTile.calHolidayTile{color:#fff!important}.calTileMenus{display:flex;flex-direction:column;gap:.25rem;width:100%;align-items:center}.calTileMenuName{font-size:1rem;color:#ff8e72;background-color:#fff0eb;border-radius:.4rem;padding:.1rem .4rem;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.calTileMenuNameClickable{cursor:pointer;transition:background-color .15s,color .15s}.calTileMenuNameClickable:hover{background-color:#ff8e72;color:#fff}.menuRecommendEmpty{background-color:#fff5f0;border-left:.4rem solid #ff8e72;border-radius:0 1rem 1rem 0;padding:1.6rem 2rem}.menuRecommendEmptyText{font-size:1.4rem;color:#555;line-height:1.6}.menuRecommendResult{display:flex;flex-direction:column;gap:2rem}.menuRecommendBadge{display:inline-flex;align-self:flex-start;background-color:#ff8e72;color:#fff;font-size:1.3rem;font-weight:700;padding:.6rem 1.6rem;border-radius:2rem}.mealCardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:1.6rem}.mealCard{background-color:#fff;border:.1rem solid #f0e8e5;border-radius:1.6rem;padding:2.4rem;display:flex;flex-direction:column;gap:.8rem;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.mealCard:hover{box-shadow:0 .6rem 2rem #ff8e722e;transform:translateY(-.3rem)}.mealLabel{font-size:1.2rem;font-weight:700;color:#ff8e72;text-transform:uppercase;letter-spacing:.04em}.mealRecipeName{font-size:1.7rem;font-weight:700;color:#2c2c2c;line-height:1.3}.mealRecipeDesc{font-size:1.3rem;color:#666;line-height:1.55;flex:1}.mealViewBtn{margin-top:.4rem;font-size:1.3rem;font-weight:600;color:#ff8e72}.reviewSection{display:flex;flex-direction:column;gap:1.6rem;border-top:.1rem solid #f0f0f0;padding-top:2.4rem}.nonMemberUsernameInput{width:18rem;border:.1rem solid #e0e0e0;border-radius:.8rem;padding:.8rem 1.2rem;font-size:1.3rem;color:#2c2c2c;outline:none;background-color:#fff;transition:border-color .2s ease}.nonMemberUsernameInput:focus{border-color:#ff8e72}.reviewForm{display:flex;flex-direction:column;gap:.8rem;background-color:#fafafa;border:.1rem solid #eeeeee;border-radius:1.2rem;padding:1.6rem}.reviewTextarea{width:100%;resize:none;border:.1rem solid #e0e0e0;border-radius:.8rem;padding:1.2rem;font-size:1.4rem;color:#2c2c2c;background-color:#fff;line-height:1.6;outline:none;transition:border-color .2s ease}.reviewTextarea:focus{border-color:#ff8e72}.reviewFormFooter{display:flex;align-items:center;justify-content:space-between}.reviewCharCount{font-size:1.2rem;color:#aaa}.reviewSubmitBtn{background-color:#ff8e72;color:#fff;font-size:1.3rem;font-weight:600;padding:.8rem 1.8rem;border-radius:.8rem;cursor:pointer;transition:background-color .2s ease}.reviewSubmitBtn:hover:not(:disabled){background-color:#ff7355}.reviewSubmitBtn:disabled{background-color:#e0e0e0;color:#aaa;cursor:not-allowed}.reviewLoginNotice{font-size:1.4rem;color:#888}.reviewLoginLink{color:#ff8e72;font-weight:600;cursor:pointer;text-decoration:underline}.reviewList{display:flex;flex-direction:column;gap:1.2rem;list-style:none}.reviewItem{display:flex;flex-direction:column;gap:.8rem;padding:1.4rem;background-color:#fafafa;border-radius:1rem;border:.1rem solid #f0f0f0}.reviewItemHeader{display:flex;align-items:center;gap:1rem}.reviewAvatar{width:3.2rem;height:3.2rem;border-radius:50%;background-color:#ff8e72;color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reviewMeta{display:flex;flex-direction:column;gap:.2rem;flex:1}.reviewUsername{font-size:1.4rem;font-weight:600;color:#2c2c2c}.reviewDate{font-size:1.2rem;color:#aaa}.reviewDeleteBtn{font-size:1.2rem;color:#aaa;cursor:pointer;padding:.4rem .8rem;border-radius:.6rem;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.reviewDeleteBtn:hover{background-color:#fff0eb;color:#ff8e72}.reviewContent{font-size:1.4rem;color:#4a4a4a;line-height:1.6;padding-left:4.2rem}.reviewEmpty{font-size:1.4rem;color:#aaa;text-align:center;padding:2rem 0}.reviewPagination{display:flex;align-items:center;justify-content:center;gap:1.6rem;padding-top:.8rem}.reviewPageBtn{width:3.2rem;height:3.2rem;border-radius:50%;border:.1rem solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;color:#555}.reviewPageBtn:hover:not(:disabled){background-color:#fff0eb;border-color:#ff8e72;color:#ff8e72}.reviewPageBtn:disabled{color:#ccc;border-color:#eee;cursor:not-allowed}.reviewPageInfo{font-size:1.4rem;color:#555;font-weight:500}.reviewsBanner{background:linear-gradient(135deg,#fff5f2,#ffe8e0);text-align:center;padding:5rem 2rem 4rem;border-bottom:.1rem solid #ffd8cc}.reviewsBannerTitle{font-size:3.2rem;font-weight:700;color:#2c2c2c;margin:.8rem 0}.reviewsBannerDesc{font-size:1.5rem;color:#666;margin-top:.8rem}.boardSection{padding:4rem 2rem 6rem}.boardContainer{max-width:96rem;margin:0 auto}.boardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.boardTitle{font-size:2rem;font-weight:700;color:#2c2c2c}.boardCount{font-size:1.4rem;color:#888}.boardLoading{text-align:center;padding:4rem 0;font-size:1.5rem;color:#aaa}.boardTable{width:100%;border-collapse:collapse;table-layout:fixed}.colNum{width:7rem}.colRecipe{width:auto}.colAuthor{width:10rem}.colDate{width:11rem}.colViews{width:7rem}.boardTable thead tr{background-color:#fff5f2;border-top:.2rem solid #ff8e72;border-bottom:.1rem solid #ffd8cc}.boardTable thead th{padding:1.2rem 1.4rem;font-size:1.4rem;font-weight:600;color:#555;text-align:center}.boardTable tbody tr{border-bottom:.1rem solid #f0f0f0;transition:background-color .15s ease}.boardTable tbody tr:hover{background-color:#fffaf8}.boardEmpty{text-align:center;padding:5rem 0;font-size:1.5rem;color:#aaa}.boardCellNum{text-align:center;font-size:1.4rem;color:#888;padding:1.4rem 1rem}.boardCellRecipe{text-align:left;padding:1.4rem 1rem;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardRecipeLink{font-size:1.4rem;font-weight:600;color:#ff8e72;cursor:pointer;text-decoration:underline;text-underline-offset:.2rem;background:none;border:none;padding:0}.boardRecipeLink:hover{color:#e06a50}.boardRecipeUnknown{font-size:1.4rem;color:#ccc}.boardCellAuthor{text-align:center;font-size:1.4rem;color:#555;padding:1.4rem 1rem}.boardCellDate,.boardCellViews{text-align:center;font-size:1.3rem;color:#888;padding:1.4rem 1rem}.boardPagination{display:flex;align-items:center;justify-content:center;gap:.6rem;padding-top:2.4rem}.boardPageBtn{min-width:3.4rem;height:3.4rem;padding:0 .8rem;border-radius:.6rem;border:.1rem solid #e0e0e0;font-size:1.4rem;color:#555;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;background-color:#fff}.boardPageBtn:hover:not(:disabled){background-color:#fff0eb;border-color:#ff8e72;color:#ff8e72}.boardPageBtn:disabled{color:#ccc;border-color:#eee;cursor:not-allowed}.boardPageBtnActive{background-color:#ff8e72;border-color:#ff8e72;color:#fff;font-weight:600}.boardPageBtnActive:hover:not(:disabled){background-color:#e06a50;border-color:#e06a50;color:#fff}.boardTitleLink{color:#3c3c3c;text-decoration:none;transition:color .15s ease;cursor:pointer;font-weight:500}.boardTitleLink:hover{color:#ff8e72;text-decoration:underline}.boardDetailHeader{display:flex;align-items:center;margin-bottom:2rem}.boardDetailBackBtn{font-size:1.35rem;color:#ff8e72;font-weight:600;cursor:pointer;padding:.8rem 2rem;border-radius:.6rem;border:.1rem solid #ffe5dd;background-color:#fff8f6;transition:background-color .2s ease}.boardDetailBackBtn:hover{background-color:#ffe5dd}.boardDetailCard{background-color:#fff;border:.1rem solid #f0f0f0;border-radius:1.2rem;padding:3rem}.boardDetailMeta{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}.boardDetailDate{font-size:1.3rem;color:#999}.boardDetailTitle{font-size:2.2rem;font-weight:700;color:#2c2c2c;margin-bottom:1.2rem;line-height:1.4}.boardDetailAuthor{font-size:1.35rem;color:#888;margin-bottom:2rem;display:flex;align-items:center;gap:2rem}.boardDetailViews{color:#aaa}.boardDetailDivider{height:.1rem;background-color:#f0f0f0;margin-bottom:2.4rem}.boardDetailContent{font-size:1.5rem;line-height:1.8;color:#2c2c2c;min-height:20rem;word-break:break-word}.boardDetailContent.ql-editor{padding:0;height:auto}.boardDetailContent img{max-width:100%;border-radius:.6rem;margin:1rem 0}.boardDetailActions{display:flex;justify-content:space-between;gap:1.2rem;margin-top:3rem;padding-top:2rem;border-top:.1rem solid #f0f0f0}.boardDetailDeleteBtn{font-size:1.35rem;color:#d32f2f;padding:.8rem 2rem;border:.1rem solid #ffcdd2;border-radius:.6rem;background-color:#fff5f5;cursor:pointer;font-weight:600;transition:background-color .2s ease}.boardDetailDeleteBtn:hover{background-color:#ffcdd2}.boardDetailOwnerActions{display:flex;gap:1.2rem}.boardDetailEditBtn{font-size:1.35rem;color:#ff8e72;padding:.8rem 2rem;border:.1rem solid #ffe5dd;border-radius:.6rem;background-color:#fff8f6;cursor:pointer;font-weight:600;transition:background-color .2s ease}.boardDetailEditBtn:hover{background-color:#ffe5dd}.boardWriteHeader{display:flex;align-items:center;gap:1.6rem;margin-bottom:2.8rem}.boardBackBtn{font-size:1.4rem;color:#888;background:none;border:none;cursor:pointer;padding:.4rem 0;transition:color .2s ease}.boardBackBtn:hover{color:#ff8e72}.boardWriteTitle{font-size:2rem;font-weight:700;color:#2c2c2c}.boardWriteForm{display:flex;flex-direction:column;gap:2.4rem;background-color:#fff;border:.1rem solid #f0f0f0;border-radius:1.2rem;padding:3rem}.boardWriteField{display:flex;flex-direction:column;gap:.8rem}.boardWriteLabel{font-size:1.5rem;font-weight:600;color:#2c2c2c}.boardWriteRequired{color:#ff8e72}.boardWriteCategorySelect{width:100%;max-width:24rem;border:.1rem solid #e0e0e0;border-radius:.8rem;padding:1rem 1.4rem;font-size:1.5rem;color:#2c2c2c;background-color:#fff;outline:none;cursor:pointer;transition:border-color .2s ease}.boardWriteCategorySelect:focus{border-color:#ff8e72}.boardCellCategory{text-align:center;white-space:nowrap}.boardCategoryBadge{display:inline-block;padding:.3rem .8rem;border-radius:2rem;font-size:1.2rem;font-weight:600;white-space:nowrap}.boardCategoryBadgeReview{background-color:#fff3ef;color:#e06a50}.boardCategoryBadgeNew{background-color:#eef6ff;color:#3b82f6}.boardCategoryBadgeEtc{background-color:#f5f5f5;color:#888}.colCategory{width:11rem}.boardWriteInput{width:100%;border:.1rem solid #e0e0e0;border-radius:.8rem;padding:1rem 1.4rem;font-size:1.5rem;color:#2c2c2c;background-color:#fff;outline:none;transition:border-color .2s ease;box-sizing:border-box}.boardWriteInput:focus{border-color:#ff8e72}.boardQuillWrapper{border:.1rem solid #e0e0e0;border-radius:.8rem;transition:border-color .2s ease}.boardQuillWrapper:focus-within{border-color:#ff8e72}.boardQuillWrapper .ql-toolbar{border:none;border-bottom:.1rem solid #e0e0e0;background-color:#fafafa;padding:.8rem 1rem;position:sticky;top:5.6rem;z-index:50;border-radius:.8rem .8rem 0 0}.boardQuillWrapper .ql-container{border:none;font-size:1.5rem;min-height:90rem}.boardQuillWrapper .ql-editor{min-height:90rem;padding:1.4rem;line-height:1.7;color:#2c2c2c}.boardQuillWrapper .ql-editor.ql-blank:before{color:#aaa;font-style:normal;font-size:1.4rem}.boardQuillWrapper .ql-editor img{max-width:100%;border-radius:.4rem}.boardQuillWrapper .ql-picker.ql-size .ql-picker-label:before,.boardQuillWrapper .ql-picker.ql-size .ql-picker-item:before{content:attr(data-value)}.boardQuillWrapper .ql-picker.ql-size .ql-picker-label[data-value=""]:before,.boardQuillWrapper .ql-picker.ql-size .ql-picker-item[data-value=""]:before{content:"기본"}.boardWriteCharCount{font-size:1.3rem;color:#aaa;text-align:right}.boardWriteActions{display:flex;justify-content:flex-end;gap:1.2rem;padding-top:.4rem}.boardWriteCancelBtn{padding:1rem 2.4rem;background-color:#f5f5f5;color:#555;border:.1rem solid #e0e0e0;border-radius:.8rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.boardWriteCancelBtn:hover{background-color:#ebebeb}.boardWriteSubmitBtn{padding:1rem 2.8rem;background-color:#ff8e72;color:#fff;border:none;border-radius:.8rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.boardWriteSubmitBtn:hover:not(:disabled){background-color:#e06a50}.boardWriteSubmitBtn:disabled{background-color:#ffcfc4;cursor:not-allowed}.boardWriteErrorMsg{color:#e53935;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem;background-color:#fff5f5;border:1px solid #ffcdd2;border-radius:6px}.boardWriteArea{display:flex;justify-content:flex-end;margin-top:2rem}.boardWriteBtn{padding:1rem 2.4rem;background-color:#ff8e72;color:#fff;border:none;border-radius:.8rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.boardWriteBtn:hover{background-color:#e06a50}.boardWriteBtnDisabled{background-color:#f0f0f0;color:#888}.boardWriteBtnDisabled:hover{background-color:#e8e8e8}.boardCommentSection{margin-top:4rem;padding:0 1rem}.boardCommentSectionTitle{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-bottom:1.6rem}.boardCommentList{margin-bottom:2.4rem}.boardCommentEmpty{text-align:center;padding:3rem 0;color:#888;font-size:1.4rem;border:.1rem solid #e2e8f0;border-radius:.8rem;background-color:#f8fafc}.boardCommentItem{display:flex;align-items:flex-start;padding:1.6rem;border:.1rem solid #e2e8f0;border-radius:.8rem;background-color:#f8fafc}.boardCommentAvatar{width:3.2rem;height:3.2rem;border-radius:50%;background-color:#fff5f5;border:.1rem solid #ffd3d3;color:#d36480;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;flex-shrink:0}.boardCommentBody{flex:1;margin-left:1.2rem}.boardCommentMeta{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.boardCommentAuthorName{font-size:1.4rem;font-weight:700;color:#333}.boardCommentDate{font-size:1.2rem;color:#888}.boardCommentText{font-size:1.4rem;line-height:1.6;color:#444;word-break:break-all}.boardCommentSecretTag{display:inline-flex;align-items:center;font-size:1.4rem;margin-right:.3rem;vertical-align:1px}.boardCommentSecretPlaceholder{color:#888;font-style:italic}.boardCommentActions{align-self:flex-start;margin-left:1.2rem}.boardCommentDeleteBtn{font-size:1.2rem;color:#888;background:none;border:none;cursor:pointer}.boardCommentDeleteBtn:hover{color:#d32f2f;text-decoration:underline}.boardCommentGroup{margin-bottom:1.6rem;border-bottom:.1rem solid #f1f5f9;padding-bottom:1.6rem}.boardCommentGroup:last-child{border-bottom:none;padding-bottom:0}.boardCommentReplyBtn{font-size:1.2rem;color:#888;background:none;border:none;cursor:pointer;margin-right:.8rem}.boardCommentReplyBtn:hover{color:#d45f78;text-decoration:underline}.boardCommentEditBtn{font-size:1.2rem;color:#888;background:none;border:none;cursor:pointer;margin-right:.8rem}.boardCommentEditBtn:hover{color:#2563eb;text-decoration:underline}.boardCommentEditForm{display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem;width:100%}.boardCommentEditInput{width:100%;min-height:8rem;padding:1rem 1.2rem;font-size:1.4rem;color:#333;background-color:#fff;border:.1rem solid #cbd5e1;border-radius:.6rem;resize:vertical}.boardCommentEditInput:focus{outline:none;border-color:#d45f78}.boardCommentEditButtons{display:flex;justify-content:flex-end;gap:.8rem}.boardCommentEditSaveBtn{padding:.6rem 1.2rem;font-size:1.2rem;font-weight:600;color:#fff;background-color:#d45f78;border:none;border-radius:.4rem;cursor:pointer}.boardCommentEditSaveBtn:hover{background-color:#b84f64}.boardCommentEditCancelBtn{padding:.6rem 1.2rem;font-size:1.2rem;font-weight:600;color:#475569;background-color:#f1f5f9;border:.1rem solid #e2e8f0;border-radius:.4rem;cursor:pointer}.boardCommentEditCancelBtn:hover{background-color:#e2e8f0}.boardReplyList{margin-top:1rem}.boardReplyItem{background-color:#f1f5f9;border-color:#e2e8f0}.boardReplyArrow{display:flex;align-items:center;justify-content:center;margin-right:1.2rem;margin-top:2.2rem;flex-shrink:0}.boardReplyWrapper{display:flex;align-items:flex-start;width:100%}.boardReplyWrapper .boardCommentItem{flex:1}.boardReplyAvatar{width:2.8rem;height:2.8rem;font-size:1.1rem}.boardReplyLabel{font-size:1.1rem;color:#d45f78;border:.1rem solid #ffd3d3;padding:.1rem .4rem;background-color:#fff5f5;border-radius:.3rem;margin-left:.4rem;font-weight:600}.boardReplyFormContainer{margin-left:4rem;margin-top:1rem}.boardReplyInput{border-radius:.8rem 0 0 .8rem;height:7.2rem}.boardReplyFormActions{display:flex;flex-direction:column;height:7.2rem}.boardReplySubmitBtn{width:6.4rem;flex:1;background-color:#d45f78;color:#fff;border:none;border-radius:0 .8rem 0 0;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.boardReplySubmitBtn:hover{background-color:#be4e65}.boardReplySubmitBtn:disabled{background-color:#e2e8f0;color:#888;cursor:not-allowed}.boardReplyCancelBtn{width:6.4rem;height:2.8rem;background-color:#f1f5f9;color:#555;border:.1rem solid #e2e8f0;border-top:none;border-radius:0 0 .8rem;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease}.boardReplyCancelBtn:hover{background-color:#e2e8f0}.boardCommentFormContainer{margin-top:2rem}.boardCommentFormRow{display:flex;align-items:flex-start;width:100%}.boardCommentInput{flex:1;height:8rem;padding:1.2rem;font-size:1.4rem;border:.1rem solid #e2e8f0;border-radius:.8rem 0 0 .8rem;background-color:#fff;resize:none;outline:none;transition:border-color .2s ease}.boardCommentInput:focus{border-color:#d36480}.boardCommentSubmitBtn{width:8rem;height:8rem;background-color:#d45f78;color:#fff;border:none;border-radius:0 .8rem .8rem 0;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.boardCommentSubmitBtn:hover{background-color:#be4e65}.boardCommentSubmitBtn:disabled{background-color:#e2e8f0;color:#888;cursor:not-allowed}.boardCommentFormFooter{margin-top:.8rem;display:flex;justify-content:flex-start}.boardCommentSecretLabel{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.boardCommentSecretLabel input[type=checkbox]{width:1.5rem;height:1.5rem;cursor:pointer;accent-color:#d45f78}.boardCommentSecretText{font-size:1.3rem;color:#555}.replyModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:300;padding:2rem}.replyModalContent{background-color:#fff;border-radius:2.4rem;width:100%;max-width:52rem;padding:3rem;position:relative;box-shadow:0 .8rem 3rem #0000001a;animation:replyModalFadeIn .3s ease}@keyframes replyModalFadeIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.replyModalCloseBtn{position:absolute;top:2.4rem;right:2.4rem;background-color:#f8f9fa;border:.1rem solid #e9ecef;border-radius:50%;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#495057;transition:background-color .2s ease,border-color .2s ease}.replyModalCloseBtn:hover{background-color:#e9ecef;border-color:#dee2e6}.replyModalHeader{margin-bottom:2rem}.replyModalSubtitle{font-size:1.2rem;font-weight:700;color:#adb5bd;letter-spacing:.1rem;display:block}.replyModalTitle{font-size:2.4rem;font-weight:700;color:#212529;margin-top:.4rem;margin-bottom:0}.replyModalBody{margin-bottom:2.4rem}.replyModalParentBox{background-color:#f8f9fa;border-radius:1.2rem;padding:1.6rem;margin-bottom:2rem;border:.1rem solid #f1f3f5}.replyModalParentAuthor{font-size:1.4rem;font-weight:700;color:#212529;margin-bottom:.6rem}.replyModalParentContent{font-size:1.3rem;color:#495057;line-height:1.5;white-space:pre-wrap}.replyModalLabel{font-size:1.3rem;font-weight:600;color:#495057;margin-bottom:.8rem}.replyModalTextarea{width:100%;height:14rem;border:.15rem solid #cf627e;border-radius:1.2rem;padding:1.6rem;font-size:1.4rem;color:#212529;resize:none;outline:none;font-family:inherit;transition:border-color .2s ease}.replyModalTextarea:focus{border-color:#b84f67}.replyModalFooter{display:flex;align-items:center;justify-content:space-between}.replyModalSecretCheck{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:#495057;cursor:pointer;-webkit-user-select:none;user-select:none}.replyModalSecretCheck input{width:1.6rem;height:1.6rem;accent-color:#cf627e;cursor:pointer}.replyModalFooterRight{display:flex;align-items:center;gap:1.6rem}.replyModalMaxChars{font-size:1.3rem;color:#868e96}.replyModalSubmitBtn{background-color:#cf627e;color:#fff;border:none;border-radius:2rem;padding:.8rem 2.4rem;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;height:4rem;display:inline-flex;align-items:center;justify-content:center}.replyModalSubmitBtn:hover{background-color:#b84f67}.replyModalSubmitBtn:disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed}@media (max-width: 600px){.colNum{width:4.5rem}.colRecipe{width:10rem}.colAuthor{width:7rem}.colDate{width:8.5rem}.colViews{width:5.5rem}.boardTable thead th,.boardCellNum,.boardCellRecipe,.boardCellAuthor,.boardCellDate,.boardCellViews{font-size:1.2rem;padding:1rem .6rem}}.boardMobileList{display:none}@media (max-width: 768px){.boardTable{display:none}.boardMobileList{display:block;width:100%;margin-top:1rem}.boardMobileItem{padding:2rem 0;border-top:.2rem solid #000000}.boardMobileItem:last-child{border-bottom:.1rem solid #e2e8f0}.boardMobileCategory{font-size:1.3rem;color:#cf627e;margin-bottom:.6rem;font-weight:500}.boardMobileTitle{margin-bottom:.8rem}.boardMobileTitleLink{font-size:1.6rem;font-weight:700;color:#000;text-decoration:none;line-height:1.4}.boardMobileTitleLink:hover{text-decoration:underline}.boardMobileMeta{display:flex;flex-wrap:wrap;align-items:center;font-size:1.3rem;color:#888}.boardMobileMetaDivider{margin:0 .8rem;color:#ddd}}