:root{--od-ink:#182036;--od-primary:#3157c8;--od-primary-deep:#101d47;--od-primary-soft:#eef3ff;--od-accent:#ff9d42;--od-paper:#f5f7fc;--od-line:#dce2ef;--od-muted:#667188}.od-page{min-height:100vh;color:var(--od-ink);background:radial-gradient(circle at 86% 8%, #ff9d4238, transparent 22rem), var(--od-paper);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.od-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:74px;margin:0 auto;display:flex}.od-brand{align-items:center;gap:10px;font-size:17px;font-weight:950;display:inline-flex}.od-brand>span{color:#fff;background:var(--od-primary);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.od-brand>span svg{width:19px;height:19px;display:block}.od-back{background:#fff;border:1px solid #17231c29;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900}.od-hero,.od-builder,.od-results{width:min(1180px,100% - 40px);margin:0 auto}.od-hero{color:#fff;background:linear-gradient(130deg, #101d47fc, #3157c8eb), var(--od-primary-deep);border-radius:32px;justify-content:space-between;align-items:flex-end;gap:40px;min-height:370px;padding:62px 68px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #16265c33}.od-hero:after{content:"";border:64px solid #ff9d423d;border-radius:50%;width:380px;height:380px;position:absolute;top:-165px;right:-100px}.od-hero-copy{z-index:1;max-width:680px;position:relative}.od-hero-copy>p,.od-builder-heading small,.od-map-heading small,.od-list-heading small{color:var(--od-accent);letter-spacing:.16em;margin:0;font-size:11px;font-weight:950}.od-hero-copy h1{letter-spacing:-.065em;margin:14px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.02}.od-hero-copy>span{color:#ffffffbd;max-width:650px;font-size:15px;line-height:1.75;display:block}.od-hero-steps{z-index:1;gap:10px;min-width:205px;display:grid;position:relative}.od-hero-steps>span{background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:10px 13px;font-size:12px;font-weight:850;display:flex}.od-hero-steps b{width:24px;height:24px;color:var(--od-ink);background:var(--od-accent);border-radius:50%;place-items:center;font-size:10px;display:grid}.od-builder{border:1px solid var(--od-line);background:#fff;border-radius:30px;margin-top:28px;padding:30px;box-shadow:0 18px 52px #20305c17}.od-mode-tabs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.od-mode-tabs button{border:1px solid var(--od-line);min-height:84px;color:var(--od-muted);text-align:left;background:#f8faf8;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:18px 20px;transition:all .16s;display:flex}.od-mode-tabs button strong{color:var(--od-ink);font-size:18px}.od-mode-tabs button span{font-size:12px}.od-mode-tabs button.is-active{border-color:var(--od-primary);color:var(--od-primary);background:var(--od-primary-soft);box-shadow:inset 0 0 0 1px var(--od-primary)}.od-builder-heading,.od-map-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:34px;display:flex}.od-builder-heading small,.od-map-heading small,.od-list-heading small{color:var(--od-primary)}.od-builder-heading h2,.od-map-heading h2,.od-list-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:25px}.od-live-badge,.od-map-heading>span{color:var(--od-primary);background:var(--od-primary-soft);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}.od-form-grid{grid-template-columns:.75fr .85fr 1.4fr;gap:12px;margin-top:24px;display:grid}.od-form-grid label{gap:8px;display:grid}.od-form-grid label>span,.od-choice-group legend{color:#34443a;font-size:12px;font-weight:900}.od-form-grid em{color:#89958e;font-size:10px;font-style:normal}.od-form-grid select,.od-form-grid input{border:1px solid var(--od-line);width:100%;min-height:48px;color:var(--od-ink);background:#fff;border-radius:13px;outline:0;padding:0 14px}.od-form-grid select:focus,.od-form-grid input:focus{border-color:var(--od-primary);box-shadow:0 0 0 3px #3157c821}.od-choice-group{border:0;min-width:0;margin:25px 0 0;padding:0}.od-choice-group legend{margin-bottom:10px}.od-choice-group>div{flex-wrap:wrap;gap:8px;display:flex}.od-choice-group button{border:1px solid var(--od-line);min-height:40px;color:var(--od-muted);background:#fff;border-radius:999px;padding:0 15px;font-size:12px;font-weight:800}.od-choice-group button:hover,.od-choice-group button.is-active{border-color:var(--od-primary);color:var(--od-primary);background:var(--od-primary-soft)}.od-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px;display:grid}.od-actions>*{text-align:center;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-size:13px;font-weight:950;display:inline-flex}.od-search-button{border:1px solid var(--od-primary);color:#fff;background:var(--od-primary)}.od-kakao-share{color:#191919;background:#fee500;border:1px solid #e2ca00}.od-search-button:disabled,.od-kakao-share:disabled{cursor:wait;opacity:.65}.od-data-note,.od-route-note,.od-share-note{color:#78847c;margin:14px 0 0;font-size:11px;line-height:1.65}.od-share-note{margin-top:5px}.od-share-notice{color:#655600;background:#fff8cf;border-radius:12px;margin:12px 0 0;padding:12px 14px;font-size:12px;font-weight:800;line-height:1.55}.od-results{flex-direction:column;gap:20px;padding:28px 0 70px;display:flex}.od-map-panel,.od-list-panel{border:1px solid var(--od-line);background:#fff;border-radius:28px;width:100%;padding:24px}.od-map-heading{margin:0 0 18px}.od-map{background:#e9eeea;border-radius:20px;width:100%;height:590px;overflow:hidden}.od-map-marker{cursor:pointer;pointer-events:auto;flex-direction:column;align-items:center;max-width:180px;display:flex;transform:translate(-50%,-100%)}.od-map-marker span{max-width:180px;color:var(--od-ink);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #17231c29;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:900;overflow:hidden;box-shadow:0 7px 20px #16312233}.od-map-marker i{background:var(--od-primary);border:3px solid #fff;border-radius:50% 50% 50% 0;width:14px;height:14px;margin-top:-2px;transform:rotate(-45deg);box-shadow:0 3px 8px #1a2d6940}.od-map-message,.od-empty,.od-error{border-radius:14px;padding:18px;font-size:13px;line-height:1.65}.od-map-message,.od-empty{color:#5f6540;background:#fbf7dc}.od-error{color:#9d3131;background:#fff0f0}.od-list-heading{margin-bottom:16px}.od-place-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.od-place-card{border:1px solid var(--od-line);background:#fff;border-radius:18px;flex-direction:column;transition:all .16s;display:flex;overflow:hidden}.od-place-card.is-selected{border-color:var(--od-primary);box-shadow:inset 0 0 0 1px var(--od-primary)}.od-place-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:12px;padding:15px;display:flex}.od-place-thumb{border:1px solid var(--od-line);width:72px;height:72px;color:var(--od-muted);background:#f4f5f3;border-radius:12px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.od-place-thumb img{object-fit:cover;width:100%;height:100%;display:block}.od-place-thumb img.is-contain{object-fit:contain;background:#f2f2f2}.od-place-thumb-empty{color:#858b87;text-align:center;font-size:10px;font-weight:850;line-height:1.35}.od-place-photo-credit{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0000009e;border-radius:4px;max-width:calc(100% - 6px);padding:2px 4px;font-size:7px;font-weight:800;line-height:1.2;position:absolute;bottom:3px;right:3px;overflow:hidden}.od-photo-note{color:#78847c;margin:12px 0 0;font-size:10px;line-height:1.55}.od-place-number{width:34px;height:34px;color:var(--od-primary);background:var(--od-primary-soft);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:950;display:grid}.od-place-copy{gap:4px;min-width:0;display:grid}.od-place-copy small{color:var(--od-primary);font-size:10px;font-weight:900}.od-place-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.od-place-copy>span{color:var(--od-muted);font-size:11px;line-height:1.5}.od-place-actions{grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 12px;display:grid}.od-place-actions>*{border:1px solid var(--od-line);min-height:37px;color:var(--od-ink);-webkit-tap-highlight-color:transparent;background:#f7f9f7;border-radius:10px;place-items:center;font-size:10px;font-weight:900;transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s,filter .13s;display:grid;transform:translateY(0)scale(1);box-shadow:0 3px #17231c1a}.od-place-actions button{color:#fff;background:#03c75a;border-color:#03c75a}.od-place-actions>:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 5px 10px #17231c21}.od-place-actions>:active{filter:brightness(.96);transform:translateY(2px)scale(.94);box-shadow:0 0 #17231c00}.od-place-actions>:focus-visible{outline-offset:2px;outline:3px solid #ff9d42bf}.od-map-info{width:230px;color:var(--od-ink);background:#fff;border:1px solid #17231c21;border-radius:14px;gap:6px;padding:14px;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;display:grid;box-shadow:0 15px 40px #16312233}.od-map-info strong{font-size:14px}.od-map-info span,.od-map-info a{font-size:10px;line-height:1.5}.od-map-info span{color:var(--od-muted)}.od-map-info a{color:var(--od-primary);font-weight:900}@media (max-width:900px){.od-hero{flex-direction:column;align-items:flex-start;padding:48px 38px}.od-hero-steps{grid-template-columns:repeat(3,1fr);width:100%}.od-place-list{grid-template-columns:repeat(2,minmax(0,1fr))}.od-map{height:430px}}@media (max-width:680px){.od-header,.od-hero,.od-builder,.od-results{width:min(100% - 24px,1180px)}.od-hero{border-radius:24px;min-height:350px;padding:35px 24px}.od-hero-copy h1{font-size:42px}.od-hero-steps{grid-template-columns:1fr}.od-builder{border-radius:22px;padding:18px}.od-mode-tabs button{min-height:76px;padding:14px}.od-mode-tabs button strong{font-size:15px}.od-form-grid,.od-actions{grid-template-columns:1fr}.od-map-panel,.od-list-panel{border-radius:22px;padding:15px}.od-map{height:340px}.od-place-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.od-place-actions>*{transition:none}.od-place-actions>:hover,.od-place-actions>:active{transform:none}}:root{--od-primary:#ff3b36;--od-primary-deep:#c92828;--od-primary-soft:#fff0ef;--od-accent:#ff3b36;--od-paper:#f7f7f5;--od-line:#e7e7e4;--od-muted:#666b72}.od-page{background:radial-gradient(circle at 88% 5%, #ff3b3617, transparent 24rem), var(--od-paper)}.od-brand>span{background:var(--od-primary)}.od-hero{background:linear-gradient(130deg,#1c1c1ffa,#461d1df0),#1c1c1f;box-shadow:0 24px 60px #3c181829}.od-hero:after{border-color:#ff3b363b}.od-hero-copy>p,.od-hero-steps b{color:#fff;background:var(--od-primary)}.od-form-grid select:focus,.od-form-grid input:focus{box-shadow:0 0 0 3px #ff3b3621}.od-place-actions button{border-color:var(--od-primary);background:var(--od-primary)}.od-place-actions>:focus-visible{outline-color:#ff3b3680}@media (max-width:680px){.od-page{background:#fff;padding-bottom:86px}.od-header,.od-hero,.od-builder,.od-results{width:100%}.od-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #ededeb;justify-content:center;min-height:56px;padding:0 15px;position:sticky;top:0}.od-brand{gap:0;font-size:0}.od-brand:after{content:"직장인 식사";color:#18181b;letter-spacing:-.04em;font-size:18px;font-weight:950}.od-brand>span{display:none}.od-back{color:#0000;background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;font-size:0;display:grid;position:absolute;left:10px;overflow:hidden}.od-back:before{content:"‹";color:#17171a;font-size:33px;font-weight:400;line-height:1}.od-hero{display:none}.od-builder{box-shadow:none;border:0;border-radius:0;margin:0;padding:14px 14px 18px}.od-mode-tabs{gap:8px}.od-mode-tabs button{text-align:center;background:#fff;border-radius:11px;align-items:center;min-height:50px;padding:10px 8px}.od-mode-tabs button strong{font-size:14px}.od-mode-tabs button span{display:none}.od-mode-tabs button.is-active{color:#fff;background:var(--od-primary);box-shadow:none}.od-mode-tabs button.is-active strong{color:#fff}.od-builder-heading{align-items:center;margin-top:18px}.od-builder-heading small,.od-live-badge{display:none}.od-builder-heading h2{margin:0;font-size:16px}.od-form-grid{grid-template-columns:.8fr 1fr;gap:8px;margin-top:12px}.od-form-grid .od-office-input{grid-column:1/-1}.od-form-grid label{gap:6px}.od-form-grid select,.od-form-grid input{border-radius:10px;min-height:44px;padding:0 11px;font-size:13px}.od-choice-group{margin-top:17px}.od-choice-group legend{margin-bottom:8px}.od-choice-group>div{scrollbar-width:none;flex-wrap:nowrap;gap:7px;padding:1px 1px 4px;overflow-x:auto}.od-choice-group>div::-webkit-scrollbar{display:none}.od-choice-group button{border-radius:10px;flex:none;min-height:36px;padding:0 13px;font-size:11px}.od-actions{grid-template-columns:1fr;gap:8px;margin-top:20px}.od-actions>*{border-radius:10px;min-height:48px}.od-kakao-share{min-height:42px}.od-data-note,.od-share-note{display:none}.od-results{gap:12px;padding:4px 14px 18px}.od-list-panel{order:1}.od-map-panel{order:2}.od-map-panel,.od-list-panel{border-radius:16px;padding:13px}.od-map-heading,.od-list-heading{margin-bottom:12px}.od-map-heading small,.od-list-heading small{display:none}.od-map-heading h2,.od-list-heading h2{margin:0;font-size:16px}.od-map{border-radius:12px;height:285px}.od-place-list{gap:8px}.od-place-card{border-radius:13px}.od-place-main{gap:9px;padding:10px}.od-place-thumb{border-radius:10px;width:68px;height:68px}.od-place-number{border-radius:8px;width:28px;height:28px}.od-place-actions{padding:0 10px 10px}}