:root{color-scheme:light;--bg:#f4f9ff;--surface:#fff;--surface-soft:#edf6ff;--text:#1f2a44;--text-muted:#607391;--brand:#3b82f6;--brand-deep:#2563eb;--mint:#0ea5e9;--mint-soft:#e0f2fe;--line:#d8e8fb;--line-strong:#bdd7f3;--error:#b3261e;--shadow-lg:0 20px 38px rgba(37,99,235,.14);--shadow-md:0 10px 24px rgba(37,99,235,.1);--radius-xl:22px;--radius-lg:16px;--radius-md:12px;--radius-pill:999px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--duration-fast:140ms;--duration-base:220ms;--ease-out:cubic-bezier(0.2,0.8,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;font-family:Pretendard,SUIT,Noto Sans KR,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 12%,#d7ebff 0,transparent 42%),radial-gradient(circle at 90% 8%,#dff7ff 0,transparent 40%),var(--bg)}a{color:inherit;text-decoration:none}button{border:0;font:inherit;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #75c3b8;outline-offset:2px}.app-shell{--map-sheet-safe-space:0px;width:min(1200px,100%);margin:0 auto;padding:var(--space-4) var(--space-3) 110px;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.app-shell.is-map-mode{padding-bottom:24px}.hero-card,.search-panel{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.hero-card{background:linear-gradient(150deg,#fff,#edf6ff);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-4);animation:fade-in-up .32s var(--ease-out)}.hero-eyebrow{margin:0;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:700}.hero-card h1{margin:0;font-size:clamp(26px,4.5vw,38px);line-height:1.1;letter-spacing:-.01em}.search-compact-card{padding:var(--space-3);gap:10px}.search-compact-card h1{font-size:clamp(22px,4.6vw,30px)}.hero-meta.compact{margin-top:2px;font-size:12px}.search-compact-card .input-row{gap:6px}.search-compact-card .input-row label{font-size:12px}.search-compact-card .input-row input{min-height:40px;padding:8px 11px}.search-compact-card .search-input-wrap input{padding-left:36px}.hero-meta{margin:0;color:var(--text-muted);font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.control-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3);display:grid;grid-gap:var(--space-3);gap:var(--space-3);box-shadow:var(--shadow-md);animation:fade-in-up .4s var(--ease-out)}.input-row{display:grid;grid-gap:8px;gap:8px}.input-row label{font-size:13px;color:var(--text-muted);font-weight:600}.input-row input{min-height:44px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:#f8fbff;padding:10px 12px;color:var(--text)}.search-input-wrap{position:relative}.search-input-icon{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:#7d96b8;pointer-events:none}.search-input-icon svg{display:block;width:100%;height:100%}.search-input-wrap input{width:100%;padding-left:38px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row.compact{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.chip-row.compact::-webkit-scrollbar{display:none}.chip{min-height:34px;padding:6px 11px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:#fff;color:#3f5e86;font-size:13px;font-weight:600}.chip.tonal{background:#eff6ff}.chip.radius{min-width:58px}.chip.is-active{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:none}.sort-toggle{position:relative;display:grid;grid-gap:8px;gap:8px}.sort-toggle-button{min-height:40px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:8px 12px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:#fff;color:#35547d;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.sort-toggle-label{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sort-toggle-caret{font-size:11px}.sort-toggle-options{position:absolute;top:calc(100% + 6px);left:0;z-index:12;width:min(320px,100%);display:grid;grid-gap:6px;gap:6px;padding:8px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-md)}.list-sort-toggle .sort-toggle-options{left:auto;right:0;width:min(320px,84vw)}.sort-option{min-height:52px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;color:#3b5d8a;font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:8px 10px}.sort-option-text{display:grid;grid-gap:2px;gap:2px}.sort-option-title{font-size:12px;font-weight:700;color:#2f4e79}.sort-option-desc{font-size:11px;color:#6685ab}.sort-option-check{font-size:12px;color:#80a2cc}.sort-option.is-active{border-color:var(--brand);background:#eef5ff;color:var(--brand)}.sort-option.is-active .sort-option-check,.sort-option.is-active .sort-option-title{color:var(--brand)}.radius-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.radius-label{color:var(--text-muted);font-size:13px;margin-right:2px}.btn-primary,.btn-secondary{min-height:40px;padding:8px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:700}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.3)}.btn-primary:hover{background:var(--brand-deep)}.btn-primary:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.btn-secondary{background:#fff;color:#2f4f78;border:1px solid var(--line-strong)}.btn-secondary:hover{background:#f1f7ff}.results-stage{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.results-stage.is-list-mode .map-column,.results-stage.is-map-mode .results-column{display:none}.app-shell.is-map-mode .results-stage.is-map-mode{padding-bottom:var(--map-sheet-safe-space,0)}.results-column{min-width:0}.results-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.results-header{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start}.results-header-actions{display:grid;grid-gap:8px;gap:8px;justify-items:end;align-content:start}.mobile-map-toggle{min-width:92px}.results-kicker{margin:0;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--mint);font-weight:700}.results-header h2{margin:4px 0 0;font-size:24px;line-height:1.2}.results-caption{margin:4px 0 0;color:var(--text-muted);font-size:13px}.results-list{display:grid;grid-gap:10px;gap:10px}.pharmacy-card{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;display:grid;grid-gap:8px;gap:8px}.pharmacy-card.is-selected{border-color:var(--brand);box-shadow:0 10px 22px rgba(37,99,235,.2);background:#fffaf5}.card-main{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-main strong{font-size:16px}.availability{font-size:11px;font-weight:700;border-radius:var(--radius-pill);padding:5px 8px}.availability.in_stock{background:var(--mint-soft);color:#1f6f67}.availability.limited{background:#fff2dd;color:#8e5d20}.availability.unknown{background:#f4eff6;color:#665f6d}.card-footnote,.card-subtitle{margin:0;color:var(--text-muted);font-size:12px}.card-meta-row{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:700}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:11px;font-weight:700;border-radius:var(--radius-pill);padding:4px 8px;background:#e8f2ff;color:#275996}.badge.muted{background:#f3f0f5;color:#69646e}.inline-status{border-radius:var(--radius-md);border:1px solid var(--line);padding:14px;display:grid;grid-gap:10px;gap:10px}.inline-status p{margin:0;font-size:13px}.inline-status.error{border-color:#f0b6b1;background:#fff3f2;color:var(--error)}.inline-status.empty{background:#fff9f2}.results-footer{display:flex;justify-content:center;padding-top:2px}.map-column{display:block}.map-panel{width:100%;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-2);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.map-frame{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);min-height:54vh;background:#e8f3ff}.map-placeholder{width:100%;height:100%;min-height:54vh}.map-search-cta{border:1px solid #c8dcf7;background:#eef6ff;border-radius:var(--radius-md);padding:12px;display:grid;grid-gap:8px;gap:8px}.map-search-cta p{margin:0;font-size:12px;color:#446996}.map-list-toggle{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);min-width:112px;box-shadow:var(--shadow-lg);z-index:900}.map-exposure-toggle{position:absolute;top:10px;right:10px;z-index:6;min-height:34px;max-width:min(190px,52vw);padding:6px 12px;border-radius:var(--radius-pill);border:1px solid hsla(32,37%,86%,.92);background:hsla(0,0%,100%,.94);box-shadow:var(--shadow-md);color:#3d5f8b;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.72}.map-exposure-toggle.is-stock-only{border-color:var(--brand);background:#ebf4ff;color:var(--brand);opacity:1}.bottom-sheet{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:1200;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px;display:grid;grid-gap:10px;gap:10px}.bottom-sheet.is-map-mode{animation:sheet-rise-in .22s var(--ease-out)}.sheet-copy{display:grid;grid-gap:4px;gap:4px}.sheet-kicker{margin:0;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mint);font-weight:700}.sheet-copy strong{font-size:16px}.sheet-copy p{margin:0;color:var(--text-muted);font-size:13px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{min-height:120px;background:linear-gradient(90deg,#f9eee4,#fff8f1 50%,#f9eee4);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:760px){.app-shell{padding:var(--space-5) var(--space-4) 32px;gap:var(--space-5)}.app-shell.is-map-mode{padding-bottom:32px}.sort-toggle-options{width:340px}.bottom-sheet{left:auto;right:var(--space-4);width:min(460px,calc(100vw - 2 * var(--space-4)))}}@media (min-width:1024px){.results-stage.is-list-mode .map-column,.results-stage.is-map-mode .results-column{display:block}.map-list-toggle,.mobile-map-toggle{display:none}.results-stage{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:var(--space-4);align-items:start}.map-column{position:-webkit-sticky;position:sticky;top:var(--space-4)}.map-frame,.map-placeholder{min-height:74vh}.bottom-sheet{position:static;width:100%;right:auto;left:auto;box-shadow:var(--shadow-md)}}