.cityGateOverlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background-color:color-mix(in srgb,var(--color-background-default) 88%,transparent);backdrop-filter:blur(2px);border-radius:var(--radius-modal)}.cityGateCard,.cityGatePopoverCard{position:relative;display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;max-width:380px;padding:var(--spacing-5);background-color:var(--color-background-default);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.cityGateClose{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:var(--font-size-lg);line-height:1;color:var(--color-text-light);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.cityGateClose:hover{color:var(--color-text-primary);background-color:var(--color-background-darker)}.cityGateTitle{margin:0;padding-right:var(--spacing-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-semi-bold);color:var(--color-text-primary)}.cityGateNote{margin:0;font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-light)}.cityGateQuick{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.cityGateQuickBtn{--chip-font-size:var(--font-size-sm)}.cityGateInput{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background-default);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cityGateInput:focus{outline:none;border-color:var(--color-primary)}.cityGateHint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-light)}.cityGateList{display:flex;flex-direction:column;gap:2px;max-height:220px;margin:0;padding:0;overflow-y:auto;list-style:none}.cityGateOption{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.cityGateOption:hover{background-color:var(--color-background-darker)}.cityBadgeWrap{position:relative;flex:0 0 auto}.cityBadge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);line-height:1.2;color:var(--color-text-primary);white-space:nowrap;background:none;border:none;cursor:pointer;transition:var(--transition-fast)}.cityBadgeIcon{width:1em;height:1em;flex:0 0 auto}.cityBadge:hover{color:var(--color-primary)}.cityBadge:hover .cityBadgeLabel{text-decoration:underline}.cityGatePopover{position:absolute;top:calc(100% + var(--spacing-2));left:0;z-index:10;width:340px;max-width:calc(100vw - 2 * var(--spacing-4))}@media (max-width:640px){.cityGateCard,.cityGatePopoverCard{max-width:100%;padding:var(--spacing-4)}.cityGatePopover{position:fixed;top:auto;right:var(--spacing-4);bottom:var(--spacing-4);left:var(--spacing-4);width:auto}.cityGateList{max-height:40vh}}.shopCardSkeleton{display:flex;flex-direction:column;gap:var(--spacing-5);width:100%;padding:var(--spacing-2) 0}.shopCardSkeletonChips{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.shopCardSkeletonChip{height:32px;width:84px;border-radius:var(--radius-pill)}.shopCardSkeletonChip--wide{width:116px}.shopCardSkeletonChip--sm{height:28px;width:54px}.shopCardSkeletonLabel{height:12px;width:96px;border-radius:var(--radius-pill)}.shopCardSkeletonConfig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-5);align-items:end}.shopCardSkeletonParams{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:0}.shopCardSkeletonDrawing{display:flex;justify-content:center;min-width:0}.shopCardSkeletonCircle{width:180px;height:180px;border-radius:var(--radius-full)}.shopCardSkeletonTable{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-5);border-top:1px solid var(--color-border-light)}.shopCardSkeletonRow{height:34px;width:100%;border-radius:var(--radius-md)}.shopCardSkeletonRow--head{height:14px;width:60%}@media (max-width:640px){.shopCardSkeletonConfig{grid-template-columns:minmax(0,1fr)}.shopCardSkeletonDrawing{justify-content:flex-start}.shopCardSkeletonCircle{width:140px;height:140px}}.matSwitchAnchor{align-items:center;gap:var(--spacing-1)}.matSwitchAnchor,.matSwitchTitle{display:inline-flex;min-width:0}.matSwitchToggle{display:inline-flex;align-items:center;justify-content:center;width:var(--spacing-5);height:var(--spacing-5);padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.matSwitchToggle:hover{color:var(--primary);background-color:var(--color-gray-light-2)}.matSwitchToggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.matSwitchToggle svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.matSwitch{--sw-pad:var(--spacing-2);position:fixed;z-index:3100;top:var(--sw-top);left:var(--sw-left);height:var(--sw-height);display:flex;align-items:center;opacity:0;visibility:hidden;filter:drop-shadow(0 0 1px var(--color-border)) drop-shadow(0 var(--spacing-1) var(--spacing-3) var(--color-overlay-light));transition:opacity var(--duration-slow) var(--ease-out),visibility 0s linear var(--duration-slow)}.matSwitch--open{opacity:1;visibility:visible;transition:opacity var(--duration-slow) var(--ease-out),visibility 0s}.matSwitchSlot{position:relative;z-index:1;display:flex;align-items:center;height:calc(100% + 2 * var(--sw-pad));background-color:var(--color-background-default)}.matSwitchSlot--first{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);padding-left:var(--sw-pad);margin-left:calc(-1 * var(--sw-pad))}.matSwitchSlot--last{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);padding-right:var(--sw-pad);margin-right:calc(-1 * var(--sw-pad))}.matSwitchSide{position:absolute;top:calc(-1 * var(--sw-pad));bottom:calc(-1 * var(--sw-pad));display:flex;align-items:center;width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background-color:var(--color-background-default);transition:width var(--duration-slower) var(--ease-cubic-in-out)}.matSwitchSide::-webkit-scrollbar{display:none}.matSwitch--open .matSwitchSide--left{width:var(--sw-left-width)}.matSwitch--open .matSwitchSide--right{width:var(--sw-right-width)}.matSwitchSide--left{right:calc(100% - 1px);border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.matSwitchSide--right{left:calc(100% - 1px);border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.matSwitchSide--left.matSwitchSide--more{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--spacing-6));mask-image:linear-gradient(to right,transparent,#000 var(--spacing-6))}.matSwitchSide--right.matSwitchSide--more{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--spacing-6));mask-image:linear-gradient(to left,transparent,#000 var(--spacing-6))}.matSwitchItems{display:flex;flex:none;align-items:center;gap:var(--spacing-2);padding-inline:var(--spacing-3)}.matSwitchItem{flex:none;white-space:nowrap}@media (prefers-reduced-motion:reduce){.matSwitch,.matSwitch--open,.matSwitchSide{transition:none}}