:root{color:#17211f;background:#f5f8f7;font-family:Inter,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17211f;--muted: #60716e;--line: #d4e0dd;--surface: #ffffff;--field: #f8fbfa;--green: #078662;--mint: #17a589;--yellow: #ffd924;--red: #d8564a;--black: #181d1b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fff,#f5f8f7 62%,#eef5f2);letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:22px 0 42px}.trade-grid{display:grid;grid-template-columns:minmax(360px,560px) minmax(0,1fr);gap:18px;align-items:start;justify-content:center}.trade-grid.initial-flow{grid-template-columns:minmax(0,720px)}.control-panel,.workspace-panel{display:grid;gap:14px}.brand-row,.route-preview,.item-summary,.service-photo,.map-shell,.recommendation-list,.session-panel,.route-action-panel,.decision-panel{border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 16px 36px #17211f12}.brand-row{display:grid;place-items:center;gap:14px;padding:18px;text-align:center}.brand-row p:not(.eyebrow){max-width:520px;margin:8px auto 0;color:var(--muted);font-weight:800;line-height:1.45}.eyebrow{margin:0 0 6px;color:var(--green);font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:28px;line-height:1.18}h2{margin-bottom:0;font-size:22px;line-height:1.28}.live-pill,.score-badge{display:inline-flex;align-items:center;min-height:30px;border-radius:6px;padding:0 10px;font-size:12px;font-weight:900;white-space:nowrap}.live-pill{background:#0786621a;color:#057050}.route-preview{display:grid;overflow:hidden}.route-preview-map{position:relative;min-height:280px;overflow:hidden;background:linear-gradient(90deg,rgba(23,165,137,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(7,134,98,.1) 1px,transparent 1px),#edf6f3;background-size:32px 32px}.route-preview-map.map-size-compact{min-height:190px}.route-preview-map.map-size-standard{min-height:280px}.route-preview-map.map-size-large{min-height:420px}.route-preview-overlay{position:absolute;z-index:5;left:12px;top:12px;display:grid;gap:5px;max-width:min(360px,calc(100% - 24px));border:1px solid var(--line);border-radius:8px;background:#fffffff0;padding:12px;box-shadow:0 12px 28px #17211f1f}.route-preview-overlay span{color:var(--green);font-size:12px;font-weight:900}.route-preview-overlay strong{color:var(--ink);line-height:1.25}.route-preview-overlay p,.route-preview-footer p{margin:0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.route-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px}.map-size-controls{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:156px}.map-size-controls button{min-height:34px;border:1px solid #c9d7d4;border-radius:6px;background:#fff;color:var(--muted);cursor:pointer;padding:0 9px;font-size:12px;font-weight:900}.map-size-controls button.active{border-color:var(--green);background:#0786621a;color:#057050}.route-preview-legend{display:flex;flex-wrap:wrap;gap:7px}.route-preview-legend span{display:inline-flex;align-items:center;min-height:30px;border-radius:6px;padding:0 10px;color:#fff;font-size:12px;font-weight:900}.route-preview-legend .seller,.route-marker.seller{background:var(--black)}.route-preview-legend .buyer,.route-marker.buyer{background:var(--mint)}.route-preview-legend .locker,.route-marker.locker{background:var(--yellow);color:#151300}.route-preview-legend .nearby,.route-marker.nearby{background:#fff;color:var(--ink);border:1px solid #c9d7d4}.route-road{position:absolute;border-radius:6px;background:#17211f30}.route-road.main{left:7%;right:7%;top:54%;height:9px}.route-road.cross{top:12%;bottom:18%;left:48%;width:9px}.route-road.diagonal{left:14%;right:18%;top:41%;height:7px;transform:rotate(-16deg);transform-origin:center}.route-marker{position:absolute;z-index:3;transform:translate(-50%,-50%);min-width:72px;border:2px solid #fff;border-radius:6px;box-shadow:0 10px 18px #17211f2e;padding:8px 9px;color:#fff;text-align:center;text-decoration:none;font-size:12px;font-weight:900}.route-marker.nearby{z-index:2;min-width:60px;box-shadow:0 8px 14px #17211f1f}.route-marker.selected{border-color:#151300;box-shadow:0 0 0 4px #ffd92452,0 10px 18px #17211f2e}.kakao-overlay-marker{position:relative;transform:translateY(-8px);min-width:96px;max-width:178px;border:2px solid #fff;border-radius:6px;box-shadow:0 10px 20px #17211f3d;background:#fff;color:var(--ink);overflow:hidden;text-align:center;pointer-events:auto}.kakao-overlay-marker:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;border-right:2px solid #fff;border-bottom:2px solid #fff;background:inherit;transform:translate(-50%) rotate(45deg)}.kakao-overlay-marker span,.kakao-overlay-marker strong{position:relative;z-index:1;display:block}.kakao-overlay-marker span{padding:5px 8px 3px;color:#fff;font-size:11px;font-weight:900}.kakao-overlay-marker strong{padding:5px 8px 7px;background:#fff;font-size:12px;line-height:1.25;white-space:nowrap}.kakao-overlay-marker.seller span{background:var(--green)}.kakao-overlay-marker.buyer span{background:var(--mint)}.kakao-overlay-marker.locker span{background:#151300;color:var(--yellow)}.kakao-overlay-marker.nearby span{background:#51635f}.kakao-overlay-marker.selected{border-color:var(--yellow);box-shadow:0 0 0 4px #ffd92447,0 12px 24px #17211f3d}.route-map-note{max-width:330px}.field{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:900}.field.wide{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}input,select,textarea{width:100%;border:1px solid #c9d7d4;border-radius:6px;background:var(--field);color:var(--ink);outline:none}input,select{min-height:44px;padding:0 12px}textarea{min-height:116px;resize:vertical;padding:12px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #17a58924}.form-grid,.evidence-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.location-picker{grid-column:1 / -1;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.route-location-label{color:var(--ink);font-size:14px;font-weight:900}.route-location-control{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.route-location-control .map-button,.route-location-control .secondary-button{min-width:84px;padding:0 12px;white-space:nowrap}.route-location-status{border-radius:6px;background:#eef3f1;color:var(--muted);padding:6px 9px;font-size:12px;font-weight:900;white-space:nowrap}.route-location-status.ok{background:#0786621a;color:#057050}.time-window-card{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recommend-action{display:grid;gap:10px}.process-box{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.process-box p{margin:0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.process-steps span{min-height:34px;border:1px solid #c9d7d4;border-radius:6px;background:#f8fbfa;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;padding:0 8px;text-align:center;font-size:12px;font-weight:900}.process-steps span.active,.process-steps span.complete{border-color:var(--green);background:#0786621a;color:#057050}.notice-list{display:grid;gap:6px}.notice-list span{border-radius:6px;background:#ffd92442;color:#650;padding:8px 10px;font-size:12px;font-weight:900;line-height:1.4}.primary-button,.secondary-button,.map-button{min-height:44px;border-radius:6px;border:0;padding:0 16px;font-weight:900;text-decoration:none}.primary-button,.secondary-button{cursor:pointer}.primary-button{color:#fff;background:var(--green)}.primary-button.close{background:var(--black)}.secondary-button{align-self:end;color:#fff;background:var(--mint)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.map-button{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);border:1px solid #c9d7d4}.map-button.kakao{background:var(--yellow);border-color:#e9c817;color:#151300}.error-line{border-radius:6px;background:#d8564a1f;color:#9d372f;padding:12px;font-weight:900}.item-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}.data-status{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 16px 36px #17211f12;padding:16px}.data-status p,.data-status small{margin:0;color:var(--muted);font-weight:800;line-height:1.45}.source-badge{display:inline-flex;align-items:center;min-height:30px;border-radius:6px;padding:0 10px;font-size:12px;font-weight:900}.source-badge.live{background:#0786621a;color:#057050}.source-badge.registered{background:#265ead1a;color:#22518f}.source-badge.sample{background:#ffd92452;color:#695800}.attempt-list{display:grid;gap:8px}.attempt-list div{display:grid;gap:4px;border:1px solid var(--line);border-radius:6px;background:#f8fbfa;padding:10px 12px}.attempt-list div.fail{border-color:#d8564a57;background:#d8564a12}.attempt-list strong,.attempt-list span,.attempt-list small{font-size:12px;font-weight:900}.attempt-list span{color:var(--ink)}.item-summary div{min-height:76px;border:1px solid var(--line);border-radius:8px;background:#f8fbfa;padding:12px}.item-summary span,.session-status span{display:block;color:var(--muted);font-size:12px;font-weight:900}.item-summary strong,.session-status strong{display:block;margin-top:7px;color:var(--ink);font-size:17px;line-height:1.25}.item-summary p,.item-summary small{grid-column:1 / -1;margin:0;color:#34423f;font-weight:800;line-height:1.48}.item-summary small{color:var(--muted);font-size:12px}.danger-text{color:#a23831!important}.service-photo{display:grid;grid-template-columns:138px 1fr;gap:14px;align-items:center;padding:12px}.service-photo img{width:100%;height:98px;object-fit:cover;border-radius:6px}.service-photo p{margin:0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.decision-panel{display:grid;gap:14px;padding:18px;background:linear-gradient(135deg,#ffd92433,#fff0 42%),#fff}.decision-copy p:last-child{margin:8px 0 0;color:#34423f;font-weight:800;line-height:1.48}.decision-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.decision-metrics span{display:grid;gap:6px;min-height:70px;border:1px solid var(--line);border-radius:8px;background:#f8fbfa;padding:10px;color:var(--muted);font-size:12px;font-weight:900}.decision-metrics strong{color:var(--ink);font-size:17px;line-height:1.2}.decision-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.decision-route span,.decision-route strong{min-width:0;font-size:13px;font-weight:900;line-height:1.35}.decision-route span{color:var(--muted)}.decision-route strong{color:var(--ink);text-align:center}.route-action-panel{display:grid;gap:12px}.route-action-panel .section-head span{border:1px solid var(--line);border-radius:6px;background:#f8fbfa;padding:8px 10px;color:var(--green);font-size:12px;font-weight:900;white-space:nowrap}.route-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-shell,.recommendation-list,.route-action-panel,.session-panel{padding:16px}.map-title,.section-head,.selected-locker{display:flex;align-items:start;justify-content:space-between;gap:14px}.map-title p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.map-title-actions{display:grid;justify-items:end;gap:8px}.map-title span{border:1px solid var(--line);border-radius:6px;background:#f8fbfa;padding:8px 10px;color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}.kakao-map{position:relative;min-height:320px;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,rgba(23,165,137,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(7,134,98,.08) 1px,transparent 1px),#edf6f3;background-size:34px 34px}.kakao-map.map-size-compact{min-height:240px}.kakao-map.map-size-standard{min-height:320px}.kakao-map.map-size-large{min-height:520px}.map-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;padding:20px;text-align:center}.map-placeholder.compact{inset:auto 12px 12px;z-index:4;place-items:start;align-content:start;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;padding:12px;text-align:left}.map-placeholder strong{font-size:18px}.map-placeholder p{margin:0;color:var(--muted);font-weight:800}.demo-map{position:absolute;inset:0;overflow:hidden}.demo-road{position:absolute;background:#17211f33}.demo-road.horizontal{left:7%;right:7%;top:50%;height:8px}.demo-road.vertical{top:9%;bottom:18%;left:45%;width:8px}.demo-marker{position:absolute;z-index:2;transform:translate(-50%,-50%);min-width:66px;border:2px solid #fff;border-radius:6px;background:var(--green);color:#fff;box-shadow:0 10px 18px #17211f2e;padding:8px 10px;text-align:center;text-decoration:none;font-size:12px;font-weight:900}.demo-marker.nearby{background:#fff;color:var(--ink);border-color:#c9d7d4}.demo-marker.recommended{background:var(--green)}.demo-marker.selected{background:var(--yellow);color:#151300;border-color:#151300}.locker-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.locker-card{display:grid;gap:8px;min-height:auto;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:14px;text-align:left;cursor:pointer}.locker-card.selected{border-color:var(--green);box-shadow:0 0 0 3px #07866221}.locker-card strong{font-size:17px;line-height:1.28}.locker-card span,.locker-card p,.locker-card small{margin:0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.locker-card small{color:#34423f}.score-badge{justify-self:start;background:#0786621a;color:#057050}.score-badge.limited{background:#ffd92447;color:#695800}.score-badge.unavailable{background:#d8564a1f;color:#9d372f}.availability-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.availability-row span{border:1px solid var(--line);border-radius:6px;background:#f8fbfa;padding:7px 8px;text-align:center;color:var(--ink)}.selected-locker{border:1px solid var(--line);border-radius:8px;background:#f8fbfa;padding:14px}.selected-locker strong,.selected-locker span{display:block}.selected-locker strong{margin-bottom:6px}.selected-locker span{color:var(--muted);font-weight:800}.button-row{display:flex;flex-wrap:wrap;gap:8px}.share-box{display:grid;gap:8px;margin-top:12px}.share-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.share-box-head strong{color:var(--ink)}.share-box-head span{color:var(--muted);font-size:12px;font-weight:900;text-align:right}.share-box textarea{min-height:158px;font-size:13px;line-height:1.5}.session-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.session-status div,.session-status>span,.session-status>strong{min-width:0}.evidence-form{margin-top:12px}.timeline,.evidence-list{display:grid;gap:8px;margin-top:12px}.timeline p,.evidence-list span{margin:0;border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px 12px;color:#34423f;font-weight:800;line-height:1.42}.empty-state{display:grid;place-items:center;min-height:360px;border:1px dashed #b8c8c5;border-radius:8px;color:var(--muted);font-weight:900}.empty-state.bottom-hint{min-height:auto;background:#fff;padding:14px;text-align:center;line-height:1.45}@media(max-width:1120px){.trade-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{width:min(100% - 18px,1480px);padding-top:10px}h1{font-size:24px}h2{font-size:20px}.brand-row,.route-preview-footer,.map-title-actions,.map-title,.section-head,.selected-locker,.service-photo{display:grid;grid-template-columns:1fr}.form-grid,.item-summary,.locker-list,.evidence-form,.location-picker,.route-location-control,.route-action-grid,.time-window-card,.decision-metrics,.session-status{grid-template-columns:1fr}.share-box-head{display:grid;justify-items:start}.route-location-status{justify-self:start}.route-preview-footer,.map-title-actions,.map-size-controls,.route-preview-footer .map-button{width:100%}.recommend-action{position:sticky;bottom:8px;z-index:10;border:1px solid var(--line);border-radius:8px;background:#fffffff7;box-shadow:0 12px 28px #17211f29;padding:10px}.process-steps{gap:6px}.process-steps span{min-height:30px;padding:0 4px;font-size:11px}.decision-route{grid-template-columns:1fr}.decision-route strong{text-align:left}.kakao-map{min-height:260px}.route-preview-map{min-height:240px}.route-preview-overlay{position:absolute;left:10px;right:10px;max-width:none}.route-map-note{display:none}.service-photo img{height:150px}}