@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#262522;background:#f7f7f2;font-synthesis:none;--orange:#df451c}*{box-sizing:border-box}body{margin:0}.header{max-width:1240px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded6}.brand{display:flex;align-items:center;font-size:22px;font-weight:900;text-decoration:none;color:inherit;letter-spacing:-1px}.brand-mark{background:var(--orange);width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:22px;margin-right:10px}.orange{color:var(--orange)}.header-note{font-size:14px;color:#74736e}main{max-width:1168px;margin:auto;padding:42px 24px 22px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--orange)}.intro h1{font-size:48px;line-height:1.25;letter-spacing:-2.5px;margin:14px 0 12px;font-weight:900}.intro h1 br{display:none}.intro h1 span{color:var(--orange)}.intro p{font-size:16px;color:#73726c;margin:0}.picker{display:grid;grid-template-columns:0.94fr 1.06fr;margin-top:32px;background:white;border:1px solid #e4e4db;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #24241405}.controls{padding:38px 36px;display:flex;flex-direction:column}.step{display:flex;gap:12px;align-items:center;margin-bottom:28px}.step>span{font-size:13px;font-weight:800;color:var(--orange);border:1px solid #f2ccbc;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.step h2{font-size:20px;letter-spacing:-.8px;margin:0}fieldset{border:0;margin:0;padding:0;min-width:0}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.categories label{position:relative;cursor:pointer}.categories input{position:absolute;width:1px;height:1px;opacity:0}.categories label>span{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0;font-size:14px;font-weight:700;border:1px solid #e5e5df;border-radius:14px;transition:background .18s,border-color .18s}.categories b{font-size:25px;height:34px;font-weight:500}.categories input:checked+span{background:#fff2eb;color:#c53914;border:1.5px solid var(--orange)}.categories input:focus-visible+span{outline:3px solid #202020;outline-offset:3px}.categories label:hover>span{background:#fff5ef}.selection-note{font-size:14px;color:#76756e;margin:18px 0 26px}button{font-family:inherit;cursor:pointer;background:var(--orange);color:white;border:0;border-radius:12px;min-height:62px;padding:16px 22px;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .18s,transform .18s}button:hover{background:#bd3714;transform:translateY(-1px)}button:focus-visible{outline:3px solid #262522;outline-offset:4px}button>span:first-child{font-size:28px;line-height:1}button>span:last-child{margin-left:auto}button>span:first-child{margin-right:auto}.button-note{text-align:center;color:#817e77;font-size:12px;margin:12px 0 0}.small-rule{height:1px;background:#ecece5;margin:32px 0 22px}.bottom-note{display:flex;align-items:center;gap:14px;color:#706f65}.bottom-note>span{font-size:36px;color:#a29f8c}.bottom-note p{font-size:14px;line-height:1.9;margin:0}.bottom-note strong{font-weight:500;color:#44433c}.result{border-left:1px solid #e7e7df;background:#fff;position:relative}.photo-wrap{height:290px;position:relative;background:#eeeae3;overflow:hidden}.photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.photo-badge{position:absolute;left:22px;top:22px;background:white;border-radius:30px;font-size:12px;font-weight:700;padding:8px 14px;box-shadow:0 3px 12px #0001}.result-copy{padding:25px 30px 20px}.result-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.result-top .eyebrow{letter-spacing:.2px}.category-badge{font-size:12px;color:#6b6a61;border:1px solid #e4e4db;border-radius:6px;padding:4px 10px}.result-copy h2{font-size:34px;letter-spacing:-1.5px;margin:7px 0}.result-copy p{font-size:15px;line-height:1.7;color:#747168;margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tags span{font-size:12px;background:#f5f5ef;color:#656356;padding:5px 10px;border-radius:6px}.image-credit{text-align:right;padding:0 30px 12px}.image-credit a{font-size:12px;color:#77746c}.result.refresh .result-copy{animation:appear .3s ease}footer{display:flex;justify-content:space-between;font-size:12px;color:#8b897e;padding:23px 2px}footer span:last-child{font-size:10px;letter-spacing:1.4px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#photo-error{position:absolute;inset:0;place-content:center;text-align:center;line-height:1.8;font-size:14px;background:#eeeae3}#photo-error:not([hidden]){display:grid}@keyframes appear{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{padding-top:60px}.picker{margin-top:42px}.photo-wrap{height:320px}}@media(max-width:760px){.header{padding:20px}.header-note{display:none}main{padding:28px 18px 12px}.intro h1{font-size:36px;letter-spacing:-1.8px}.intro h1 br{display:block}.intro p{font-size:14px;line-height:1.8}.picker{grid-template-columns:1fr;margin-top:24px;border-radius:20px}.controls{padding:25px 20px}.step{margin-bottom:20px}.step h2{font-size:18px}.categories{gap:6px}.categories label>span{padding:12px 0;gap:6px}.selection-note{margin:15px 0 20px}.small-rule,.bottom-note{display:none}.result{border-left:0;border-top:1px solid #e7e7df}.photo-wrap{height:260px}.result-copy{padding:22px}.result-copy h2{font-size:30px}.image-credit{padding-right:22px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.image-credit{font-size:11px;color:#77746c;line-height:1.7}.image-credit a{font-size:11px}
.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#ffffffec;color:#a52e0d;backdrop-filter:blur(6px)}.loading-overlay[hidden]{display:none}.loading-overlay strong{font-size:17px}.loading-spinner{width:42px;height:42px;border:4px solid #f5d9cc;border-top-color:var(--orange);border-radius:50%;animation:spin .75s linear infinite}button:disabled{cursor:wait;background:#b84526;transform:none}.categories:has(input:disabled){opacity:.65}@keyframes spin{to{transform:rotate(360deg)}}
.meal-ment{display:flex;flex-wrap:wrap;gap:8px 24px;margin:22px 0 0;color:#817c70;font-size:16px;line-height:1.8;letter-spacing:-.4px}.meal-ment span:first-child{color:var(--orange);font-weight:700}.picker{margin-top:22px}#recommend-text{font:inherit}@media(max-width:480px){.meal-ment{gap:3px 16px;font-size:14px}}

footer{gap:12px;flex-wrap:wrap;align-items:center}.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px}footer a{color:#68665e;font-size:14px;text-underline-offset:3px}footer a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

.nearby-teaser{padding:0 30px 20px}.nearby-button{width:100%;min-height:52px;background:#fff3ed;color:#ae3415;border:1px solid #edc7b7;font-size:16px}.nearby-button:hover{background:#ffe6d9}.nearby-button:disabled{background:#f1ebe5;color:#786e64;cursor:wait}.nearby-teaser p{font-size:13px;line-height:1.7;color:#747168;margin:10px 0 0}.nearby-teaser a{color:#7a4d3a;text-underline-offset:3px}.nearby-panel{margin-top:24px;padding:28px;background:#fff;border:1px solid #e4e4db;border-radius:24px;scroll-margin-top:20px}.nearby-panel[hidden],.nearby-panel [hidden]{display:none!important}.nearby-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.nearby-heading .eyebrow{margin:0 0 8px}.nearby-heading h2{font-size:24px;line-height:1.4;margin:0;letter-spacing:-.7px;overflow-wrap:anywhere}.nearby-heading h2:focus{outline:none}.nearby-secondary{background:#f5f5ef;color:#514d44;min-height:44px;padding:10px 16px;font-size:14px;flex-shrink:0}.nearby-secondary:hover{background:#eae8df}.nearby-secondary:disabled{background:#eee;color:#777;cursor:wait}.nearby-status{font-size:16px;line-height:1.8;color:#656056;margin:20px 0}.nearby-panel[aria-busy=true] .nearby-status:before{content:'';display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:-3px;border:2px solid #f2cbb9;border-top-color:var(--orange);border-radius:50%;animation:spin .75s linear infinite}.nearby-results{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);border:1px solid #e4e4db;border-radius:16px;overflow:hidden}.nearby-map{height:420px;min-width:0;background:#f0f1eb}.nearby-list{height:420px;overflow-y:auto;overscroll-behavior:contain;position:relative;list-style:none;margin:0;padding:0}.nearby-place{position:relative;padding:18px 20px;border-bottom:1px solid #ecece5}.nearby-place:last-child{border-bottom:0}.nearby-place.is-selected{background:#fff3ec}.nearby-place-name{display:block;text-align:left;min-height:0;padding:0 58px 0 0;background:transparent;color:#292720;font-size:16px;line-height:1.6;border-radius:2px;overflow-wrap:anywhere}.nearby-place-name:hover{background:transparent;color:var(--orange);transform:none}.nearby-distance{position:absolute;right:20px;top:20px;color:#b83915;font-size:14px;font-weight:700}.nearby-address{font-size:14px;line-height:1.7;color:#747168;margin:8px 0}.nearby-place a{font-size:14px;color:#79614d;text-underline-offset:3px}.nearby-place a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.nearby-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.nearby-actions:has(button[hidden]):not(:has(button:not([hidden]))){display:none}.nearby-footnote{font-size:14px;color:#777168;line-height:1.8;margin:18px 0 0}.nearby-empty{padding:24px;font-size:16px;color:#6b665e;line-height:1.8}.nearby-map .nearby-pin{display:grid;place-items:center;border:2px solid #fff;border-radius:50%;width:34px;min-height:34px;height:34px;padding:0;font-size:14px;color:#fff;background:#c6401b;box-shadow:0 2px 6px #0004}.nearby-map .nearby-pin.is-selected{background:#272620}.nearby-current-location{padding:6px 10px;border:2px solid white;border-radius:20px;background:#2465b4;color:white;font:700 13px/1.2 'Noto Sans KR',sans-serif;box-shadow:0 2px 6px #0003;white-space:nowrap}@media(max-width:760px){.nearby-teaser{padding:0 22px 20px}.nearby-panel{padding:22px 18px;border-radius:20px}.nearby-heading h2{font-size:21px}.nearby-results{grid-template-columns:1fr}.nearby-map{height:300px}.nearby-list{height:auto;max-height:360px}.nearby-status{font-size:15px}.nearby-place{padding:16px}.nearby-distance{right:16px;top:18px}}