:root{--brand:#005be0;--brand-soft:#3b82f6;--brand-dark:#2563eb;--error:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--text:#1e293b;--text-2:#64748b;--text-3:#94a3b8;--idle:#373c3c;--bg:#ffffff;--bg-map:#e8eef5;--overlay:rgba(255,255,255,0.85);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--header-h:65px;--rail-size:39px;--search-w:280px;--panel-w:360px;--shadow-float:0 2px 8px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.08),0 0 1px rgba(0,0,0,0.08);--shadow-soft:0 2px 8px rgba(0,0,0,0.15);--price-0:#e4c84a;--price-1:#b5dc5a;--price-2:#4caf6a;--price-3:#3d9b8f;--price-4:#4a86e8;--price-5:#8b7ed8;--z-header:1001;--z-overlay:1000;--z-rail:998}*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;height:100dvh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#000;background:#fff;text-size-adjust:100%}a{color:inherit;text-decoration:none}button,input{font-family:inherit}button{cursor:pointer}.shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.shell-main{flex:1 1;height:0;position:relative}.hb-pin{flex-direction:column;pointer-events:auto}.hb-pin,.hb-price{display:flex;align-items:center}.hb-price{justify-content:center;border-radius:50%;color:#fff;font-weight:700;letter-spacing:-.3px;box-shadow:0 2px 6px rgba(0,0,0,.28)}.hb-name,.hb-price{font-size:11px;white-space:nowrap}.hb-name{margin-top:5px;font-weight:600;color:#1f2937;text-shadow:0 1px 0 #fff,0 0 4px #fff}.ph-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:#fff;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.22);cursor:pointer;line-height:1.25}.ph-bubble-name{font-size:13px;font-weight:700}.ph-bubble-price{font-size:12px;margin-top:2px;opacity:.95}.ph-bubble-on{box-shadow:0 0 0 3px #fff,0 6px 18px rgba(0,0,0,.22);animation:ph-pulse 2.2s ease-in-out infinite}.ph-dot{width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.28);cursor:pointer}.ph-dot-on{width:18px;height:18px;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(0,0,0,.3)}.ph-supply{border:0;background:rgba(0,91,224,.9);font-size:12px;font-weight:700;padding:8px 12px;border-radius:8px;box-shadow:0 4px 12px rgba(0,91,224,.35);white-space:nowrap}.ph-chg,.ph-supply{color:#fff;cursor:pointer}.ph-chg{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.22);line-height:1.2;position:relative}.ph-tier{position:absolute;top:-6px;right:-4px;background:#111;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px}.ph-flow{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:10 8;animation:ph-dash 1.15s linear infinite}@keyframes ph-dash{to{stroke-dashoffset:-36}}@keyframes ph-pulse{0%,to{box-shadow:0 0 0 3px #fff,0 6px 18px rgba(0,0,0,.22)}50%{box-shadow:0 0 0 7px rgba(255,255,255,.65),0 6px 18px rgba(0,0,0,.22)}}@media (max-width:560px){:root{--header-h:62px;--search-w:100%;--panel-w:100%}}@media (min-width:561px) and (max-width:884px){:root{--header-h:68px;--panel-w:300px;--search-w:240px}}