.premium-header{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:var(--space-6);right:var(--space-6);z-index:2000;display:flex;justify-content:center;pointer-events:none}.card-nav-wrapper{background:#fffffff7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:var(--apple-radius-large);box-shadow:var(--shadow-lg);width:100%;max-width:1200px;pointer-events:auto;transition:border-radius .25s ease,box-shadow .25s ease}.card-nav-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-1) var(--space-2) var(--space-6);height:54px}.header-left{flex-shrink:0;margin-right:var(--space-5)}.header-left a{display:flex;align-items:center}.header-logo-text{height:24px;width:auto;object-fit:contain;flex-shrink:0;margin-top:4px}.header-center{flex:1;max-width:650px;display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:var(--space-3);width:210px;flex-shrink:0;flex-grow:0}.header-hamburger{width:32px;height:32px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;transition:all .2s}.header-hamburger:hover{background:transparent;transform:scale(1.05)}.header-hamburger span{display:block;width:16px;height:1.5px;background:var(--gray-600);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.header-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.header-hamburger.open span:nth-child(2){opacity:0}.header-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.card-nav-content{display:flex;gap:10px;padding:var(--space-3) var(--space-4) var(--space-4) var(--space-4)}.nav-card{flex:1;border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-height:130px;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);transition:background .15s ease}.nav-card:hover{background:var(--accent)}.nav-card-label{font-size:14px;font-weight:600;letter-spacing:-.3px;color:var(--foreground)}.nav-card-links{display:flex;flex-direction:column;gap:2px;margin-top:auto}.nav-card-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--muted-foreground);text-decoration:none;transition:color .15s ease;padding:3px 0;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;text-align:left}.nav-card-link:hover{color:var(--foreground)}.premium-header .station-search-container{width:100%!important}.premium-header .station-search-input-wrapper{background:transparent!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;height:36px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s!important}.premium-header .station-search-input-wrapper:focus-within{border-color:var(--ring)!important;box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)!important;background:transparent!important}.premium-header .station-search-input{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:7px 64px 9px 16px!important;font-size:12px!important;font-weight:600!important;height:100%!important}.premium-header .station-search-input::placeholder{color:#6b7280!important}.premium-header .station-search-icon{left:auto!important;right:12px!important;color:#1f2937!important}.premium-header .station-search-clear{right:38px!important;width:20px!important;height:20px!important;background:var(--gray-200)!important;border-radius:50%!important}.premium-header .station-search-dropdown{z-index:99999!important}.header-chat-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:transparent;color:var(--gray-700);border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;text-decoration:none}.community-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0}.community-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}@media(max-width:768px){.premium-header{top:0;left:0;right:0;padding-top:env(safe-area-inset-top,0px)}.card-nav-wrapper{border-radius:0;border-left:none;border-right:none;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px #0000001a}.card-nav-top{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4)}.header-left{margin-right:var(--space-3)}.header-right{margin-left:var(--space-2);width:auto}.header-logo-text{height:20px}.header-hamburger{width:29px;height:29px}.header-hamburger span{width:14px}.card-nav-panels{max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px));overflow-y:auto}.card-nav-content{flex-direction:column;padding:0 var(--space-3) var(--space-3) var(--space-3)}.nav-card{min-height:auto;padding:10px 12px;gap:6px}.nav-card-label{font-size:14px}.nav-card-link{font-size:13px}.header-chat-btn{display:none}}@media(min-width:768px){.premium-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:2100}.card-nav-wrapper{border-radius:0;max-width:100%;box-shadow:none!important}}.map-container{position:relative;width:100%;height:100%}.kakao-map{width:100%;height:100%;overflow:hidden;contain:layout}.quick-filter-chips{position:fixed;top:calc(env(safe-area-inset-top,0px) + 62px);left:50%;transform:translate(-50%);z-index:1900;display:flex;align-items:center;gap:6px;pointer-events:auto;white-space:nowrap}.quick-filter-chip{height:30px;padding:0 12px;font-size:12.5px;font-weight:600;font-family:inherit;border-radius:100px;border:none;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#374151;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;letter-spacing:-.01em;box-shadow:0 1px 4px #0000001f}.quick-filter-chip:hover{background:#fff;box-shadow:0 2px 8px #00000029}.quick-filter-chip.active{background:#1f2937;color:#fff;border-color:#1f2937;box-shadow:0 2px 8px #0003}.quick-filter-chip-rate{margin-left:2px}@media(min-width:768px){.quick-filter-chips{top:58px;left:calc(360px + (100% - 360px)/2);transform:translate(-50%)}}.map-controls-top-left{position:absolute;top:26px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:var(--space-3)}.map-controls-top-right{position:absolute;top:55px;right:24px;z-index:10;display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:768px){.map-controls-top-right{top:100px;right:14px}.map-controls-top-left{top:26px;left:16px;right:16px;transform:none;width:auto;z-index:100000!important}}.station-search-container{position:relative;width:280px;transition:width .25s cubic-bezier(.4,0,.2,1)}.station-search-container.expanded{width:560px}.station-search-input-wrapper{position:relative;display:flex;align-items:center}.station-search-icon{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);color:#1f2937;pointer-events:none;flex-shrink:0;z-index:10}.station-search-input{width:100%;box-sizing:border-box;padding:14px 52px 14px var(--space-6);border-radius:999px;border:none;background:#fffffff7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 var(--space-1) var(--space-5) #0000002e;font-size:var(--font-size-base);color:var(--gray-900);outline:none;transition:box-shadow .2s ease}.station-search-input:focus{box-shadow:0 6px 28px #00000038}.station-search-input::placeholder{color:var(--muted-foreground);font-weight:600}.station-search-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;width:100%;z-index:99999!important;background:#fffffff7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 28px #00000026;max-height:320px;overflow-y:auto;list-style:none;margin:0;padding:var(--space-1) 0}.station-search-item{position:relative;padding:10px 14px;cursor:pointer;transition:background .15s}.station-search-item:hover,.station-search-item.active{background:#0000000d}.station-search-group-label{padding:6px 14px var(--space-1);font-size:12px;font-weight:600;color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;list-style:none;pointer-events:none}.station-search-item-name{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.station-search-place-icon{flex-shrink:0;color:var(--gray-400)}.station-search-item-address{font-size:12px;color:#888;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-highlight{background:none;color:#2563eb;font-weight:600}.station-search-clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--gray-300, #d1d5db);border:none;cursor:pointer;color:var(--gray-600);flex-shrink:0;z-index:10;padding:0}.station-search-clear:hover{background:var(--gray-400, #9ca3af)}.station-search-empty{padding:16px 14px;font-size:12px;color:#999;text-align:center;list-style:none}.station-search-item-recent{display:flex;align-items:center;gap:5px}.station-search-recent-icon{color:#bbb;flex-shrink:0}.station-search-recent-remove{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:transparent;border:none;cursor:pointer;color:#bbb;opacity:0;transition:opacity .15s,background .15s;padding:0}.station-search-item:hover .station-search-recent-remove,.station-search-item.active .station-search-recent-remove{opacity:1}.station-search-recent-remove:hover{background:var(--gray-200, #e5e7eb);color:var(--gray-700)}@media(max-width:768px){.station-search-container,.station-search-container.expanded{width:100%}.station-search-input{border-radius:999px;padding:var(--space-3) 44px var(--space-3) 18px;font-size:15px;background:#fffffff7;box-shadow:0 2px 16px #00000021;border:none}.station-search-icon{right:16px;left:auto;width:var(--space-5);height:var(--space-5)}.station-search-dropdown{border-radius:16px}}.hamburger-btn{width:44px;height:44px;background:#ffffffeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:var(--space-3);border:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1)}.hamburger-btn:hover{background:#fffffffa;transform:scale(1.05);box-shadow:0 6px 16px #00000026}.hamburger-btn:active{transform:scale(.95)}.hamburger-line{width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger-btn:hover .hamburger-line{background:var(--muted-foreground)}.fuel-filter-menu{background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:var(--space-3);border:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow-lg);padding:var(--space-4);min-width:160px;animation:menuSlideIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.fuel-option{display:flex;align-items:center;gap:10px;padding:10px 8px;cursor:pointer;border-radius:8px;transition:background .2s ease}.fuel-option:hover{background:#00000008}.fuel-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--muted-foreground)}.fuel-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.map-stats-bar{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:10;padding:10px var(--space-6);border-radius:40px;background:#ffffffd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:16px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary);animation:slideUpStats .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUpStats{0%{transform:translate(-50%,var(--space-5));opacity:0}to{transform:translate(-50%);opacity:1}}.reset-btn{background:var(--primary);color:#fff;padding:10px 18px;border-radius:30px;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 var(--space-1) var(--space-3) var(--primary-light);border:none;cursor:pointer;transition:all .2s}.reset-btn.icon-only{width:36px;height:36px;padding:0;border-radius:50%;background:#fff;color:#111827;box-shadow:0 4px 12px #00000026}.reset-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.reset-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-light)}.zoom-control-group{display:flex;flex-direction:column;background:#fff;border-radius:var(--space-5);box-shadow:0 4px 12px #00000026;overflow:hidden;width:36px;transition:all .2s}.zoom-control-group:hover{box-shadow:0 6px 16px #0003}.zoom-btn{width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;padding:0}.zoom-btn:hover{background:#0000000f}.zoom-btn:active{background:#0000001f}.zoom-divider{height:1px;width:var(--space-6);background:#0000001a;margin:0 auto}.map-tooltip-btn{position:relative}.map-tooltip-btn:before{content:attr(data-tooltip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--primary);color:#fff;font-size:var(--font-size-2xs);font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .15s ease}.map-tooltip-btn:after{content:"";position:absolute;right:calc(100% + var(--space-1));top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--primary);pointer-events:none;opacity:0;transition:opacity .15s ease}.map-tooltip-btn:hover:before,.map-tooltip-btn:hover:after{opacity:1}.feedback-btn{width:36px;height:36px;border-radius:50%;background:#fff;color:#4b5563;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);cursor:pointer;transition:all .2s;border:1px solid var(--gray-200)}.feedback-btn:hover{transform:scale(1.05);background:#f9fafb;color:var(--gray-900)}.close-info-btn{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:#0000000f;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.close-info-btn:hover{background:#ff3b301a;color:var(--error);transform:rotate(90deg) scale(1.1)}.panel-close-btn:hover{transform:rotate(90deg);color:var(--gray-700);background:#0000000d;border-radius:50%}@keyframes cardAppear{0%{opacity:0;transform:translateY(-30px) scale(.85)}to{opacity:1;transform:translateY(-50px) scale(1)}}.info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-right:30px}.brand-badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.2;border-radius:20px;box-shadow:0 4px 10px #0000001a;transition:all .2s ease}.radius-search-panel .brand-badge{border:none}.brand-badge.variant-a,.brand-badge.variant-b,.brand-badge.variant-c{border:none;box-shadow:0 4px 10px #0000001a}.station-name{margin:var(--space-1) 0 0 0;font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.04em;line-height:1.2}.station-address{margin:6px 0 16px;font-size:12px;color:#636366;line-height:1.4;font-weight:600}.price-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:var(--space-5)}.price-container:empty{display:none}.price-item{background:#0000000a;padding:var(--space-3);border-radius:16px;display:flex;flex-direction:column;gap:var(--space-1);border:1px solid rgba(0,0,0,.01)}.price-label{font-size:10px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.price-value{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.price-value.gasoline{color:var(--error)}.price-value.diesel{color:var(--fuel-diesel)}.price-value.high-gasoline{color:var(--high-premium)}.price-unit{font-size:12px;font-weight:600;margin-left:1px;color:var(--gray-500)}.route-buttons-container{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modern-route-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;padding:10px var(--space-1);border-radius:16px;text-decoration:none;font-size:12px;font-weight:600;line-height:1.2;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 6px 15px #0000001a;text-align:center}.modern-route-btn b{font-size:var(--font-size-sm);font-weight:600}.modern-route-btn.kakao{background:#fae100;color:#3c1e1e}.modern-route-btn.naver{background:#03c75a;color:#fff}.modern-route-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 10px var(--space-5) #00000026}.modern-route-btn:active{transform:scale(.96)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:var(--space-1);border-radius:6px;background:#0000000d;border:none;color:var(--gray-500);cursor:pointer;transition:all .2s ease;vertical-align:middle}.copy-btn:hover{background:#007aff1a;color:var(--primary)}.copy-btn:active{transform:scale(.9)}.onnuri-toggle{position:relative;display:inline-block;width:44px;height:var(--space-6)}.onnuri-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-200);transition:.3s;border-radius:var(--space-6)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px var(--space-1) #0000001a}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.onnuri-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:#34c7591a;color:var(--primary);padding:var(--space-1) 8px;border-radius:8px;font-size:10px;font-weight:600;margin-top:8px}.onnuri-marker-label{background:var(--onnuri-orange);color:#fff;padding:2px 6px;border-radius:var(--space-1);font-weight:600;box-shadow:0 2px var(--space-1) #0003}.brand-marker-container{cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1.1);will-change:transform;display:flex;flex-direction:column;align-items:flex-start}.brand-marker-container:hover{transform:scale(1.1) translateY(-2px);z-index:1000!important}.pylon-marker{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;border:3px solid #ffffff;min-width:96px;overflow:hidden;position:relative;display:flex;flex-direction:column}.pylon-top{display:flex;flex-direction:column;align-items:flex-start;padding:6px 8px 3px;background:#fff;gap:4px}.pylon-logo{max-width:64px;max-height:16.2px;object-fit:contain;display:block}.pylon-logo.brand-logo-soil{max-width:57.6px;max-height:14.6px}.brand-logo-hd{transform:scale(1.05)}.pylon-logo.brand-logo-jaga{transform:scale(.735075);transform-origin:left center}.badges-row .brand-logo-jaga{margin:-6px 0}.pylon-brand-name{font-size:12px;font-weight:600;color:var(--gray-800);letter-spacing:-.5px}.pylon-divider{height:1px;width:90%;background:#f0f0f0;border-radius:0;margin-bottom:0}.pylon-body{padding:2px 2px 5px;display:flex;flex-direction:column;gap:1.5px;width:100%;box-sizing:border-box}.pylon-row{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;min-height:36px;padding:6px 12px;border-radius:8px;margin-bottom:3px;color:#fff}.pylon-row.gasoline{background-color:var(--error)}.pylon-row.diesel{background-color:var(--fuel-diesel)}.pylon-row.high-gasoline{background-color:var(--high-premium)}.pylon-row.discounted{background-color:var(--primary)!important}.pylon-row.no-price-row{background-color:var(--gray-200)}.pylon-row.no-price-row .pylon-label{color:var(--gray-400)}.no-price-value{font-size:14px;font-weight:600;color:var(--gray-400)}.pylon-label{font-size:13px;font-weight:700}.pylon-price{font-family:inherit;font-size:13px;font-weight:600}.pylon-tail{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ffffff;margin:-1px auto 0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.pylon-marker.favorite-marker{box-shadow:0 0 11px 8px #ffe60087;border:3px solid #ffffff}@keyframes cluster-fav-pulse{0%,to{box-shadow:0 0 10px 7px #ffe600a3}50%{box-shadow:0 0 18px 16px #ffe600a3}}.cluster-favorite-glow{position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;background:transparent;transform:translate(-50%,-50%);animation:cluster-fav-pulse 2s ease-in-out infinite;pointer-events:none}.brand-marker-container:hover .pylon-marker{transform:translateY(-3px);transition:all .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #00000038}.brand-marker-container:hover .pylon-tail{transform:translateY(-3px);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.panel-resize-handle{display:none}.radius-search-panel{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:90%;max-width:420px;z-index:20;border-radius:var(--apple-radius-large);background:#fffffff7!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-lg)!important;overflow:hidden;transition:bottom .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:80vh}.radius-content{padding:var(--space-3) 8px;padding-bottom:0;display:flex;flex-direction:column;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;pointer-events:auto}@media(min-width:768px){.kakao-map{margin-left:360px;margin-top:54px;width:calc(100% - 360px);height:calc(100% - 54px)}.radius-search-panel{position:fixed!important;left:0!important;top:55px!important;bottom:auto!important;max-width:none!important;height:calc(100vh - 55px)!important;max-height:none!important;border-radius:0!important;transform:none!important;box-shadow:2px 0 8px #0000000f!important;border:none!important;border-right:1px solid rgba(0,0,0,.08)!important}.panel-resize-handle{position:absolute;top:0;right:-6px;width:12px;height:100%;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .15s}.panel-resize-handle:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.panel-resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--border);transition:opacity .15s}.panel-resize-handle:after{content:"";display:block;width:4px;height:36px;border-radius:4px;background:var(--muted-foreground);opacity:.3;transition:opacity .15s,background .15s,transform .15s;position:relative;z-index:1}.panel-resize-handle:hover:before{opacity:0}.panel-resize-handle:hover:after{opacity:1;background:var(--primary);transform:scaleY(1.1)}.radius-content{padding-top:8px;overflow-y:hidden}.radius-results-list{max-height:none!important;min-height:0!important;overflow-y:auto}.map-controls-top-right{top:58px;right:16px}.map-controls-top-left{left:400px;top:68px;transform:none}}.radius-search-panel.active{bottom:120px}.radius-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 18px;cursor:pointer;background:var(--gradient-secondary);color:var(--text-on-dark);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(0,0,0,.2)}.radius-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-on-dark);font-size:15px}.radius-title .icon{font-size:var(--font-size-lg)}.toggle-btn{font-size:12px;padding:6px 14px;background:#ffffff26;border-radius:var(--space-5);border:none;color:var(--text-on-dark);font-weight:600;transition:all .2s}.toggle-btn:hover{background:#ffffff40}.slider-container{margin-bottom:var(--space-3);text-align:center}.styled-slider{width:100%;-webkit-appearance:none;appearance:none;height:2px;border-radius:2px;background:var(--border);outline:none;margin:10px 0;display:block}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--background);box-shadow:0 0 0 1px var(--primary);transition:box-shadow .15s ease}.styled-slider::-webkit-slider-thumb:active{box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 20%,transparent)}.slider-tick-labels{position:relative;height:18px;margin-top:2px}.slider-tick-labels span{position:absolute;transform:translate(-50%);font-size:11px;color:var(--text-muted);white-space:nowrap}.radius-value-display{font-size:var(--font-size-2xs);color:var(--gray-500);margin-top:2px}.radius-value-display b{color:var(--primary);font-size:var(--font-size-sm)}.station-info{flex:1}.station-info .name{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.station-info .price-row{font-size:var(--font-size-sm);font-family:monospace;display:flex;gap:var(--space-2)}.price.g{color:var(--error);font-weight:600}.price.d{color:var(--fuel-diesel);font-weight:600}.no-result{text-align:center;color:var(--text-muted);font-style:italic;padding:var(--space-5) 0;font-size:var(--font-size-sm)}@media(max-width:640px){.radius-search-panel{width:95%;bottom:70px}.radius-search-panel.active{bottom:var(--space-5)}}.fuel-type-toggle-group{display:flex;gap:var(--space-1);margin-bottom:var(--space-3);background:var(--gray-50);padding:6px;border-radius:var(--space-3);box-shadow:0 2px 6px #0000000f}.fuel-type-btn{flex:1;padding:0;height:34px;font-size:var(--font-size-xs);font-weight:600;color:var(--gray-500);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.fuel-type-btn:hover{background:#0000000d}.fuel-type-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 6px #00000014;transform:scale(1.02)}.radius-results-list{max-height:220px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 0 10px}.result-item{display:flex;align-items:center;padding:10px 16px;border-radius:0;cursor:pointer;transition:background .15s;background:transparent;border-bottom:none;position:relative}.result-item:last-child{border-bottom:none}.result-item.selected,.result-item:hover{background:var(--muted)}.ad-slot{background:var(--muted);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-3);margin:0;border-radius:0}.rank{width:20px;color:var(--muted-foreground);font-size:12px;font-weight:600;margin-right:10px;flex-shrink:0;text-align:center}.result-item.top-rank .rank{color:var(--foreground);font-weight:600}.station-info{flex:1;min-width:0}.result-item .name{font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:2px;display:flex;align-items:center;gap:6px;min-width:0}.result-item .meta{font-size:12px;color:var(--muted-foreground);display:flex;align-items:center;gap:5px}.result-item .dist{color:var(--muted-foreground);font-weight:600}.result-item .bull{color:var(--border);font-size:8px}.result-item .brand{color:var(--muted-foreground);background:transparent;border:1px solid var(--border);padding:1px 5px;border-radius:calc(var(--radius) - 2px);font-size:10px;font-weight:600}.price-tag{font-size:13px;font-weight:600;font-family:inherit;color:var(--foreground);margin-left:10px;white-space:nowrap;letter-spacing:-.02em}.marker-price-item.discounted{color:var(--primary)!important}.radius-results-list::-webkit-scrollbar,.region-accordion-list::-webkit-scrollbar,.radius-content::-webkit-scrollbar,.radius-search-panel::-webkit-scrollbar,.radius-search-panel *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.radius-results-list,.region-accordion-list,.radius-content,.radius-search-panel,.radius-search-panel *{scrollbar-width:none!important;-ms-overflow-style:none!important}@media(min-width:768px)and (max-width:1023px){.radius-search-panel{top:116px;left:var(--space-6);bottom:auto!important;transform:none!important;width:360px;min-width:360px;max-width:none;transition:all .3s ease}.radius-search-panel.active{bottom:auto!important}.radius-results-list{max-height:400px}}.web-mode-signboard{display:none}@media(min-width:1024px){.web-mode-signboard{display:block;position:absolute;top:40px;left:var(--space-6);z-index:20;font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);letter-spacing:-.5px;font-family:IBM Plex Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:var(--space-3) var(--space-6);border-radius:var(--space-5);border:1px solid rgba(255,255,255,.6);box-shadow:0 var(--space-1) var(--space-5) #00000014;pointer-events:auto}.radius-search-panel{top:116px;left:var(--space-6);bottom:auto!important;transform:none!important;width:360px;max-width:none;transition:all .3s ease}.radius-search-panel.active{bottom:auto!important}.radius-results-list{max-height:500px}}@media(max-width:767px){.radius-search-panel{transition:bottom .3s cubic-bezier(.16,1,.3,1),height .3s ease}}.panel-footer-terms{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;padding:10px var(--space-3);border-top:1px solid var(--gray-200);margin-top:var(--space-1)}.panel-footer-terms a{font-size:11px;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color .15s}.panel-footer-terms a:hover{color:var(--gray-600);text-decoration:underline}.panel-footer-divider{font-size:11px;color:var(--gray-300);padding:0 var(--space-1)}.collapse-icon-btn,.close-icon-btn{background:transparent;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all .2s ease}.collapse-icon-btn:hover{background:#0000000d;color:var(--gray-800)}.collapse-icon-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.collapse-icon-btn.collapsed svg{transform:rotate(180deg)}.close-icon-btn:hover{background:#ef44441a;color:var(--error)}.collapsed-summary-container{display:flex;flex-direction:column;padding:2px 14px var(--space-1) 14px;background:transparent;cursor:pointer;animation:fadeIn .2s ease}.collapsed-summary-container:hover{background:var(--gray-50)}.collapsed-summary-row{display:flex;align-items:center;padding:var(--space-2) 16px;transition:background .2s;width:100%}.collapsed-summary-row:hover{background:#00000008}.collapsed-summary-row:not(:last-child){border-bottom:1px dashed rgba(0,0,0,.05)}.summary-rank.rank-1{background:var(--primary);color:#fff}.summary-rank.rank-2{background:var(--gray-200);color:var(--gray-500);font-size:10px;padding:3px 6px;font-weight:600}.collapsed-summary-row .summary-info{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.collapsed-summary-row .summary-info .name{font-size:var(--font-size-xs);max-width:110px}.collapsed-summary-row .summary-info .price{font-size:var(--font-size-xs)}.summary-rank{font-weight:600!important;text-shadow:0 1px 1px rgba(0,0,0,.1);min-width:36px;text-align:center;border:1px solid rgba(255,255,255,.2)}.summary-rank.rank-1{background:linear-gradient(135deg,gold,#f59e0b);color:#fff;font-size:12px;padding:var(--space-1) 8px;box-shadow:0 2px 5px #f59e0b40}.summary-rank.rank-2{background:linear-gradient(135deg,#D1D5DB 0%,var(--gray-400) 100%);color:#fff;font-size:12px;padding:var(--space-1) 8px;box-shadow:0 2px var(--space-1) #9ca3af40}.summary-rank.rank-3{background:linear-gradient(135deg,#fdba74,#c2410c);color:#fff;font-size:12px;padding:var(--space-1) 8px;box-shadow:0 2px var(--space-1) #c2410c40}.summary-rank{width:32px;height:var(--space-6);min-width:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:600!important;padding:0;margin-right:var(--space-3);box-shadow:none!important;text-shadow:none!important;border:1px solid transparent!important}.summary-rank.rank-1{background:#fff7ed;color:#ea580c;border:1px solid #FED7AA!important}.summary-rank.rank-2{background:var(--gray-100);color:#4b5563;border:1px solid var(--gray-200)!important}.summary-rank.rank-3{background:#fafaf9;color:#78716c;border:1px solid #E7E5E4!important}.collapsed-summary-container{padding:0;border-radius:0 0 16px 16px;overflow:hidden}.collapsed-summary-row{padding:var(--space-3) 18px;border-bottom:1px solid #f5f5f5}.collapsed-summary-row:hover{background-color:#fcfcfc}.collapsed-summary-row .summary-info .name{color:var(--gray-800);font-size:var(--font-size-sm);font-weight:600}.collapsed-summary-row .summary-info .price{color:var(--gray-900);font-weight:600;font-size:var(--font-size-sm)}.collapsed-summary-row:first-child .summary-info .price{color:#ea580c}.summary-rank{width:auto!important;height:auto!important;min-width:36px;padding:3px 8px!important;white-space:nowrap!important;display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;border-radius:6px}@media(max-width:767px){.station-name{font-size:var(--font-size-sm)!important;margin-bottom:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.branding-row{margin-bottom:8px!important}.price-value{font-size:15px!important}.modern-route-btn{padding:var(--space-2) 0!important;font-size:12px!important}.close-info-btn{width:32px!important;height:32px!important;top:8px!important;right:8px!important;background:#0000000d!important}}.brand-badge{margin:0!important}.onnuri-tag{font-size:10px;background:#ff5a5f;color:#fff;padding:2px 5px;border-radius:var(--space-1);font-weight:600;line-height:1.2;display:flex;align-items:center}.price-container-compact{display:flex;flex-direction:column;margin:10px 0 14px;border-top:2px solid var(--gray-100);border-bottom:2px solid var(--gray-100);background:#fafafa;padding:0 10px;border-radius:var(--space-1)}.price-compact-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px dashed var(--gray-200)}.price-compact-row:last-child{border-bottom:none}.price-label{font-size:var(--font-size-xs);color:var(--gray-500);font-weight:600}.price-val{font-size:15px;font-weight:600;font-family:IBM Plex Sans KR,-apple-system,BlinkMacSystemFont,sans-serif}.price-val.gasoline{color:var(--error)}.price-val.diesel{color:var(--fuel-diesel)}.price-val.high-gasoline{color:var(--high-premium)}.filter-grid-container{padding:0 0 10px}.filter-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%}.filter-grid.region{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.filter-grid.brand{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--gray-50);padding:6px;border-radius:var(--space-3);box-shadow:0 2px 6px #0000000f}.filter-grid.region .filter-chip,.filter-grid.brand .filter-chip{flex:none;width:auto;text-align:center}.detail-toggle-btn{width:100%;padding:var(--space-3);border:1px dashed var(--gray-300);background:var(--gray-50);border-radius:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px;transition:all .2s}.detail-toggle-btn:hover{background:var(--gray-100);color:var(--gray-700);border-color:var(--text-muted)}.detail-toggle-btn.open{background:var(--primary-light);border-color:var(--primary);color:var(--primary);border-style:solid}.detail-filter-area{padding:11px 11px 0;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-section{margin-bottom:var(--space-3)}.filter-label{font-size:var(--font-size-2xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.slider-container.simple{padding:0 8px 16px;background:transparent;border:none}.fuel-type-toggle-group{display:flex;gap:var(--space-2);flex:1;margin-right:var(--space-3);align-items:center}.controls-header .fuel-type-toggle-group{flex-grow:1;margin-right:var(--space-3)}.onnuri-discount-banner{display:flex;justify-content:space-between;align-items:center;padding:6px var(--space-1) 3px;cursor:pointer;background:transparent}.onnuri-discount-banner.badge-banner{padding:2px var(--space-1) 6px}.onnuri-discount-banner:active{opacity:.7}.onnuri-discount-banner .banner-content{display:flex;align-items:center;font-size:var(--font-size-xs);font-weight:600;color:var(--gray-700);letter-spacing:-1.1px;-webkit-user-select:none;user-select:none;white-space:nowrap}.onnuri-icon{width:32px;height:32px;object-fit:contain;margin-right:8px;border-radius:var(--space-1)}.onnuri-discount-banner .highlight{color:var(--primary);font-weight:600;margin-left:5px;margin-right:2px}.custom-toggle{width:37px;height:21px;background-color:var(--gray-200);border-radius:99px;position:relative;transition:background-color .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.custom-toggle.checked{background-color:var(--toggle-color, var(--primary))}.custom-toggle .toggle-circle{width:17px;height:17px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.custom-toggle.checked .toggle-circle{transform:translate(16px)}.close-filter-btn{width:100%;padding:6px 0;margin-top:8px;background-color:transparent!important;border:none!important;box-shadow:none!important;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.close-filter-btn:hover{color:var(--text-secondary);background-color:transparent}.close-filter-btn:active{color:var(--gray-600);background-color:transparent;transform:none}.radius-search-panel{display:flex!important;flex-direction:column!important;max-height:calc(100% - 48px)!important;overflow:hidden!important}.radius-content{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.radius-results-list,.region-accordion-list{flex:1!important;overflow-y:auto!important;min-height:0!important;max-height:none!important}.radius-results-list{padding-bottom:var(--space-5)!important}.search-mode-tabs,.slider-container,.filter-grid,.controls-header,.detail-filter-area,.divider-line{flex-shrink:0!important}@media(min-width:768px){.radius-search-panel{max-height:calc(100vh - 55px)!important;height:calc(100vh - 55px)!important;overflow:hidden!important}}@media(max-width:767px){.radius-search-panel{max-height:calc(100vh - 120px)!important}}:root{--pop-blue: #3B82F6;--pop-blue-dim: #EFF6FF;--pop-red: #E5484D;--pop-red-dim: #FEF2F2;--pop-yellow: #FCD941;--pop-yellow-dim: #FEFBE8;--pop-green: #2FC178;--pop-green-dim: #E8F8EF;--pop-border: #E2E8F0;--pop-text: var(--gray-700);--radius-lg: 16px;--radius-full: 9999px}.fuel-type-btn{border:2px solid var(--pop-border);border-radius:var(--radius-full);font-weight:600;color:#64748b;background:#fff;box-shadow:0 2px #e2e8f0}.fuel-type-btn.active{background:var(--pop-red-dim);color:var(--pop-red);border-color:var(--pop-red);box-shadow:0 2px #e5484d;transform:translateY(-1px)}:root{--glass-dark-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--glass-border: 1px solid rgba(255, 255, 255, .6);--glass-bg: rgba(255, 255, 255, .65);--glass-blur: blur(16px)}.radius-search-panel.hidden{display:none!important;pointer-events:none!important;visibility:hidden!important;opacity:0!important}.fuel-type-btn{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:0 4px 12px #00000014!important;color:var(--text-secondary)!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;height:34px!important;padding:0 var(--space-3)!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;flex:1!important;min-width:0!important}.fuel-type-btn:hover{background:#ffffffa6!important;transform:translateY(-2px)!important;box-shadow:0 10px 20px #0000001f!important}.fuel-type-btn.fuel-gasoline.active{background:var(--error)!important;color:#fff!important;border:none!important;box-shadow:0 10px 15px -3px #eb535359,0 4px 6px -4px #eb535359!important;transform:translateY(-2px)!important}.fuel-type-btn.fuel-diesel.active{background:var(--fuel-diesel)!important;color:#fff!important;border:none!important;box-shadow:0 10px 15px -3px #36ae7c59,0 4px 6px -4px #36ae7c59!important;transform:translateY(-2px)!important}.fuel-type-btn.fuel-high.active{background:var(--high-premium)!important;color:#fff!important;border:none!important;box-shadow:0 10px 15px -3px #18749859,0 4px 6px -4px #18749859!important;transform:translateY(-2px)!important}.filter-chip{background:#fff;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:12px;box-shadow:0 4px 12px #00000008;color:var(--gray-600);font-size:var(--font-size-xs);font-size:12px;font-weight:600;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-chip:hover{background:#ffffffb3;transform:translateY(-2px)}.filter-chip:active{transform:translateY(2px);box-shadow:none}.filter-chip.active{color:#fff!important;border:none!important;transform:translateY(-2px)!important;position:relative;overflow:visible}.filter-chip.active:after{display:none}.filter-chip.sk.active{background:var(--error)!important;box-shadow:0 8px 20px #eb535373!important}.filter-chip.gs.active{background:var(--fuel-diesel)!important;box-shadow:0 8px 20px #36ae7c73!important}.filter-chip.soil.active{background:#e8b400!important;color:var(--gray-900)!important;box-shadow:0 8px 20px #e8b40073!important}.filter-chip.hd.active{background:var(--high-premium)!important;box-shadow:0 8px 20px #18749873!important}.filter-chip.altteul.active{background:#f1703e!important;box-shadow:0 8px 20px #f1703e73!important}.filter-chip.etc.active{background:#6b7280!important;box-shadow:0 8px 20px #6b728073!important}.filter-chip.benefit{color:var(--gray-900)}.filter-chip.benefit.active{background:var(--benefit-color, var(--primary))!important;box-shadow:0 8px 20px #00000040!important;color:#fff!important}.filter-chip.active:not(.sk):not(.gs):not(.soil):not(.hd):not(.altteul):not(.etc):not(.benefit){background:var(--primary)!important;box-shadow:0 8px 20px #ffe60073!important}.search-mode-tabs{flex:1;display:flex;justify-content:center;margin:0;background:transparent;border:none}.mode-tab{flex:1;padding:4px 0;font-size:14px;font-weight:600;color:var(--muted-foreground);background:transparent;border:none;margin-bottom:-1px;border-radius:0;cursor:pointer;transition:color .15s ease;position:relative}.mode-tab:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:1.5px;background-color:var(--foreground);transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);border-radius:1px}.section-title-container{padding-left:16px!important;padding-right:16px!important;display:flex;align-items:center;margin-bottom:var(--space-3);height:32px}.section-title-text{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;padding:0}.mode-tab:hover{color:var(--foreground)}.mode-tab.active{color:var(--foreground);font-weight:600}.mode-tab.active:after{transform:scaleX(1)}.filter-icon-btn{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:0 4px 12px #00000014!important;border-radius:12px!important;width:34px!important;height:34px!important;min-width:34px!important;color:var(--text-secondary)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.filter-icon-btn:hover{background:#ffffffa6!important;transform:translateY(-2px)!important;box-shadow:0 8px 16px #0000001a!important}.filter-icon-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 6px 15px #ffe6004d!important;transform:translateY(-1px)!important}.onnuri-badge{display:inline-flex;align-items:center;background:transparent;color:#fa5b1e;border:1px solid #FFD8C2;font-size:12px;font-weight:600;padding:6px 12px;border-radius:100px;letter-spacing:-.3px;box-shadow:0 2px 8px #ff6b0014;transition:all .2s ease}.onnuri-badge:before{content:none}@keyframes infoSlideUp{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.info-window-wrapper{animation:infoSlideUp .28s cubic-bezier(.34,1.4,.64,1) both;transform-origin:bottom center;will-change:transform,opacity;filter:drop-shadow(0 6px 18px rgba(0,0,0,.13));display:inline-block}.info-window-card{background:#fff;width:231px;padding:10px 10px 6px;border-radius:18px;font-family:IBM Plex Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;cursor:default;z-index:0}.guestbook-entry-content{word-break:break-all;overflow-wrap:anywhere;white-space:normal;width:100%}.info-window-card:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:var(--space-3) solid #ffffff;z-index:-1}.info-header{display:flex;justify-content:space-between;align-items:center;min-height:22px;margin-bottom:10px;padding-right:36px}.badges-row{display:flex;align-items:center;gap:6px}.badge-stack{position:relative;height:26px;flex-shrink:0;cursor:pointer}.badge-stack:before{content:"";position:absolute;inset:-160px -6px -4px;pointer-events:none;z-index:0}.badge-stack:hover:before,.badge-stack.expanded:before{pointer-events:auto}.badge-fan-item{position:absolute;bottom:0;left:0;width:26px;height:26px;border-radius:100px;background:var(--bg, #fa5b1e);box-shadow:0 0 0 2px #fff;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;transform:translate(var(--cx, 0px));transition:transform .35s cubic-bezier(.34,1.56,.64,1) var(--delay, 0s),width .32s cubic-bezier(.34,1.56,.64,1) var(--delay, 0s);gap:0;padding:0 5px;box-sizing:border-box}.bfi-overflow-item{background:#f3f4f6;box-shadow:0 0 0 2px #fff}.bfi-short{color:var(--tc, white);font-size:11px;font-weight:700;font-family:Pretendard Variable,-apple-system,blinkmacsystemfont,system-ui,sans-serif;flex-shrink:0;max-width:20px;overflow:hidden;transition:max-width .15s ease,opacity .15s ease}.bfi-overflow-item .bfi-short{color:#6b7280;font-size:9px}.bfi-full{color:var(--tc, white);font-size:11px;font-weight:700;max-width:0;overflow:hidden;opacity:0;transition:max-width .28s ease var(--delay, 0s),opacity .2s ease var(--delay, 0s);font-family:Pretendard Variable,-apple-system,blinkmacsystemfont,system-ui,sans-serif;letter-spacing:-.3px;white-space:nowrap;pointer-events:none}.badge-stack:hover .bfi-short,.badge-stack.expanded .bfi-short{max-width:0;overflow:hidden;opacity:0;transition:max-width .15s ease,opacity .15s ease}.badge-stack:hover .badge-fan-item,.badge-stack.expanded .badge-fan-item{transform:translateY(var(--ey, 0px));width:120px;gap:0}.badge-stack:hover .bfi-overflow-item,.badge-stack.expanded .bfi-overflow-item{width:36px}.badge-stack:hover .bfi-full,.badge-stack.expanded .bfi-full{max-width:100px;opacity:1}.close-btn{background:var(--gray-100);border:none;width:var(--space-6);height:var(--space-6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);cursor:pointer;transition:all .2s;flex-shrink:0}.close-btn:hover{background:var(--gray-200);color:var(--gray-500)}.close-btn-minimal{position:absolute;top:7px;right:7px;background:none;border:none;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--gray-400);cursor:pointer;transition:color .15s ease;z-index:10}.close-btn-minimal:hover{color:var(--gray-600)}.station-title-row{display:flex;align-items:center;gap:3px;margin-bottom:var(--space-1)}.station-name{font-size:15px;font-weight:700;color:var(--gray-900);margin:0;line-height:1.4}.station-address-row{display:flex;align-items:center;gap:2px;margin-bottom:8px}.address-text{font-size:12px;font-weight:600;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;line-height:1.4}.copy-btn{background:none;border:none;padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--space-1);transition:background .2s;color:var(--gray-400)}.copy-btn:hover{background:var(--gray-100);color:var(--gray-500)}.price-panel{background:transparent;border:none;padding:0;margin-bottom:0;display:flex;flex-direction:column}.minimal-divider{height:1px;background:#0000000d;margin:1px 0 8px;width:100%}.price-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed var(--gray-200)}.price-row:last-child{border-bottom:none}.price-label{display:flex;align-items:center;gap:var(--space-1);font-size:12px;color:var(--gray-500);font-weight:600}.price-label svg{color:var(--gray-400)}.price-value{display:flex;align-items:baseline;gap:1px;margin-left:1px}.price-value .val{font-size:var(--font-size-xs);font-weight:600;line-height:1}.info-ad-placeholder{margin-top:var(--space-3);background:#fff;position:relative;border-radius:var(--space-1)}.info-ad-placeholder iframe{display:block!important}.price-value.gasoline .val{color:var(--error)}.price-value.diesel .val{color:var(--fuel-diesel)}.price-value.high-gasoline .val{color:var(--high-premium)}.action-buttons{position:relative;display:flex;align-items:stretch;gap:8px;width:100%}.action-btn{flex:1;height:40px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s,box-shadow .2s;border:none;cursor:pointer}.action-btn:active{transform:scale(.96)}.action-btn:hover{opacity:.9}.action-btn.nav-primary{flex:6;color:#fff;background-color:var(--nav-blue);font-weight:600;box-shadow:none}.action-btn.nav-primary:hover{background-color:var(--nav-blue-hover)}.nav-count-badge:not(:empty){font-size:10px;font-weight:600;opacity:.75;letter-spacing:-.3px;line-height:1}.web-nav-dial{position:absolute;bottom:calc(100% + 12px);right:0;background:#fff;padding:8px;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);z-index:1000}.web-nav-dial.show{opacity:1;transform:translateY(0);pointer-events:auto}.nav-dial-btn{width:44px;height:44px;border-radius:12px;border:none;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}.nav-dial-btn:hover{transform:scale(1.05)}.tmap-btn{background:#000}.naver-btn{background:#03c75a}.kakao-btn{background:#fee500;color:#000!important}.action-icon-group{flex:4;min-width:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background-color:#f3f4f6;border-radius:14px;overflow:hidden}.action-icon-divider{width:1px;height:18px;background-color:#d1d5db;flex-shrink:0}.info-favorite-btn,.action-icon-btn{width:100%;height:100%;min-width:0;padding:0 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;cursor:pointer;transition:opacity .2s;background-color:transparent;color:var(--foreground)}.fav-count-badge:not(:empty),.share-count-badge:not(:empty){font-size:10px;font-weight:600;opacity:.6;letter-spacing:-.3px;line-height:1}.info-favorite-btn:hover,.action-icon-btn:hover{opacity:.7}.info-favorite-btn:active,.action-icon-btn:active{opacity:.5}.settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:var(--space-5);opacity:0;pointer-events:none;transition:opacity .25s ease}.settings-modal-overlay.open{opacity:1;pointer-events:auto}@media(max-width:768px){.settings-modal-overlay{padding:0;align-items:flex-end}.settings-modal{width:100%!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:var(--space-6) var(--space-6) 0 0!important;overflow-y:auto;overflow-x:hidden;bottom:0;margin-bottom:0;--drag-offset: 0px;will-change:transform;transform:translateY(100dvh)!important;transition:transform .35s cubic-bezier(.16,1,.3,1)}.settings-modal.trend-modal{height:100dvh!important;max-height:100dvh!important}.settings-modal-overlay.open .settings-modal{transform:translateY(max(0px,var(--drag-offset, 0px)))!important}.settings-header h2{font-size:22px!important}.settings-header .close-btn{display:none!important}.menu-item{font-size:var(--font-size-sm)!important;padding:14px 18px!important}.app-version{font-size:var(--font-size-2xs)!important}}.settings-modal{width:420px;max-width:90vw;height:80vh;max-height:800px;background:var(--bg-card);border-radius:var(--space-5);box-shadow:var(--shadow-lg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden;display:flex;flex-direction:column;z-index:10001;--drag-offset: 0px;will-change:transform;opacity:0;transform:translateY(20px) scale(.95);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease}.settings-modal-overlay.open .settings-modal{opacity:1;transform:translateY(0) scale(1)}@keyframes slideUpPop{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUpPopMobile{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.settings-header{padding:var(--space-5) var(--space-6) var(--space-3);background:var(--bg-card);flex-shrink:0;z-index:10;border-bottom:1px solid rgba(0,0,0,.05)}.settings-header .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.settings-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.settings-header .subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.settings-header .close-btn{background:var(--gray-100);border:none;width:30px;height:30px;border-radius:50%;padding:0;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background .2s}.settings-header .close-btn:hover{background:var(--gray-200);color:var(--text-primary)}.settings-content{padding:var(--space-4) 16px 8px;flex:1;overflow-y:auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-6)}.settings-section h3{padding:0 8px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2) 0;letter-spacing:var(--tracking-tight)}.menu-list{background:var(--bg-card);border-radius:18px;overflow:hidden;border:1px solid var(--border-base);box-shadow:var(--shadow-sm)}.icon-preview-circle{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-preview-diamond{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);overflow:hidden}.icon-preview-gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.icon-preview-dark{background:#1c1c1e}.icon-preview-purple{background:linear-gradient(to bottom,#6d28d9,#c4b5fd)}.icon-preview-rocket{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.icon-option-list{display:flex;flex-direction:column;gap:4px}.icon-option-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-align:left}.icon-option-item:hover{background:var(--accent)}.icon-option-item.active{border-color:#111827;background:transparent}.icon-option-label{flex:1;font-size:14px;font-weight:500;color:var(--foreground)}.icon-option-radio{width:18px;height:18px;border-radius:50%;border:2px solid #D1D5DB;flex-shrink:0;transition:border-color .15s ease;position:relative}.icon-option-radio.checked{border-color:#111827}.icon-option-radio.checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#111827}.menu-item{display:flex;align-items:center;padding:14px 16px;width:100%;text-align:left;border:none;background:transparent;color:var(--gray-800);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease;border-bottom:1px solid rgba(0,0,0,.04)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:var(--gray-50)}.icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);background:var(--gray-50);color:var(--primary);border-radius:var(--space-3);flex-shrink:0;transition:all .2s ease}.menu-item:hover .icon-wrapper{background:var(--primary-light);transform:scale(1.05)}.menu-item .arrow{margin-left:auto;color:var(--text-muted);opacity:.5}.app-version{text-align:center;padding:var(--space-2) var(--space-5) var(--space-3);font-size:var(--font-size-2xs);color:var(--text-muted);font-weight:600}@media(max-width:768px){.radius-search-panel{position:fixed!important;inset:auto 0 0!important;width:100%!important;min-width:100%!important;max-width:100%!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;height:100dvh!important;max-height:100dvh!important;overflow-x:hidden;border-radius:var(--space-6) var(--space-6) 0 0!important;--drag-offset: 0px;transform:translateY(calc(100% - 240px + var(--drag-offset)));transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:0 -4px var(--space-5) #00000026!important;display:flex;flex-direction:column;z-index:9999!important;margin:0!important;padding-bottom:env(safe-area-inset-bottom)}.radius-search-panel.expanded{transform:translateY(max(0px,var(--drag-offset, 0px)))!important}.radius-search-panel.hidden{transform:translateY(calc(110% + var(--drag-offset)))!important;display:flex!important}.radius-content{flex:1;min-height:0;overflow-y:hidden;overflow-x:hidden;position:relative}.radius-results-list,.region-accordion-list{flex:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom) + 30px);padding-right:6px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.radius-results-list::-webkit-scrollbar,.region-accordion-list::-webkit-scrollbar{width:6px!important;display:block!important}.radius-results-list::-webkit-scrollbar-thumb,.region-accordion-list::-webkit-scrollbar-thumb{background-color:#00000026!important;border-radius:99px!important;background-clip:padding-box;border:1px solid transparent!important;transition:background-color .2s}.radius-results-list::-webkit-scrollbar-thumb:hover,.region-accordion-list::-webkit-scrollbar-thumb:hover{background-color:#00000040!important}.radius-results-list::-webkit-scrollbar-track,.region-accordion-list::-webkit-scrollbar-track{background:transparent!important}.radius-results-list{max-height:none!important;overflow-y:auto!important;flex:1}.sheet-handle-bar{width:100%;height:32px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;background:transparent;flex-shrink:0;z-index:10}.sheet-handle-bar:active{cursor:grabbing}.sheet-handle-indicator{width:40px;height:var(--space-1);background:#0000001f;border-radius:99px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.sheet-handle-bar:hover .sheet-handle-indicator,.sheet-handle-bar:active .sheet-handle-indicator{background:#0003}.radius-search-panel .close-icon-btn{display:none}.toggle-btn-container,.expand-btn-container,.collapse-btn-container{display:none!important}.radius-header{padding-top:var(--space-1);padding-bottom:var(--space-3);touch-action:none}.collapsed-summary-container{padding-bottom:var(--space-5)}}.onnuri-confirm-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10003;display:flex;align-items:center;justify-content:center}.onnuri-confirm-dialog{background:var(--bg-card);border-radius:var(--apple-radius-large);box-shadow:var(--shadow-lg);padding:var(--space-5);width:272px;max-width:calc(100vw - var(--space-8));opacity:0;transform:translateY(20px) scale(.95);animation:onnuriDialogIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes onnuriDialogIn{to{opacity:1;transform:translateY(0) scale(1)}}.onnuri-confirm-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.onnuri-confirm-desc{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-5)}.onnuri-confirm-actions{display:flex;gap:var(--space-2)}.onnuri-confirm-cancel,.onnuri-confirm-ok{flex:1;padding:var(--space-2) var(--space-5);border-radius:var(--apple-radius-large);border:none;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;font-family:inherit;transition:all .2s ease}.onnuri-confirm-cancel{background:var(--gray-100);color:var(--text-secondary)}.onnuri-confirm-cancel:hover{background:var(--gray-200);color:var(--text-primary)}.onnuri-confirm-ok{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-orange)}.onnuri-confirm-ok:hover{box-shadow:0 12px 24px #ffe60059}.bottom-nav-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:0;animation:slideUpNav .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideUpNav{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-nav{background:#fff;border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -1px 10px #00000008;display:flex;align-items:center;justify-content:space-around;height:calc(54px + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px) 4px;position:relative;box-sizing:border-box;transition:background .3s ease,backdrop-filter .3s ease}.bottom-nav.is-glass{backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#fff;border-top:1px solid rgba(255,255,255,.8);box-shadow:0 -10px 20px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;cursor:pointer;flex:1;position:relative;height:100%}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:29px;width:29px}.nav-discount-badge{font-size:19px;font-weight:500;letter-spacing:-.5px;color:var(--gray-500);align-self:flex-end;margin-bottom:8px;line-height:1}.nav-item.active .nav-discount-badge{color:var(--primary)}.nav-icon-bg{position:absolute;inset:0;background:var(--primary-light);border-radius:50%;transform:scale(1.1);filter:blur(8px);opacity:.6}.nav-icon{font-size:var(--font-size-2xl);width:24px!important;height:24px!important;color:var(--text-secondary);transition:color .2s ease}.nav-item:active .nav-icon{color:var(--primary)}.nav-item.active .nav-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-light));font-variation-settings:"FILL" 1,"wght" 500}.nav-label{font-size:10px;font-weight:600;color:var(--text-secondary);line-height:1;text-align:center;display:block}.nav-center-wrap{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:6px;height:100%}.nav-center-btn{width:48px;height:48px;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:14px;transform:translate(-50%) rotate(45deg);filter:drop-shadow(0 4px 8px rgba(107,114,128,.7));display:flex;align-items:center;justify-content:center;border:3px solid #ffffff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;left:50%;top:-20px;z-index:10}.nav-center-btn.is-glass{background:#6b7280;border:3px solid #ffffff;border-radius:14px;transform:translate(-50%) rotate(45deg)}.nav-center-btn.is-batman{width:53px;height:53px;background:#1c1c1e;border:3px solid #ffffff;border-radius:50%;transform:translate(-50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.nav-center-btn.is-batman:active{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.nav-center-btn.is-bike{width:53px;height:53px;background:linear-gradient(to bottom,#6d28d9,#c4b5fd);border:3px solid #ffffff;border-radius:50%;transform:translate(-50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.nav-center-img-bike{animation:bike-ride 1.2s ease-in-out 1}@keyframes bike-ride{0%{transform:rotate(0)}15%{transform:rotate(-10deg)}35%{transform:rotate(8deg)}55%{transform:rotate(-6deg)}75%{transform:rotate(4deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}.nav-center-btn.is-rocket{width:48px;height:48px;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:3px solid #ffffff;border-radius:14px;transform:translate(-50%) rotate(45deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.nav-center-img-standard{transform:rotate(-45deg);animation:road-exit-rock 1.2s ease-in-out 1}.nav-center-img-sticker{transform:rotate(-135deg) translateY(-1px);animation:car-drive 1.2s ease-in-out 1}.nav-center-wrap .nav-label{position:absolute;bottom:4px;left:0;right:0;text-align:center}.nav-center-wrap.active .nav-label{color:var(--primary);font-weight:600}@keyframes road-exit-rock{0%{transform:rotate(-45deg)}15%{transform:rotate(-60deg)}35%{transform:rotate(-30deg)}55%{transform:rotate(-55deg)}75%{transform:rotate(-35deg)}90%{transform:rotate(-48deg)}to{transform:rotate(-45deg)}}@keyframes car-drive{0%{transform:rotate(-135deg)}15%{transform:rotate(-150deg)}35%{transform:rotate(-120deg)}55%{transform:rotate(-145deg)}75%{transform:rotate(-125deg)}90%{transform:rotate(-138deg)}to{transform:rotate(-135deg)}}.nav-center-btn:active{transform:scale(.92)}.nav-center-btn .lucide{color:#fff}.fav-cards-wrapper{position:fixed;bottom:77px;left:0;right:0;z-index:45;pointer-events:none;animation:slideUpFav .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideUpFav{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fav-cards-container{padding:0 16px 12px;display:flex;overflow-x:auto;gap:12px;pointer-events:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.fav-cards-container::-webkit-scrollbar{display:none}.fav-card{background:#fff;border-radius:18px;padding:8px 14px;min-width:210px;max-width:210px;box-shadow:0 8px 24px #0000001f;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.fav-card:active{transform:scale(.96) translateY(2px);background:#fff}.fav-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.fav-card .station-info{flex:1;min-width:0}.fav-card .station-name{font-size:14px;font-weight:600;color:var(--gray-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.4px}.fav-card .station-address{font-size:12px;color:var(--gray-500);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-card .brand-badge-small{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.fav-card .price-section{display:flex;align-items:center;justify-content:space-between;padding-top:2px}.fav-card .price-info-cycling{height:32px;overflow:hidden;position:relative;display:flex;flex-direction:column}.price-cycle-item{display:flex;flex-direction:column;animation:fuelFadeIn .45s ease-out both}@keyframes fuelFadeIn{0%{opacity:0;transform:translateY(5px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fav-card .price-label{font-size:11px;color:var(--gray-400);font-weight:600;line-height:1.2}.fav-card .price-value{font-size:15px;font-weight:600;color:var(--primary);font-family:inherit;letter-spacing:-.5px;line-height:1.1}.fav-card .price-value.gasoline{color:var(--error)}.fav-card .price-value.diesel{color:var(--fuel-diesel)}.fav-card .price-value.high-gasoline{color:var(--high-premium)}.fav-card .price-value.discounted{color:var(--primary)!important}.fav-card .nav-actions{display:flex;gap:6px}.fav-mini-btn{width:52px;height:36px;border-radius:var(--apple-radius-large);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .1s,box-shadow .1s,opacity .2s;box-shadow:0 4px 10px #0000001a,0 2px 4px #00000014}.fav-mini-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000026,0 4px 6px -4px #0000001a}.fav-mini-btn:active{transform:scale(.96);opacity:.9}.fav-mini-btn.naver{background:#03c75a;box-shadow:0 4px 10px #03c75a59,0 2px 4px #03c75a40}.fav-mini-btn.naver:hover{box-shadow:0 10px 15px -3px #03c75a66,0 4px 6px -4px #03c75a4d}.fav-mini-btn.kakao{background:#fae100;box-shadow:0 4px 10px #fae10066,0 2px 4px #fae1004d}.fav-mini-btn.kakao:hover{box-shadow:0 10px 15px -3px #fae10073,0 4px 6px -4px #fae10059}.fav-mini-btn.nav-primary{background-color:var(--nav-blue);color:#fff;box-shadow:0 10px 15px -3px #137fec2d,0 4px 6px -4px #137fec2d}.fav-mini-btn.nav-primary:hover{box-shadow:none;opacity:.9}@media(min-width:768px){.fav-cards-wrapper{position:absolute;left:calc(var(--space-6) + 360px);top:58px;bottom:auto;right:auto;width:222px;animation:slideInFavWeb .35s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideInFavWeb{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.fav-cards-container{flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 158px);scrollbar-width:none;padding:0 0 12px}.fav-card{min-width:unset;max-width:unset;width:100%}}.price-stack{display:flex;flex-direction:column;align-items:flex-end;gap:0}.original-price-tiny{text-decoration:line-through;text-decoration-color:#ffffff73;font-size:10px;opacity:.8;font-weight:600;font-family:sans-serif;line-height:1}.pylon-price-row{display:flex;align-items:baseline;gap:4px}.pylon-saved{font-size:10px;font-weight:600;font-family:inherit;color:#ffffffe6;background:#00000026;border-radius:4px;padding:1px 5px;line-height:1.4;letter-spacing:-.2px;white-space:nowrap}.onnuri-badge-wrapper{margin:8px 0 12px}.no-price-value{font-size:14px;color:#9ca3af;font-weight:600}.pylon-marker .pylon-label{font-size:12px;font-weight:600;opacity:.95;color:#fff}.pylon-marker .pylon-price{font-size:12px;font-weight:600;letter-spacing:-.5px;color:#fff}.pylon-station-name{font-size:11px;font-weight:600;color:#1f2937;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;letter-spacing:-.3px;background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;margin-bottom:3px;align-self:flex-start}.pylon-marker .pylon-row{justify-content:space-between!important;gap:4px!important;padding:2px 8px!important;min-height:30px!important;color:#fff!important}.pylon-marker .no-price-value{font-size:12px;font-weight:600;color:#fff;opacity:.85}@keyframes navPopLeft{0%{opacity:0;transform:translate(-24px,24px) scale(.85)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes navPopRight{0%{opacity:0;transform:translate(24px,24px) scale(.85)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes navPopUp{0%{opacity:0;transform:translateY(28px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-modal-btn-left{animation:navPopLeft .35s cubic-bezier(.34,1.56,.64,1) both}.nav-modal-btn-center{animation:navPopUp .35s .05s cubic-bezier(.34,1.56,.64,1) both}.nav-modal-btn-right{animation:navPopRight .35s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes navFanLeft{0%{opacity:0;transform:translate(16px,12px) scale(.75)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes navFanRight{0%{opacity:0;transform:translate(-16px,12px) scale(.75)}to{opacity:1;transform:translate(0) scale(1)}}.nav-inline-naver{animation:navFanLeft .38s cubic-bezier(.34,1.56,.64,1) both}.nav-inline-kakao{animation:navFanRight .38s .06s cubic-bezier(.34,1.56,.64,1) both}.modal-overlay{position:fixed;inset:0;background:#0006;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.open{opacity:1;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{background:#fff;width:100%;max-width:650px;border-radius:var(--radius-lg);position:relative;box-shadow:var(--shadow-lg);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;will-change:transform,opacity;--drag-offset: 0px;opacity:0;transform:translateY(20px) scale(.95);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease}.modal-overlay.open .modal-content{opacity:1;transform:translateY(0) scale(1)}.sheet-handle-bar{width:100%;height:var(--space-8);display:none;justify-content:center;align-items:center;cursor:grab;flex-shrink:0;z-index:10;touch-action:none}.sheet-handle-indicator{width:40px;height:4px;background:#0000001f;border-radius:99px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sheet-handle-bar:hover .sheet-handle-indicator,.sheet-handle-bar:active .sheet-handle-indicator{background:#0003}.modal-header{padding:var(--space-5) var(--space-6) var(--space-3);background:#fff;flex-shrink:0;z-index:10;border-bottom:none}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.modal-header h2{font-size:18px;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.3px}.modal-header .subtitle{font-size:13px;font-weight:500;color:var(--muted-foreground);line-height:var(--leading-normal);margin-bottom:var(--space-2)}.modal-header .header-detail{font-size:13px;color:var(--gray-600);line-height:1.5;margin-bottom:var(--space-4)}.promo-banner{background:linear-gradient(135deg,#f97316,#ea580c);padding:var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);color:#fff;box-shadow:0 4px 12px #ea580c26;text-align:left;position:relative;overflow:hidden}.promo-badge{display:inline-block;background:#ffffff26;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.25);z-index:1;position:relative}.promo-banner-title{font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.02em;z-index:1;position:relative}.promo-banner-detail{font-size:13px;line-height:1.6;opacity:.9;font-weight:600;word-break:keep-all;z-index:1;position:relative;margin:0}.promo-banner-text{font-size:15px;font-weight:900;letter-spacing:-.01em;background:#fff3;padding:8px 16px;border-radius:100px;width:100%;z-index:1;position:relative}.modal-content .close-btn{position:absolute;top:var(--space-5);right:var(--space-5);background:transparent;border:none;width:30px;height:30px;border-radius:var(--radius-sm);padding:0;cursor:pointer;color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;z-index:20}.modal-scrollable-form{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-4) var(--space-6) var(--space-8);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.modal-scrollable-form::-webkit-scrollbar{width:6px}.modal-scrollable-form::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:99px;border:1px solid transparent;background-clip:padding-box;transition:background-color .2s}.modal-scrollable-form::-webkit-scrollbar-thumb:hover{background-color:#00000040}.modal-scrollable-form::-webkit-scrollbar-track{background:transparent}.modal-scrollable-form .promo-banner{margin-bottom:var(--space-6)}.modal-content .close-btn:hover{background:var(--accent);color:var(--foreground)}.form-section{margin-bottom:var(--space-6)}.section-label{font-size:13px;color:var(--foreground);margin-bottom:var(--space-3);font-weight:600;display:block;letter-spacing:-.1px}.input-group{display:flex;flex-direction:column;gap:var(--space-3)}.input-row{display:grid;grid-template-columns:4fr 6fr;gap:var(--space-3)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--foreground);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;line-height:var(--leading-normal)}.input-field:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)}.input-field::placeholder{color:var(--muted-foreground)}.checkbox-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.checkbox-pill{position:relative}.checkbox-pill input{position:absolute;opacity:0;width:0;height:0}.checkbox-pill label{display:inline-block;padding:var(--space-2) var(--space-5);background:#fff;border:1px solid var(--border-base);border-radius:100px;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);transition:all .2s;line-height:var(--leading-normal)}.checkbox-pill input:checked+label{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 6px -1px var(--primary-light)}.checkbox-pill label:hover{background:#f9fafb}.textarea-field{width:100%;padding:var(--space-3) var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--foreground);min-height:100px;resize:none;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;display:block;line-height:var(--leading-normal)}.textarea-field:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)}.textarea-field::placeholder{color:var(--muted-foreground)}.status-message{padding:10px var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);margin-bottom:var(--space-2);text-align:left;font-size:13px;font-weight:600;border:1px solid}.status-message.success{background-color:transparent;color:#16a34a;border-color:#bbf7d0}.status-message.error{background-color:transparent;color:#dc2626;border-color:#fecaca}.modal-footer{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);align-items:center;width:100%}.submit-btn{background:var(--primary);color:#fff;padding:10px var(--space-8);border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;box-shadow:none;transition:opacity .15s,background .15s;display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center;line-height:var(--leading-none)}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:active:not(:disabled){opacity:.85}.submit-btn.success,.submit-btn.success:disabled{background:#22c55e;color:#fff;cursor:default;opacity:1}.submit-btn:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:1}.mini-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.terms-check-wrapper{display:flex;align-items:center;gap:var(--space-3);margin-right:auto;color:var(--muted-foreground);font-size:13px}.terms-check-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end;background:#0006}.modal-content{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;height:calc(100% - 92px)!important;height:calc(100vh - 92px)!important;height:calc(100dvh - 92px)!important;max-height:calc(100% - 92px)!important;max-height:calc(100vh - 92px)!important;max-height:calc(100dvh - 92px)!important;margin-bottom:0;bottom:0;opacity:1!important;transform:translateY(100%)!important;transform:translateY(100vh)!important;transform:translateY(100dvh)!important;transition:transform .35s cubic-bezier(.16,1,.3,1)}.modal-overlay.open .modal-content{transform:translateY(var(--drag-offset, 0px))!important}.modal-content .close-btn{display:none!important}.sheet-handle-bar{display:flex}.modal-header{padding:8px 24px 16px}.modal-scrollable-form{padding:0 24px 32px;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.modal-scrollable-form::-webkit-scrollbar{width:6px!important;display:block!important}.modal-scrollable-form::-webkit-scrollbar-thumb{background-color:#00000026!important;border-radius:99px!important;background-clip:padding-box;border:1px solid transparent!important}.modal-scrollable-form::-webkit-scrollbar-thumb:hover{background-color:#00000040!important}.modal-scrollable-form::-webkit-scrollbar-track{background:transparent!important}.input-row{grid-template-columns:1fr;gap:12px}.modal-header h2{font-size:18px}.modal-header .subtitle,.section-label,.input-field,.textarea-field{font-size:13px}.modal-footer{flex-direction:column;gap:16px}.submit-btn{width:100%;font-size:14px;padding:14px}.terms-check-wrapper{justify-content:flex-start;margin-right:0;text-align:left;width:100%;font-size:13px}}.email-input-wrapper{position:relative;width:100%}.email-suggestions{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);margin-top:4px;padding:4px;list-style:none;box-shadow:0 4px 12px #00000014;z-index:50;overflow:hidden;max-height:200px;overflow-y:auto}.email-suggestions li{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--foreground);border-radius:var(--radius-sm);transition:background-color .15s}.email-suggestions li:hover,.email-suggestions li.highlighted{background-color:var(--accent);color:var(--foreground)}.email-suggestions li b{font-weight:700}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.char-counter{font-size:12px;color:var(--muted-foreground);font-weight:500}.char-counter.limit-reached{color:var(--error)}.banner-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .3s ease-out forwards}.banner-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 40px),360px);max-height:92dvh;z-index:9999;border-radius:28px;box-shadow:0 24px 48px -12px #00000040,0 0 0 1px color-mix(in srgb,currentColor 10%,transparent) inset;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;animation:bannerPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.banner-slider{position:relative;width:calc(100% - 48px);margin:24px auto 0;border-radius:16px;aspect-ratio:16 / 10;max-height:50dvh;overflow:hidden;flex-shrink:0}.banner-slider-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.banner-slider-img{min-width:100%;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.banner-slider-prev,.banner-slider-next{position:absolute;top:50%;transform:translateY(-50%);background:none;color:#ffffffb3;border:none;width:28px;height:48px;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s;text-shadow:0 1px 6px rgba(0,0,0,.4)}.banner-slider-prev:hover,.banner-slider-next:hover{color:#fff}.banner-slider-prev{left:6px}.banner-slider-next{right:6px}.banner-slider-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px}.banner-slider-dot{width:7px;height:7px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.banner-slider-dot.active{background:#fff;transform:scale(1.3)}.banner-content{padding:44px 24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.banner-slider+.banner-content{padding-top:24px}.banner-icon-wrapper{width:56px;height:56px;border-radius:20px;background:color-mix(in srgb,currentColor 8%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 16px color-mix(in srgb,currentColor 6%,transparent)}.banner-message{margin:0;width:100%;font-size:14px;font-weight:600;line-height:1.6;letter-spacing:-.02em;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word}.banner-footer{display:flex;flex-direction:column;padding:0 20px 20px;gap:8px;position:sticky;bottom:0;z-index:1}.banner-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;width:100%}.banner-link:active{transform:scale(.98)}.banner-link:hover{filter:brightness(1.1)}.banner-btn-row{display:flex;gap:8px}.banner-action-btn{flex:1;padding:13px 0;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .15s}.banner-action-btn:active{transform:scale(.97)}.banner-action-btn--ghost{background:color-mix(in srgb,currentColor 8%,transparent);opacity:.65}.banner-action-btn--ghost:hover{opacity:.9}.banner-action-btn--solid{opacity:1}.banner-action-btn--solid:hover{opacity:.85}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bannerPopIn{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@font-face{font-family:Pretendard Variable;font-weight:100 900;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2")}@layer theme{:root,:host{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--radius-sm:calc(var(--radius) * .75);--radius-md:var(--radius);--radius-lg:calc(var(--radius) * 1.5);--radius-xl:calc(var(--radius) * 2);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[999\]{z-index:999}.z-\[110000\]{z-index:110000}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.min-h-16{min-height:calc(var(--spacing) * 16)}.w-\(--anchor-width\){width:var(--anchor-width)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[96px\]{min-width:96px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-4xl{border-radius:calc(var(--radius) * 4)}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:calc(var(--radius) * 1.5)}.rounded-md{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) * 2)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 2);border-top-right-radius:calc(var(--radius) * 2)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 2);border-bottom-left-radius:calc(var(--radius) * 2)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-left{text-align:left}.font-heading{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-blue-900{color:var(--color-blue-900)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-emerald-600{color:var(--color-emerald-600)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.text-gray-600{color:var(--color-gray-600)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.bg-blend-color{background-blend-mode:color}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--accent-foreground)}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-aria-expanded\/accordion-trigger\:hidden:is(:where(.group\/accordion-trigger)[aria-expanded=true] *){display:none}.group-aria-expanded\/accordion-trigger\:inline:is(:where(.group\/accordion-trigger)[aria-expanded=true] *){display:inline}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing) * 8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *){height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-border:after{content:var(--tw-content);border-color:var(--border)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus,:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:after\:border-ring:focus-visible:after{content:var(--tw-content);border-color:var(--ring)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:calc(var(--radius) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 4)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-ending-style\:h-0[data-ending-style]{height:calc(var(--spacing) * 0)}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-popup-open\:bg-accent[data-popup-open]{background-color:var(--accent)}.data-popup-open\:text-accent-foreground[data-popup-open]{color:var(--accent-foreground)}.data-starting-style\:h-0[data-starting-style]{height:calc(var(--spacing) * 0)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start],.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:max-w-xs[data-size=default]{max-width:var(--container-xs)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot=accordion-trigger-icon]{margin-left:auto}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot=accordion-trigger-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *)[data-slot=accordion-trigger-icon]{color:var(--muted-foreground)}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-sm[data-size=default]{max-width:var(--container-sm)}}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-pretty{text-wrap:pretty}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-gray-950:is(.dark *){background-color:var(--color-gray-950)}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}.dark\:after\:mix-blend-lighten:is(.dark *):after{content:var(--tw-content);mix-blend-mode:lighten}@media(hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.dark\:hover\:text-foreground:is(.dark *):hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.data-open\:animate-accordion-down:where([data-state=open]),.data-open\:animate-accordion-down:where([data-open]:not([data-open=false])){animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:bg-accent:where([data-state=open]),.data-open\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--accent)}.data-open\:text-accent-foreground:where([data-state=open]),.data-open\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--accent-foreground)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-accordion-up:where([data-state=closed]),.data-closed\:animate-accordion-up:where([data-closed]:not([data-closed=false])){animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:overflow-hidden:where([data-state=closed]),.data-closed\:overflow-hidden:where([data-closed]:not([data-closed=false])){overflow:hidden}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-active\:bg-background:where([data-state=active]),.data-active\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--background)}.data-active\:text-foreground:where([data-state=active]),.data-active\:text-foreground:where([data-active]:not([data-active=false])){color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]),.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}.dark\:data-active\:border-input:is(.dark *):where([data-state=active]),.dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active=false])){border-color:var(--input)}.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:data-active\:text-foreground:is(.dark *):where([data-state=active]),.dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active=false])){color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.data-horizontal\:h-2\.5:where([data-orientation=horizontal]){height:calc(var(--spacing) * 2.5)}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.data-horizontal\:border-t:where([data-orientation=horizontal]){border-top-style:var(--tw-border-style);border-top-width:1px}.data-horizontal\:border-t-transparent:where([data-orientation=horizontal]){border-top-color:#0000}.data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.data-vertical\:w-2\.5:where([data-orientation=vertical]){width:calc(var(--spacing) * 2.5)}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.data-vertical\:border-l:where([data-orientation=vertical]){border-left-style:var(--tw-border-style);border-left-width:1px}.data-vertical\:border-l-transparent:where([data-orientation=vertical]){border-left-color:#0000}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media(hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media(hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 2);border-top-right-radius:calc(var(--radius) * 2)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 2);border-bottom-left-radius:calc(var(--radius) * 2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(65% .22 38);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(60% .2 25);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(65% .22 38);--radius:.5rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--chart-1:oklch(65% .22 38);--chart-2:oklch(65% .14 155);--chart-3:oklch(60% .2 25);--chart-4:oklch(52% .1 215);--chart-5:oklch(75% .18 80);--fuel-gasoline:oklch(60% .2 25);--fuel-diesel:oklch(65% .14 155);--fuel-premium:oklch(52% .1 215);--fuel-onnuri:oklch(65% .22 38);--error:var(--fuel-gasoline);--error-hover:oklch(54% .2 25);--error-light:oklch(60% .2 25/.1);--high-premium:var(--fuel-premium);--high-premium-hover:oklch(46% .1 215);--high-premium-light:oklch(52% .1 215/.1);--primary-rgb:250, 91, 30;--primary-hover:oklch(58% .22 38);--primary-light:oklch(65% .22 38/.1);--nav-blue:oklch(55% .18 245);--nav-blue-hover:oklch(49% .18 245);--fav-active:oklch(97% .03 85);--fav-inactive:oklch(96% 0 0);--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;--gray-900:#111827;--font-size-2xs:.6875rem;--font-size-xs:.8125rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:clamp(1.125rem, 1.5vw + .8rem, 1.25rem);--font-size-xl:clamp(1.25rem, 2.5vw + .9rem, 1.75rem);--font-size-2xl:clamp(1.5rem, 4vw + 1rem, 2.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--text-primary:var(--foreground);--text-header:var(--gray-800);--text-secondary:var(--muted-foreground);--text-muted:var(--gray-400);--text-on-dark:oklch(98.5% 0 0);--bg-main:var(--background);--bg-card:var(--card);--bg-dark:oklch(14.5% 0 0);--border-base:var(--border);--border-soft:oklch(0% 0 0/.05);--border-medium:oklch(0% 0 0/.1);--shadow-sm:0 1px 3px oklch(0% 0 0/.06);--shadow-md:0 4px 12px oklch(0% 0 0/.08);--shadow-lg:0 8px 24px oklch(0% 0 0/.1);--shadow-orange:0 2px 8px oklch(65% .22 38/.2);--gradient-primary:linear-gradient(135deg, oklch(58% .22 38) 0%, oklch(65% .22 38) 100%);--gradient-secondary:linear-gradient(180deg, oklch(25% .02 240) 0%, oklch(45% .1 240) 100%);--apple-radius:calc(var(--radius) * 2.25);--apple-radius-large:calc(var(--radius) * 3);--leading-none:1;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0em;--color-primary:var(--primary);--color-secondary:var(--fuel-diesel);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:var(--leading-normal);font-size:var(--font-size-base);color-scheme:light;color:var(--text-primary);background-color:var(--bg-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(72% .2 38);--primary-foreground:oklch(10% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(68% .18 25);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(72% .2 38);--fuel-gasoline:oklch(68% .18 25);--fuel-diesel:oklch(72% .12 155);--fuel-premium:oklch(62% .09 215);--chart-1:oklch(72% .2 38);--chart-2:oklch(72% .12 155);--chart-3:oklch(68% .18 25);--chart-4:oklch(62% .09 215);--chart-5:oklch(80% .16 80);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(72% .2 38);--sidebar-primary-foreground:oklch(10% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background-color:#0000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s,background .15s}input[type=text]{font-family:inherit;transition:all .2s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-md);background:#fffc;border:1px solid oklch(100% 0 0/.3)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1{font-size:var(--font-size-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}h2{font-size:var(--font-size-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h3{font-size:var(--font-size-lg);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}h4{font-size:var(--font-size-base);line-height:var(--leading-snug)}.recharts-wrapper,.recharts-wrapper svg,.recharts-surface{outline:none!important}.trend-fuel-tab{padding:var(--space-4) 0 var(--space-3);font-weight:800;font-size:var(--font-size-sm);cursor:pointer;text-align:center;background:0 0;border:none;outline:none;flex:1;margin-bottom:-1px;transition:color .2s;position:relative}.trend-fuel-tab:after{content:"";background-color:var(--tab-color,var(--primary));border-radius:99px;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.trend-fuel-tab.active:after{transform:scaleX(1)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}to{height:0}}.app-container{width:100vw;height:100vh;position:relative;background-color:transparent}.map-overlay{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.map-overlay>*{pointer-events:auto}.status-badge{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:40px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #0003;border:1px solid rgba(255,255,255,.1);z-index:1000}.permission-denied-banner{position:absolute;top:0;left:0;right:0;background:var(--foreground);color:var(--text-on-dark);padding:10px 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap;z-index:1100;box-shadow:0 2px 10px #0003}.permission-help-btn{background:#fff3;border:none;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;color:var(--text-on-dark)}.permission-help-popup{width:100%;margin-top:6px;background:#ffffff1a;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.8;color:#ffffffe6}.permission-help-popup p{margin:0}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1001}.loading-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999}.pill-loader{display:flex;align-items:center;gap:12px;background:#fffffff5;padding:14px 28px;border-radius:100px;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.8);animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.pill-loader .spinner-icon{color:#333}.pill-loader span{font-size:14px;font-weight:600;color:#333;letter-spacing:-.02em}@keyframes slideIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-badge{background:#fff;padding:24px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--apple-shadow);color:#ff3b30;font-weight:700}.spinner{width:32px;height:32px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}