:root{--red: #e60012;--red-600: #c10010;--red-tint: #fdecec;--blue: #2f6fed;--blue-tint: #eaf1ff;--indigo: #3a4db8;--indigo-tint: #eef1ff;--green: #12873f;--green-tint: #e7f6ec;--gold: #f5b301;--bg: #f4f5f7;--surface: #ffffff;--line: #ecedf0;--text: #17181b;--muted: #71767e;--radius: 16px;--radius-sm: 11px;--shadow: 0 1px 2px rgba(16, 17, 20, .05), 0 6px 16px rgba(16, 17, 20, .045);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.content svg{flex-shrink:0}.hint svg,.pd-link svg,.info-row svg,.site-foot svg{vertical-align:-.15em}.app{max-width:480px;margin:0 auto;min-height:100%;background:var(--bg);display:flex;flex-direction:column;overflow-x:hidden}.appbar{position:sticky;top:0;z-index:20;background:var(--red);color:#fff;padding:calc(10px + var(--safe-top)) 8px 10px;display:flex;align-items:center;gap:4px;box-shadow:0 1px #0000000a}.appbar h1{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0;flex:1;text-align:center}.appbar-side{display:flex;align-items:center;gap:2px;min-width:44px}.appbar-side.right{justify-content:flex-end}.iconbtn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;border-radius:12px;transition:background .15s}.iconbtn:active{background:#ffffff2e}.iconbtn.fav-on{color:var(--gold)}.content{flex:1;padding:16px 14px calc(28px + var(--safe-bottom));overflow-x:hidden}.mode-grid{display:grid;gap:12px}.mode-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;width:100%;text-align:left;transition:transform .12s,box-shadow .12s}.mode-card:active{transform:scale(.985)}.mode-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-ic.ic-red{background:var(--red-tint);color:var(--red)}.mode-ic.ic-blue{background:var(--blue-tint);color:var(--blue)}.mode-body{flex:1;min-width:0}.mc-title{display:block;font-size:16px;font-weight:700}.mc-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.mc-arrow{color:#c4c8ce}.section-title{font-size:13px;font-weight:700;color:var(--muted);margin:24px 4px 10px}.searchbar{display:flex;gap:8px;margin-bottom:14px}.searchbar input{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.searchbar input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.searchbar button{background:var(--red);color:#fff;border:none;border-radius:var(--radius-sm);padding:0 18px;font-weight:700;font-size:15px;transition:background .15s}.searchbar button:active{background:var(--red-600)}.searchbar button:disabled{opacity:.45}.filter-input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:10px 13px;font-size:14px;outline:none;margin-bottom:10px}.filter-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.sort-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.sort-toggle{display:inline-flex;background:#eceef1;border-radius:10px;padding:3px}.sort-toggle button{border:none;background:transparent;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);transition:all .15s}.sort-toggle button.active{background:var(--surface);color:var(--red);box-shadow:0 1px 3px #00000014}.result-count{font-size:12.5px;color:var(--muted);font-weight:500}.list{display:flex;flex-direction:column;gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px;display:flex;gap:12px;align-items:center;width:100%;text-align:left;transition:transform .1s}.card:active{transform:scale(.99)}.card .body{flex:1;min-width:0;text-align:left;background:transparent;border:none;padding:0;font:inherit;color:inherit}.thumb{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#f1f2f4;flex-shrink:0}.card .title{font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .meta{font-size:12.5px;color:var(--muted);margin-top:4px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.price{font-weight:700;color:var(--text)}.chip{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:-.01em}.chip.stock{background:var(--green-tint);color:var(--green)}.chip.stock.zero{background:var(--red-tint);color:var(--red)}.chip.dist{background:var(--indigo-tint);color:var(--indigo)}.chip.zone{background:var(--red);color:#fff}.chip.soldout{background:#f1f2f4;color:var(--muted)}.star-btn{background:transparent;border:none;padding:6px;line-height:0;color:#cfd4da;flex-shrink:0;transition:transform .12s,color .15s}.star-btn:active{transform:scale(.86)}.star-btn.on{color:var(--gold)}.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:20px 0 4px;flex-wrap:wrap}.pager button{min-width:36px;height:36px;border:1px solid var(--line);background:var(--surface);border-radius:10px;font-size:13.5px;color:var(--text);transition:all .12s}.pager button.active{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.pager button:disabled{opacity:.4}.pager-gap{color:var(--muted);padding:0 2px}.state{text-align:center;padding:52px 16px}.state-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:#eef0f3;color:#a9b0b8;display:flex;align-items:center;justify-content:center}.state-text{color:var(--muted);font-size:14px;line-height:1.6}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;margin:48px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--red-tint);color:var(--red-600);border:1px solid #f6c9c9;border-radius:var(--radius-sm);padding:11px 13px;font-size:13.5px;margin-bottom:12px}.detail-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;gap:14px;margin-bottom:14px}.detail-hero>div{min-width:0}.detail-hero img{width:92px;height:92px;border-radius:14px;object-fit:cover;background:#f1f2f4;flex-shrink:0}.detail-hero .title{font-size:16px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.detail-hero .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.info-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;margin-bottom:14px}.info-block h3{font-size:12.5px;color:var(--muted);margin:0 0 10px;font-weight:700;letter-spacing:.01em}.info-block .meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13.5px}.info-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}.info-row:first-of-type{border-top:none}.info-row .k{color:var(--muted);flex-shrink:0}.info-row .v{text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere;word-break:break-word}.info-row a.v{color:var(--red);display:inline-flex;align-items:center;gap:4px}.stock-big{font-size:26px;font-weight:800;letter-spacing:-.02em}.stock-big.zero{color:var(--red)}.stock-big.have{color:var(--green)}.zone-badge{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:15px;letter-spacing:.02em;padding:4px 12px;border-radius:9px}.hint{font-size:12px;color:var(--muted);margin-top:8px}.pd-link{color:var(--red);font-weight:600;display:inline-flex;align-items:center;gap:4px}.site-foot{margin-top:28px;padding:16px 6px 0;border-top:1px solid var(--line);font-size:11.5px;line-height:1.7;color:#9aa0a8;text-align:center}