:root{--bg: #f2f4f6;--card: #ffffff;--ink: #191f28;--ink-2: #4e5968;--gray: #8b95a1;--line: #e5e8eb;--point: #3182f6;--point-ink: #1b64da;--sale: #f04452;--sale-soft: #fef0f1;--radius: 14px;--radius-sm: 10px;--sans: "Pretendard", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--nav-h: 58px}:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app{width:100%;max-width:1280px;margin:0 auto;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 20px)}.top{background:var(--card);padding:12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{margin:0 0 12px;font-size:22px;font-weight:800;letter-spacing:-.5px}.search{display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.search:focus-within{border-color:var(--point);background:var(--card)}.s-icon{font-size:15px;opacity:.7;flex:0 0 auto}.search input{flex:1;min-width:0;height:100%;border:none;background:transparent;font-family:inherit;font-size:15px;color:var(--ink);outline:none}.search input::placeholder{color:var(--gray)}.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.s-clear{flex:0 0 auto;width:22px;height:22px;border:none;border-radius:50%;background:var(--line);color:var(--ink-2);font-size:11px;line-height:1;display:grid;place-items:center}.cats{display:flex;gap:7px;padding:12px 0 14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 auto;padding:8px 15px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:999px;white-space:nowrap}.cat.on{background:var(--point);border-color:var(--point);color:#fff}.grid-wrap{padding:14px 12px 0}.grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width: 360px){.grid{gap:9px}}@media (min-width: 560px){.grid-wrap{padding:18px 16px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}}.card{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .1s;text-align:left;padding:0;cursor:pointer;color:inherit;font-family:inherit}.card:active{transform:scale(.98)}.card.sold{opacity:.55}.card-ad{grid-column:1 / -1;border-style:dashed;padding:4px;background:transparent}.thumb{position:relative;aspect-ratio:1 / 1;background:var(--bg)}.thumb img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:8px;top:8px;background:var(--sale);color:#fff;font-size:12px;font-weight:800;padding:4px 9px;border-radius:8px;letter-spacing:-.3px;box-shadow:0 2px 6px #f0445259}.soldout{position:absolute;inset:0;display:grid;place-items:center;background:#00000073;color:#fff;font-size:15px;font-weight:800}.timer{position:absolute;left:8px;bottom:8px;background:#191f28d1;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:7px;letter-spacing:-.2px}.info{padding:10px 11px 13px;display:flex;flex-direction:column;gap:3px}.rank{font-size:11px;color:var(--point);font-weight:800}.mall{font-size:11px;color:var(--gray);font-weight:600}.name{font-size:13.5px;color:var(--ink);line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:2px}.ori{font-size:12px;color:var(--gray);text-decoration:line-through}.cur{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.5px}.cur i{font-size:13px;font-weight:700;font-style:normal;margin-left:1px}.review{font-size:11.5px;color:var(--gray);margin-top:3px}.lowest30{display:inline-flex;align-items:center;gap:3px;margin-top:4px;font-size:11.5px;font-weight:800;color:var(--sale)}.lowest30:before{content:"📉";font-size:10px}.disclosure{margin:20px 4px 8px;padding:12px 14px;font-size:11.5px;line-height:1.6;color:var(--gray);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center}.state{padding:60px 20px;text-align:center;color:var(--gray);font-size:14px}.state.err{color:var(--sale)}.more{padding:20px;text-align:center;color:var(--gray);font-size:13px}.spinner{width:28px;height:28px;margin:0 auto 12px;border:3px solid var(--line);border-top-color:var(--point);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100% - 40px);max-width:400px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:none;border-radius:999px;box-shadow:0 8px 24px #0f172a29,0 2px 8px #0f172a14;padding:12px 8px}.nav{position:relative;min-height:46px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#9ca3af;font-family:inherit;border-radius:999px;transition:color .15s,transform .1s}.nav-ic{position:relative;line-height:0;display:flex;align-items:center;justify-content:center}.nav-svg{display:block;width:24px;height:24px}.nav-tx{font-size:12px;font-weight:600;letter-spacing:-.3px}.nav.on{color:#191f28}.nav.on .nav-tx{font-weight:700}.nav:active{transform:scale(.92)}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:17px;height:17px;padding:0 4px;background:var(--sale);color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;border-radius:999px;box-shadow:0 0 0 2px var(--card)}.app{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.attend{display:flex;align-items:center;gap:12px;margin:12px 12px 0;padding:13px 14px;background:linear-gradient(100deg,#3182f6,#1b64da);border-radius:var(--radius);box-shadow:0 4px 14px #3182f647}.attend-l{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.attend-ic{width:40px;height:40px;flex:0 0 auto;border-radius:11px;background:#fff3;display:grid;place-items:center;font-size:21px}.attend-tx{min-width:0}.attend-t{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.3px}.attend-s{font-size:12px;color:#ffffffe6;margin-top:2px}.attend-btn{flex:0 0 auto;height:38px;padding:0 20px;border:none;border-radius:11px;background:#fff;color:var(--point-ink);font-size:14px;font-weight:800;font-family:inherit;transition:transform .1s}.attend-btn:active{transform:scale(.94)}.attend-btn:disabled{background:#ffffff59;color:#fff}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom));z-index:80;max-width:calc(100% - 40px);background:#191f28f0;color:#fff;font-size:13.5px;font-weight:600;letter-spacing:-.3px;padding:12px 18px;border-radius:12px;text-align:center;box-shadow:0 6px 20px #00000040;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.heart{position:absolute;right:7px;top:7px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#ffffffd1;backdrop-filter:blur(2px);color:#ff5670;font-size:17px;line-height:1;box-shadow:0 1px 4px #0f172a26;transition:transform .12s}.heart.on{color:#f0335a}.heart:active{transform:scale(.82)}.toss-banner-inline,.toss-banner{width:100%}.detail{max-width:640px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--card);display:flex;flex-direction:column}.d-top{position:sticky;top:0;z-index:30;background:var(--card);display:flex;align-items:center;gap:6px;height:52px;padding:0 8px;border-bottom:1px solid var(--line)}.d-back{width:40px;height:40px;border:none;background:transparent;font-size:30px;line-height:1;color:var(--ink);font-weight:400}.d-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;flex:1}.d-rank-badge{font-size:12px;font-weight:800;color:#fff;background:var(--point);padding:3px 9px;border-radius:999px}.d-heart{flex:0 0 auto;width:40px;height:40px;border:none;background:transparent;font-size:24px;line-height:1;color:#ff5670;cursor:pointer;transition:transform .12s}.d-heart.on{color:#f0335a}.d-heart:active{transform:scale(.85)}.d-body{flex:1;padding:18px 18px 32px}.d-hero{display:flex;gap:14px;align-items:flex-start}.d-thumb{position:relative;width:120px;height:120px;flex:0 0 auto;border-radius:var(--radius);overflow:hidden;background:var(--bg)}.d-thumb img{width:100%;height:100%;object-fit:cover}.d-badge{position:absolute;left:6px;top:6px;background:var(--sale);color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:7px}.d-summary{flex:1;min-width:0;padding-top:4px}.d-rank{font-size:15px;font-weight:800;color:var(--point);margin-bottom:6px}.d-name{font-size:21px;font-weight:800;line-height:1.32;letter-spacing:-.5px;margin:0;color:var(--ink)}.d-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:22px 0 0}.d-cur{font-size:34px;font-weight:800;color:var(--ink);letter-spacing:-1px}.d-cur i{font-size:22px;font-weight:700;font-style:normal;margin-left:2px}.d-ori{font-size:17px;color:var(--gray);text-decoration:line-through}.d-lowest{font-size:14px;font-weight:800;color:var(--sale);align-self:center;margin-left:auto}.d-meta{display:flex;align-items:center;gap:14px;margin-top:12px;font-size:14px;color:var(--ink-2)}.d-star{font-weight:700}.d-view{color:var(--gray)}.d-tags{display:flex;gap:8px;margin-top:14px}.d-tag{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:8px}.d-tag.ok{color:#12b886;background:#e6f9f1}.d-tag.blue{color:var(--point-ink);background:#e8f1fe}.d-trend{margin-top:24px;padding:20px 18px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--line)}.d-trend-head{font-size:18px;font-weight:800;color:var(--ink)}.d-trend-sub{font-size:13.5px;color:var(--ink-2);margin-top:6px;line-height:1.5}.d-trend-loading,.d-trend-empty{padding:28px 8px;text-align:center;color:var(--gray);font-size:13.5px;line-height:1.6}.d-chart{width:100%;height:120px;margin-top:16px;display:block}.d-chart-x{display:flex;justify-content:space-between;font-size:11px;color:var(--gray);margin-top:4px}.d-trend-foot{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.d-trend-foot>div{flex:1;display:flex;flex-direction:column;gap:3px}.d-trend-foot .l{font-size:12px;color:var(--gray)}.d-trend-foot .v{font-size:17px;font-weight:800;color:var(--ink-2)}.d-trend-foot .v.now{color:var(--sale)}.d-cta-wrap{position:sticky;bottom:0;background:var(--card);padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -4px 16px #0f172a0d}.d-buy{width:100%;height:56px;border:none;border-radius:14px;background:var(--point);color:#fff;font-size:17px;font-weight:800;letter-spacing:-.4px;font-family:inherit;transition:transform .1s}.d-buy:active{transform:scale(.985)}.d-buy:disabled{background:var(--line);color:var(--gray)}.d-share-q{text-align:center;font-size:13.5px;color:var(--ink-2);margin:14px 0 8px;font-weight:600}.d-share{width:100%;height:48px;border:1px solid #cfe0fb;border-radius:12px;background:#f4f8ff;color:var(--point-ink);font-size:15px;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:7px}.d-share:active{background:#e8f1fe}.d-disclosure{margin:14px 2px 0;font-size:11px;line-height:1.6;color:var(--gray);text-align:center}.cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 24px}.cart-empty-ic{width:88px;height:88px;border-radius:50%;background:#eaf2ff;display:grid;place-items:center;font-size:42px;margin-bottom:20px}.cart-empty-t{font-size:18px;font-weight:800;color:var(--ink)}.cart-empty-s{font-size:14px;color:var(--gray);line-height:1.6;margin-top:8px}.cart-empty-btn{margin-top:24px;height:48px;padding:0 28px;border:none;border-radius:14px;background:var(--point);color:#fff;font-size:15px;font-weight:800;font-family:inherit;transition:transform .1s}.cart-empty-btn:active{transform:scale(.96)}.cart-head{display:flex;align-items:baseline;justify-content:space-between;padding:4px 4px 14px}.cart-count{font-size:15px;font-weight:800;color:var(--ink)}.cart-total{font-size:14px;color:var(--ink-2);font-weight:600}.cart-total:first-letter{color:var(--gray)}.cart-list{display:flex;flex-direction:column;gap:10px}.cart-row{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px;transition:transform .1s}.cart-thumb{position:relative;width:76px;height:76px;flex:0 0 auto;border:none;padding:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg);cursor:pointer}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-badge{position:absolute;left:4px;top:4px;background:var(--sale);color:#fff;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px}.cart-info{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:5px}.cart-name{font-size:13.5px;color:var(--ink);line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cart-price .ori{font-size:11.5px;color:var(--gray);text-decoration:line-through}.cart-price .cur{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.4px}.cart-price .cur i{font-size:12px;font-weight:700;font-style:normal;margin-left:1px}.cart-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}.cart-buy{height:34px;padding:0 16px;border:none;border-radius:10px;background:var(--point);color:#fff;font-size:13.5px;font-weight:800;font-family:inherit;white-space:nowrap;transition:transform .1s}.cart-buy:active{transform:scale(.95)}.cart-buy:disabled{background:var(--line);color:var(--gray)}.cart-del{width:24px;height:24px;border:none;border-radius:50%;background:var(--bg);color:var(--gray);font-size:12px;line-height:1;display:grid;place-items:center;cursor:pointer}.cart-del:active{background:var(--line)}
