.splash-container{width:393px;height:852px;margin:0 auto;background-color:#fff8f0;background-image:url(/splash-bg.png);background-size:393px 852px;background-position:top left;background-repeat:no-repeat;position:relative;overflow:hidden;font-family:Pretendard,sans-serif}.splash-recipeu{position:absolute;top:83px;font-family:JejuStoneWall,sans-serif;font-size:30px;font-weight:700;color:#ff5b32;margin:0;letter-spacing:1px;white-space:nowrap}.splash-title-row{position:absolute;top:130px;display:flex;flex-direction:row;align-items:center;gap:4px}.splash-title-char{font-family:JejuStoneWall,sans-serif;font-size:115px;line-height:1;paint-order:stroke fill;-webkit-text-stroke-width:4px}.splash-title-char--reo{color:#ff5b3280;-webkit-text-stroke-color:#ff5b32}.splash-title-char--si{color:#bd824e80;-webkit-text-stroke-color:#bd824e}.splash-title-char--pyu{color:#00ab4d80;-webkit-text-stroke-color:#00ab4d}.splash-character-img{position:absolute;top:250px;width:348px;height:435px;object-fit:contain}.splash-guest-btn{position:absolute;top:745px;background:none;border:none;color:#48547b;font-family:Pretendard,sans-serif;font-size:15px;font-weight:500;cursor:pointer;padding:0;text-decoration-color:#48547b66;text-underline-offset:4px;white-space:nowrap}.splash-naver-btn{position:absolute;left:50%;transform:translate(-50%);top:670px;background:none;border:none;cursor:pointer;padding:0}.splash-naver-btn-img{width:250px;height:auto}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:80px;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;justify-content:space-around;align-items:center;z-index:5}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#9b9ba1;cursor:pointer}.nav-item img{width:24px;height:24px}.nav-item.active{color:#000;font-weight:600}.home-container{position:relative;width:100%;height:100%;overflow:hidden}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/main-bg.png);background-size:cover;background-position:center;z-index:0}.weather-box{position:absolute;left:14px;top:68px;width:108px;height:30px;background:#ffffffb3;border-radius:15px;display:flex;align-items:center;gap:6px;padding:0 8px;z-index:3}.weather-box img{width:16px;height:16px}.weather-box span{font-size:13px;font-weight:500;color:#4a5a8a}.profile-icon{position:absolute;left:343px;top:68px;width:36px;height:36px;border-radius:50%;cursor:pointer;background:#fff;z-index:3}.speech-bubble{position:absolute;left:14px;top:118px;width:365px;background:#ffffffbf;padding:18px 0;border-radius:18px;font-size:15px;font-weight:500;line-height:1.4;text-align:center;color:#4a5a8a;z-index:3}.main-character{position:absolute;top:170px;left:50%;transform:translate(-50%);width:290px;z-index:2;animation:breathing 2.5s ease-in-out infinite}.home-scroll{position:absolute;top:420px;left:16px;right:16px;bottom:80px;overflow-y:auto;z-index:2;-ms-overflow-style:none;scrollbar-width:none}.home-scroll::-webkit-scrollbar{display:none}.card{position:relative;background:#ffffffb3;border-radius:18px;padding:17px 20px 11px 56px;margin-bottom:13px}.card-large{display:flex;align-items:center}.card-icon{position:absolute;top:18px;left:18px;width:28px;height:28px}.card-text h3,.card h3{margin:0;font-size:17px;font-weight:700;color:#4a5a8a}.card-text p,.card p{margin-top:6px;margin-bottom:6px;font-size:13px;font-weight:400;color:#5f6c8f;line-height:1.4}.card-action{margin-left:auto;width:80px;height:100%}.card-row{display:flex;gap:12px}.card.small{width:170px;padding:15px 16px;display:flex;flex-direction:column;gap:5px}.card-small-top{display:flex;align-items:center;gap:8px}.card.small .card-icon{position:static;width:28px;height:28px}.highlight{font-size:21px;color:#ff6a4d;font-weight:700}@keyframes breathing{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}to{transform:translate(-50%) scale(1)}}.button-red{width:calc(100% - 48px);max-width:345px;min-height:56px;background-color:#ff5b32;border:none;border-radius:16px;color:#fff;font-family:Pretendard,sans-serif;font-size:18px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 20px;transition:all .2s ease;box-shadow:0 4px 12px #ff5b324d}.button-red:hover:not(:disabled){background-color:#e04a24;transform:translateY(-1px);box-shadow:0 6px 16px #ff5b3266}.button-red:active:not(:disabled){background-color:#d04520;transform:translateY(0)}.button-red:disabled{opacity:.5;cursor:not-allowed}.button-red-main{font-size:18px;font-weight:600}.button-red-sub{font-size:12px;opacity:.9;font-weight:400}.chat-page{width:100%;height:100%;display:flex;flex-direction:column;height:852px;background-image:url(/cook-bg-yellow.png);background-size:cover;background-position:center;overflow:hidden}.chat-header{flex-shrink:0;display:flex;align-items:center;margin-top:30px;padding:18px 20px 17px 35px;justify-content:center;background:#fff;border-bottom:1px solid #e9e9e9}.back-button img{width:33px;cursor:pointer;padding:0}.chat-header h1{flex:1;font-size:18px;font-weight:600;color:#374151;text-align:center;margin:0}.chat-content{flex:1;overflow-y:auto;padding:16px;min-height:0;-ms-overflow-style:none;scrollbar-width:none}.messages{display:flex;flex-direction:column;gap:12px}.message{display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.bubble{max-width:75%;padding:12px 16px;border-radius:16px;font-size:16px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.message.user .bubble{background:#ff5b32;color:#fff;border-bottom-right-radius:4px}.message.assistant .bubble{background:#fff;color:#374151;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014}.selection-area{display:flex;flex-direction:column;gap:5px;margin-top:4px}.button-group{display:flex;flex-wrap:wrap;gap:3px}.btn-option{padding:8px 18px;border:1.5px solid #ddd;border-radius:15px;background:#fff;font-size:14px;font-weight:500;color:#555;cursor:pointer;transition:all .15s}.btn-option.selected{border-color:#ff5b32;background:#fff0ec;color:#ff5b32;font-weight:600}.btn-confirm-selection{align-self:flex-start;padding:8px 20px;background:#ff5b32;border:none;border-radius:15px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.btn-confirm-selection:disabled{opacity:.4;cursor:not-allowed}.confirm-group{display:flex;gap:8px;margin-top:4px;width:71%}.confirm-group .btn-option{flex:1;text-align:center;padding:10px 0}.confirm-group .btn-option:hover{border-color:#ff5b32;color:#ff5b32}.bubble.thinking{display:flex;align-items:center;gap:6px;color:#999;font-size:16px}.thinking-dots{display:inline-flex;gap:4px}.thinking-dots span{width:7px;height:7px;border-radius:50%;background:#ccc;animation:bounce 1.4s infinite ease-in-out}.thinking-dots span:nth-child(1){animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.action-area{flex-shrink:0;padding:10px 16px;background:transparent;display:flex;justify-content:center;position:relative;margin-top:-10px;z-index:1}.chat-input-area{flex-shrink:0;display:flex;align-items:flex-end;gap:8px;padding:10px 16px 20px;background:#fff}.chat-input-area textarea{flex:1;padding:12px 16px;border:1.5px solid #eee;border-radius:15px;font-size:16px;color:#374151;outline:none;background:#f9f9f9;transition:all .15s;resize:none;min-height:48px;max-height:72px;overflow-y:auto;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-input-area textarea:focus{border-color:#ff5b32;background:#fff}.chat-input-area textarea::placeholder{color:#aaa}.chat-input-area textarea:disabled{opacity:.5;cursor:not-allowed}.chat-input-area textarea::-webkit-scrollbar{width:0;display:none}.chat-input-area button{padding:12px 22px;background:#ff5b32;color:#fff;border:none;border-radius:15px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;height:100%;flex-shrink:0}.chat-input-area button:not(:disabled):hover{background:#ff7a50}.chat-input-area button:disabled{opacity:.4;cursor:not-allowed}.loading-indicator{text-align:center;padding:60px 20px;color:#999;font-size:14px}.header-closed{position:absolute;top:41px;left:20px;background:#0006;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.header-closed:hover{background:#0009}.closed-icon{width:18px;height:18px;object-fit:contain}.message-image-wrapper{margin:8px 0;max-width:75%}.message-recipe-image{width:100%;max-width:200px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.home-button-wrapper{margin:12px 0}.btn-home{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.btn-home:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#ffecd2,#fcb69f)}.loading-container{text-align:center;padding:2rem}.loading-spinner{width:60px;height:60px;margin:0 auto 1.5rem;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container h2{font-size:1.5rem;color:#333;margin-bottom:1rem}.loading-info{font-size:1.1rem;color:#666;margin:.5rem 0}.loading-detail{font-size:.9rem;color:#999;margin-top:1rem}@media (max-width: 768px){.loading-container h2{font-size:20px}.recipe-title{font-size:18px}.loading-info{font-size:14px}}.bottom-sheet-overlay.active{opacity:1;visibility:visible}.recipe-bottom-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;z-index:99;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 -2px 10px #0000000d}.sheet-trigger{display:flex;flex-direction:column;align-items:center;padding:16px 0;cursor:pointer;background:#fff;opacity:100%;border-radius:24px 24px 0 0;transition:transform .2s ease}.sheet-trigger:active{transform:scale(.98)}.trigger-indicator{width:40px;height:4px;background:#d9d9d9;border-radius:2px;margin-bottom:8px;transition:all .4s ease}.recipe-bottom-sheet.open .trigger-indicator{background:#ff5b32;transform:scaleX(1.2)}.trigger-text{font-size:15px;color:#666;font-weight:500;transition:color .4s ease,font-weight .3s ease}.recipe-bottom-sheet.open .trigger-text{color:#ff5b32;font-weight:600}.sheet-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,padding .5s cubic-bezier(.4,0,.2,1);background:#fff;opacity:0;padding:0 24px}.recipe-bottom-sheet.open .sheet-content{max-height:500px;overflow-y:auto;padding:16px 24px 24px;opacity:1}.recipe-steps-list{display:flex;flex-direction:column;gap:12px}.recipe-step-item{display:flex;gap:12px;font-size:15px;line-height:1.6;color:#333;padding:14px 16px;border-radius:12px;background:#f8f8f8;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px)}.recipe-bottom-sheet.open .recipe-step-item{opacity:1;transform:translateY(0)}.recipe-bottom-sheet.open .recipe-step-item:nth-child(1){transition-delay:.1s}.recipe-bottom-sheet.open .recipe-step-item:nth-child(2){transition-delay:.15s}.recipe-bottom-sheet.open .recipe-step-item:nth-child(3){transition-delay:.2s}.recipe-bottom-sheet.open .recipe-step-item:nth-child(4){transition-delay:.25s}.recipe-bottom-sheet.open .recipe-step-item:nth-child(5){transition-delay:.3s}.recipe-bottom-sheet.open .recipe-step-item:nth-child(n+6){transition-delay:.35s}.recipe-step-item{transition-delay:0s}.recipe-step-item.clickable{cursor:pointer}.recipe-step-item.clickable:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014}.recipe-step-item.clickable:active{transform:scale(.98)}.recipe-step-item.active{background:#fff;border-color:#ff5b32;color:#ff5b32;box-shadow:0 4px 12px #ff5b3226}.step-num{flex-shrink:0;font-weight:700;min-width:28px;color:#ff5b32;transition:transform .3s cubic-bezier(.4,0,.2,1)}.recipe-step-item.active .step-num{transform:scale(1.1)}.step-desc{flex:1}.sheet-content{-ms-overflow-style:none;scrollbar-width:none}.sheet-content::-webkit-scrollbar{display:none}.recipe-layout-container{width:100%;max-width:393px;height:852px;margin:0 auto;background-image:url(/cook-bg-brown.png);background-size:cover;background-position:center;position:relative;overflow:hidden;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recipe-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;z-index:98}.recipe-overlay.active{opacity:1;visibility:visible}.recipe-header{position:absolute;top:0;left:0;right:0;width:100%;height:140px;z-index:10;pointer-events:none}.recipe-header>*{pointer-events:auto}.recipe-mascot{position:absolute;top:48px;left:3px;width:101px;height:80px;object-fit:contain}.recipe-close{position:absolute;top:70px;right:20px;background:#0006;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.recipe-close:hover{background:#0009}.close-icon{width:18px;height:18px;object-fit:contain}.main-recipe-card{position:absolute;top:110px;left:0;right:0;bottom:0;background:#ffffffd9;border-radius:32px 32px 0 0;display:flex;flex-direction:column;overflow:hidden}.main-recipe-card-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 24px 100px;display:flex;flex-direction:column;align-items:center;-ms-overflow-style:none;scrollbar-width:none}.main-recipe-card-content::-webkit-scrollbar{display:none}.button-white{width:calc(100% - 48px);max-width:345px;min-height:56px;background-color:#fff;border:2px solid #e5e5e5;border-radius:16px;color:#333;font-family:Pretendard,sans-serif;font-size:18px;font-weight:600;cursor:pointer;padding:12px 20px;transition:all .2s ease}.button-white:hover:not(:disabled){border-color:#ff5b32;color:#ff5b32;transform:translateY(-1px)}.button-white:active:not(:disabled){transform:translateY(0)}.button-white:disabled{opacity:.5;cursor:not-allowed}.result-title-section{text-align:center;margin-bottom:24px;width:100%}.result-subtitle{font-size:18px;color:#333;margin-bottom:8px;font-weight:400}.result-title{font-size:22px;color:#333;font-weight:400;margin:0;line-height:1.4}.result-title .highlight{font-family:JejuStoneWall,sans-serif;color:#ff5b32;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.result-card-container{width:100%;max-width:320px;aspect-ratio:1;perspective:1000px;margin-bottom:24px;cursor:pointer}.result-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.result-card-container.flipped .result-card{transform:rotateY(180deg)}.result-card-front,.result-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.result-card-front{background:#fff}.result-image-wrapper{width:100%;height:100%;position:relative;top:0;right:0;bottom:0;left:0}.result-image{width:100%;height:100%;object-fit:cover;display:block}.result-image-info{position:absolute;bottom:16px;right:16px;display:flex;gap:8px;z-index:2;transition:opacity .3s ease}.result-card-container.flipped .result-image-info{opacity:0;pointer-events:none}.info-badge{display:flex;align-items:center;gap:4px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;color:#333;box-shadow:0 2px 8px #0000001a}.badge-icon{width:14px;height:14px;object-fit:contain}.flip-hint{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:6px;background:#ff5b32f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;box-shadow:0 2px 8px #ff5b324d;z-index:2;animation:pulse 2s infinite}.flip-hint.back{background:#333333f2;box-shadow:0 2px 8px #0003;bottom:12px;left:50%;transform:translate(-50%)}.flip-icon{font-size:16px;display:inline-block;animation:rotate 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.result-card-back{background:linear-gradient(135deg,#fff5f2,#fff);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.ingredients-wrapper{width:100%;height:100%;padding:20px 16px 50px;display:flex;flex-direction:column;position:relative}.ingredients-title{font-size:18px;font-weight:700;color:#ff5b32;margin-top:35px;text-align:center;flex-shrink:0}.ingredients-list{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;max-height:200px;overflow-y:auto}.ingredient-item{display:inline-flex;gap:4px;padding:6px 12px;background:#fff0ec;border-radius:20px;font-size:13px;white-space:nowrap}.ingredient-name{font-weight:600;color:#2c3e50}.ingredient-amount{font-weight:600;color:#ff5b32}.ingredient-item:hover{transform:translate(2px);box-shadow:0 2px 6px #0000001f}.no-ingredients{text-align:center;color:#999;font-size:14px;margin-top:40px}.ingredients-list::-webkit-scrollbar{width:4px}.ingredients-list::-webkit-scrollbar-track{background:transparent}.ingredients-list::-webkit-scrollbar-thumb{background:#ffd4c4;border-radius:2px}.ingredients-list::-webkit-scrollbar-thumb:hover{background:#ff5b32}.result-actions{display:flex;gap:12px;width:100%;max-width:320px;margin-bottom:20px}.result-button-wrapper{flex:1;display:flex;justify-content:center}.result-button-wrapper .button-red,.result-button-wrapper .button-white{width:100%;max-width:none}.cook-recipe-title{font-family:JejuStoneWall,sans-serif;font-weight:400;font-size:30px;line-height:1.2;color:#ff5b32;margin:0;text-align:left;width:100%}.cook-time-text{font-family:Pretendard,sans-serif;font-weight:500;font-size:18px;line-height:21px;color:#48547b}.cook-stopwatch-icon{width:47px;height:47px}.cook-step-box{width:100%;max-width:365px;min-height:78px;background:#fff;border-radius:12px;margin-top:24px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cook-step-label{font-family:Pretendard,sans-serif;font-weight:600;font-size:13px;line-height:16px;text-align:center;color:#ff5b32;margin-bottom:7px}.cook-step-description{font-family:Pretendard,sans-serif;font-weight:500;font-size:18px;line-height:21px;text-align:center;color:#48547b;margin:0;word-break:keep-all}.cook-image-nav{display:flex;align-items:center;justify-content:center;width:100%;margin-top:35px;gap:15px}.cook-nav-btn{background:transparent;border:none;cursor:pointer;padding:10px}.cook-nav-btn:disabled{opacity:.3}.cook-arrow{font-size:52px;color:#646667;font-weight:300;line-height:1}.cook-food-image-wrapper{width:245px;height:245px;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.cook-food-image{width:100%;height:100%;object-fit:cover}.cook-record-btn{width:45px;height:45px;background:#646667;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026}.cook-finish-wrapper{margin-top:40px;display:flex;justify-content:center;width:72%}.cook-time-record-row{display:flex;align-items:center;width:100%;margin-top:10px}.cook-time-section{flex:6;display:flex;align-items:center;gap:8px;min-width:0}.cook-record-section{flex:4;display:flex;justify-content:flex-end;align-items:center}.audio-chat-box{width:100%;max-width:365px;min-height:380px;background:#fff;border-radius:12px;margin-top:15px;padding:16px 10px;display:flex;flex-direction:column;position:relative}.audio-chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:0;padding-right:4px}.audio-chat-messages::-webkit-scrollbar{display:none}.audio-chat-messages{-ms-overflow-style:none;scrollbar-width:none}.audio-chat-bubble{max-width:85%;padding:12px 16px;border-radius:12px;font-family:Pretendard,sans-serif;font-size:15px;line-height:18px;color:#6b7280}.audio-chat-bubble.user{align-self:flex-end;background:#ff5b3233;border-radius:12px 12px 4px}.audio-chat-bubble.ai{align-self:flex-start;background:#f5f5f5;border-radius:12px 12px 12px 4px}.audio-bubble-content{word-break:keep-all}.audio-chat-loading{position:absolute;bottom:16px;right:16px}.audio-loading-spinner{width:28px;height:28px;border:3px solid #e0e0e0;border-top-color:#ff5b32;border-radius:50%;animation:audio-spin .8s linear infinite}@keyframes audio-spin{to{transform:rotate(360deg)}}.audio-error-msg{margin-top:10px;font-size:12px;color:#c00;text-align:center}.cook-record-btn.recording{background:#ff5b32;box-shadow:0 4px 12px #ff5b3266}.complete-title-section{width:100%;text-align:left;margin-bottom:24px;padding-left:15px}.complete-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;line-height:22px;color:#48547b;margin:0 0 9px}.complete-subtitle{font-family:Pretendard,sans-serif;font-weight:500;font-size:18px;line-height:21px;color:#48547b;margin:0}.complete-recipe-card{width:100%;max-width:365px;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:28px;padding:12px;box-sizing:border-box}.complete-recipe-name{font-family:EF_jejudoldam,sans-serif;font-weight:400;font-size:28px;line-height:1.3;text-align:center;color:#ff5b32;margin:0 0 9px;word-break:keep-all}.complete-recipe-time{font-family:Pretendard,sans-serif;font-weight:500;font-size:18px;line-height:21px;text-align:center;color:#48547b;margin:0}.complete-food-image-wrapper{width:279px;height:279px;margin-bottom:20px;position:relative;box-shadow:0 8px 20px #0000001a}.complete-food-image{width:100%;height:100%;object-fit:cover;border-radius:15px}.complete-rating{display:flex;justify-content:center;gap:13px;margin-bottom:20px;width:100%}.star-btn{width:46px;height:46px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:#d9d9d9;transition:transform .2s ease}.star-btn.filled{color:gold}.star-btn:active{transform:scale(.9)}.complete-saved-toast{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:212px;height:57px;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0000001a}.complete-saved-icon{width:37px;height:37px}.complete-saved-text{font-family:Pretendard,sans-serif;font-weight:600;font-size:25px;line-height:30px;color:#000}.complete-saved-toast.fail{background:#fff0ee;border:1px solid #FF5B32}.complete-saved-toast.fail .complete-saved-text{color:#ff5b32}.complete-buttons{display:flex;gap:5px;width:100%;max-width:365px;margin-top:auto;padding-bottom:20px}.btn-save{flex:1;height:69px;background:#ff5b32;border:1px solid rgba(255,255,255,.5);border-radius:12px;font-family:Pretendard,sans-serif;font-weight:600;font-size:21px;line-height:25px;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-save:active{transform:scale(.98)}.btn-skip{flex:1;height:69px;background:#ffffffb3;border:1px solid rgba(255,255,255,.5);border-radius:12px;font-family:Pretendard,sans-serif;font-weight:600;font-size:21px;line-height:25px;color:#000;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-skip:active{transform:scale(.98)}.detail-overlay{position:fixed;top:0;left:50%;transform:translate(-50%);width:393px;height:852px;background:#00000059;z-index:100;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.detail-overlay::-webkit-scrollbar{display:none}.detail-page-wrap{position:absolute;top:0;left:0;width:100%;min-height:100%;padding-top:14px;padding-bottom:80px}.detail-clip{display:flex;justify-content:center;position:relative;z-index:101;margin-bottom:-14px}.detail-clip img{width:70px;height:auto}.detail-modal{position:relative;margin:0 16px;min-height:calc(100vh - 140px);padding:8px 0 30px;background-image:url(/my-recipe-borderline-beige.png);background-size:100% 100%;background-repeat:no-repeat;background-color:#ffecd2;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.detail-close{position:absolute;top:10px;right:10px;width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:102}.detail-close img{width:20px;height:20px}.detail-content{padding:10px 24px 0}.detail-date{text-align:center;font-size:13px;color:#666;margin:0 0 2px}.detail-title{text-align:center;font-size:22px;font-weight:700;color:#d35400;margin:0 0 2px;font-family:EF_jejudoldam,sans-serif}.detail-title-line{border:none;border-top:2px solid #D35400;width:60%;margin:0 auto 6px}.detail-prev-time{text-align:center;font-size:13px;color:#666;margin:0 0 14px}.detail-image-wrap{width:220px;height:220px;margin:0 auto 10px;border-radius:12px;overflow:hidden;background:#e8c9a0;box-shadow:0 2px 8px #0000001a}.detail-image{width:100%;height:100%;object-fit:cover}.detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.detail-meta{display:flex;justify-content:center;gap:14px;margin-bottom:14px}.detail-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#333}.meta-icon{width:16px;height:16px;flex-shrink:0}.detail-section{margin-bottom:18px}.detail-section-title{font-family:EF_jejudoldam,sans-serif;font-size:17px;font-weight:700;color:#1a3a5c;margin:0 0 4px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:#1a3a5c}.detail-section-line{border:none;border-top:1.5px solid #D4A574;margin:0 0 10px}.ingredients-columns{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.ingredient-item{font-size:13px;color:#333;line-height:1.6}.detail-steps{padding-left:8px;margin:0;list-style:none}.step-item{font-size:13px;color:#333;line-height:1.7;margin-bottom:6px}.detail-empty-text{font-size:13px;color:#999;margin:8px 0}.detail-delete{position:absolute;top:10px;left:10px;width:28px;height:28px;background:#ff44441a;border:none;border-radius:6px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:102;color:#f44;transition:all .2s}.detail-delete:hover{background:#f44;color:#fff}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:200}.delete-confirm-modal{background:#fff;border-radius:16px;padding:24px;width:280px;text-align:center;box-shadow:0 10px 30px #0003}.delete-confirm-text{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.delete-confirm-subtext{font-size:13px;color:#888;margin:0 0 20px}.delete-confirm-buttons{display:flex;gap:12px}.delete-confirm-btn{flex:1;padding:12px;border-radius:10px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-btn.cancel{background:#f1f3f5;color:#666}.delete-confirm-btn.cancel:hover:not(:disabled){background:#e9ecef}.delete-confirm-btn.confirm{background:#f44;color:#fff}.delete-confirm-btn.confirm:hover:not(:disabled){background:#e63939}@font-face{font-family:EF_jejudoldam;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_jejudoldam.woff2) format("woff2");font-weight:400;font-style:normal}.my-recipes-page{position:relative;width:100%;height:100%;overflow:hidden;background-image:url(/cook-bg-brown.png);background-size:cover;background-position:center top;background-repeat:no-repeat;font-family:EF_jejudoldam,sans-serif}.my-recipes-scroll{position:absolute;top:0;left:0;right:0;bottom:80px;overflow-y:auto;padding-top:14px;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}.my-recipes-scroll::-webkit-scrollbar{display:none}.my-recipes-scroll.is-empty{overflow:hidden;display:flex;flex-direction:column}.clipboard-board{position:relative;margin:0 16px;min-height:660px;padding:24px 16px;background-image:url(/my-recipe-board.png);background-size:100% 100%;background-repeat:no-repeat;border-radius:14px}.clipboard-board.is-empty{flex:1}.recipes-loading{display:flex;justify-content:center;align-items:center;min-height:300px;color:#fff;font-size:16px}.recipes-empty{display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.empty-message{font-family:EF_jejudoldam,sans-serif;font-size:20px;color:#8b6914;text-align:center}.recipe-cards{background:#ffffff1f;border-radius:10px;padding:6px;cursor:pointer;transition:transform .15s ease;border:1.5px solid rgba(255,255,255,.18);overflow:hidden}.recipe-cards-title{display:block;font-family:EF_jejudoldam,sans-serif;font-size:11px;color:#fff;background:#d35400;padding:5px 8px;border-radius:0 0 6px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-2px}.cook-start-container{width:393px;height:852px;margin:0 auto;position:relative;overflow:hidden;font-family:Pretendard,sans-serif}.cook-start-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d35400;background-image:url(/cook-bg-brown.png);background-size:cover;background-position:center}.cook-start-content{position:absolute;top:100px;left:24px;right:24px;z-index:1}.cook-start-title{text-align:center;font-family:Pretendard,sans-serif;font-size:26px;font-weight:700;color:#fff;line-height:1.4;margin:0 0 16px}.cook-start-desc{font-family:Pretendard,sans-serif;font-size:15px;font-weight:400;color:#ffffffb3;line-height:1.5;margin:0;text-align:center}.cook-start-character-section{position:absolute;top:260px;left:0;width:100%;z-index:1;display:flex;justify-content:center}.cook-start-character-img{width:350px;height:auto;object-fit:contain}.cook-start-btn-wrapper{position:absolute;bottom:100px;left:24px;right:24px;z-index:1;display:flex;justify-content:center}@font-face{font-family:EF_jejudoldam;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_jejudoldam.woff2) format("woff2")}.mypage-page{position:relative;width:100%;height:100%;overflow:hidden;background-color:#f7f8f9;display:flex;flex-direction:column}.mypage-scroll{flex:1;min-height:0;overflow:hidden;padding:40px 5px 0;display:flex;flex-direction:column}.mypage-board{flex:1;min-height:0;padding:0 30px;display:flex;flex-direction:column}.scroll-content{flex:1;min-height:0;overflow-y:auto;padding-bottom:40px;scrollbar-width:none}.scroll-content::-webkit-scrollbar{display:none}.mypage-top-nav{display:flex;align-items:center;gap:8px;margin-bottom:20px}.nav-btn{background:none;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;margin-top:-2px}.member-profile-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;border:1px solid #EAEAEA;box-shadow:0 4px 16px -4px #0000001a;padding:14px 18px;margin-bottom:18px}.member-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #FF5C35}.member-info{display:flex;flex-direction:column;gap:2px}.member-nickname{font-size:16px;font-weight:700;color:#48547b}.member-email{font-size:12px;color:#868e96}.logout-btn{margin-left:auto;padding:8px 14px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ff5c35;color:#fff;border-color:#ff5c35}.member-profile-row{display:flex;align-items:center;gap:12px;margin-top:16px;margin-bottom:20px}.member-photo-circle{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #FF5C35;flex-shrink:0}.member-info-inline{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.member-nickname-inline{font-size:15px;font-weight:700;color:#48547b}.member-email-inline{font-size:11px;color:#868e96;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn-inline{padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:12px;color:#666;cursor:pointer;transition:all .2s;flex-shrink:0}.logout-btn-inline:hover{background:#ff5c35;color:#fff;border-color:#ff5c35}.greeting{width:100%;font-weight:700}.greeting .hello{font-size:20px;color:#48547b;margin:0}.greeting .user-name{font-size:20px;color:#48547b;margin:0 0 20px}.orange-text{color:#ff5c35;font-size:24px;font-family:EF_jejudoldam,sans-serif}.profile-selection{display:flex;align-items:center;margin-bottom:25px;gap:8px;width:100%}.profile-tab-wrapper{position:relative;flex-shrink:0;min-width:max-content}.tab-group{display:flex;flex-direction:row;gap:8px;align-items:center;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none;padding-top:5px}.profile-tab{padding:8px 18px;border-radius:20px;border:1px solid #ddd;background:#fff;font-family:inherit;font-size:14px;cursor:pointer;white-space:nowrap;min-width:max-content}.profile-tab.active{background:#ff5c35;color:#fff;border-color:#ff5c35}.delete-x{position:absolute;top:-5px;right:-5px;background:#ff5c35;color:#fff;width:16px;height:16px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.profile-name-input{width:60px;padding:6px 12px;border-radius:20px;border:1px dashed #FF5C35;outline:none;text-align:center;flex-shrink:0}.add-btn{background:none;border:none;font-size:24px;cursor:pointer;flex-shrink:0;padding:0}.info-card{background:#fff;border-radius:10px;border:1px solid #EAEAEA;box-shadow:0 4px 16px -4px #0000001f;padding:12px 20px 20px;margin-bottom:15px}.card-title{font-size:16px;color:#48547b;margin:0 0 12px!important;border-bottom:1px solid #D1D3D4;padding-bottom:8px;font-family:EF_jejudoldam,sans-serif}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tag{background:#ebebeb;color:#9fa1a5;padding:5px;border-radius:8px;font-size:13px}.tag.editable{border:1px dashed #FF5C35;cursor:pointer}.tag-remove{margin-left:4px;color:#ff5c35;font-weight:700}.tag-add-box{display:flex;align-items:center;gap:4px;background:#f8f9fa;border-radius:8px;padding:2px 8px}.tag-add-box input{border:none;background:transparent;width:50px;font-size:12px;outline:none}.tag-add-box button{border:none;background:none;color:#ff5c35;font-weight:700;cursor:pointer}.edit-btn-row{text-align:right;margin-bottom:0}.edit-toggle{padding:6px 15px;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer;font-family:inherit}.edit-toggle.active{background:#ff5c35;color:#fff;border-color:#ff5c35}.section-title{font-size:19px;color:#48547b;margin-bottom:15px;border-bottom:3px solid #D1D3D4;padding-bottom:8px;font-family:EF_jejudoldam,sans-serif}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px 5px}.tool-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.tool-box{width:52px;height:52px;border:1.5px solid #eee;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#fff;box-shadow:0 4px 3px #0000002e}.tool-box.selected{border:2.5px solid #54A0FF;background:#f0f7ff}.tool-label{font-size:11px;color:#a0a2a7;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:280px;padding:24px;border-radius:16px;text-align:center}.modal-text{font-size:16px;margin-bottom:24px;line-height:1.5}.modal-buttons{display:flex;gap:12px}.modal-btn{flex:1;padding:12px;border-radius:10px;border:none;cursor:pointer;font-family:inherit}.modal-btn.cancel{background:#f1f3f5;color:#868e96}.modal-btn.confirm{background:#ff5c35;color:#fff}.tool-icon-img{width:70%;height:70%;object-fit:contain}.nav-icon,.add_user-icon{width:25px;height:25px;object-fit:contain}.home-icon{width:25px;height:25px;object-fit:contain;margin-top:4px}.save-error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#f44;color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0003;z-index:2000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin-left:8px}@font-face{font-family:EF_jejudoldam;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_jejudoldam.woff2) format("woff2");font-weight:400;font-style:normal}.ranking-recipes-page{position:relative;width:100%;height:100%;overflow:hidden;background-image:url(/cook-bg-brown.png);background-size:cover;background-position:center top;background-repeat:no-repeat}.ranking-recipes-scroll{position:absolute;top:0;left:0;right:0;bottom:80px;overflow-y:auto;padding-top:14px;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}.ranking-recipes-scroll::-webkit-scrollbar{display:none}.clipboard-clip{display:flex;justify-content:center;position:relative;z-index:3;margin-bottom:-14px}.clipboard-clip img{width:70px;height:auto}.clipboard-board{position:relative;margin:0 16px;min-height:660px;padding:10px 16px 24px;background-image:url(/my-recipe-board.png);background-size:100% 100%;background-repeat:no-repeat;border-radius:14px}.clipboard-title{font-family:EF_jejudoldam,sans-serif;font-size:26px;font-weight:700;color:#fff;margin:0 0 16px 4px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}.recipes-loading,.recipes-error,.recipes-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:16px}.recipes-loading p,.recipes-error p,.recipes-empty p{font-family:EF_jejudoldam,sans-serif;font-size:18px;color:#fff;text-align:center}.error-message{color:#fdd!important}.empty-message{color:#8b6914!important}.retry-button{font-family:EF_jejudoldam,sans-serif;font-size:16px;padding:10px 24px;background:#d35400;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease}.retry-button:active{transform:scale(.95)}.recipes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recipe-cards{position:relative;background:#ffffff1f;border-radius:10px;padding:6px;cursor:pointer;transition:transform .15s ease;border:1.5px solid rgba(255,255,255,.18);overflow:hidden}.recipe-cards:active{transform:scale(.97)}.ranking-badge{position:absolute;top:12px;left:12px;z-index:2;width:28px;height:28px;background:#d35400f2;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:EF_jejudoldam,sans-serif;font-size:14px;font-weight:700;color:#fff;box-shadow:0 2px 6px #0000004d}.recipe-cards:nth-child(1) .ranking-badge{background:linear-gradient(135deg,gold,orange);border-color:gold}.recipe-cards:nth-child(2) .ranking-badge{background:linear-gradient(135deg,silver,#a8a8a8);border-color:#e8e8e8}.recipe-cards:nth-child(3) .ranking-badge{background:linear-gradient(135deg,#cd7f32,#b8722c);border-color:#e8b887}.recipe-cards-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#b8856a}.recipe-cards-image img{width:100%;height:100%;object-fit:cover}.recipe-cards-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#b8856a}.recipe-cards-placeholder svg{opacity:.4}.card-star-overlay{position:absolute;top:6px;right:6px;display:flex;gap:1px}.star{line-height:1}.star-filled{color:gold}.star-empty{color:#fff6}.recipe-cards-info{display:flex;flex-direction:column;gap:2px;margin-top:4px}.recipe-cards-title{display:block;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body{margin:0;background:#f5f5f5;overflow:hidden}@font-face{font-family:JejuStoneWall;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_jejudoldam.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2");font-weight:900;font-display:swap}.app-container{width:393px;height:852px;margin:0 auto;background:#fff;position:relative;overflow:hidden}.app-container.fixed{height:852px;overflow:hidden}.app-container.scroll{min-height:852px;overflow-y:auto}.splash-container{width:100%;height:100%;background-image:url(/splash-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:flex-end}.splash-content{width:100%;padding:0 20px 40px}