:root{--page:#07080b;--bg:#0f1115;--panel:#181b22;--line:#2a2f3a;--text:#e8eaf0;--muted:#9aa3b5;--buy:#2fbf71;--good:#7cc4ff;--avg:#c9c9c9;--wait:#f3b13c;--no:#f25f5c;--none:#6b7280}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.5}main{max-width:1200px;margin:0 auto;padding:32px 16px 64px}h1{font-size:22px;margin:0 0 4px}.sub{color:var(--muted);margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:22px;gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.cardCell{position:relative;aspect-ratio:1080/1350;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);box-shadow:0 6px 24px rgba(0,0,0,.35);transition:border-color .15s ease,transform .15s ease}.cardCell.active,.cardCell:hover{border-color:#4c5670}.quickLookBackdrop{position:fixed;inset:0;z-index:40;background:rgba(5,6,9,.55);pointer-events:none;animation:fadeIn .18s ease}.quickLook{position:fixed;z-index:50;border:1px solid #5b66a0;border-radius:16px;overflow:hidden;background:var(--bg);box-shadow:0 40px 120px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.04);animation:pop .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.card img{width:100%;aspect-ratio:460/215;object-fit:cover;display:block}.card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.card .name{font-weight:700;font-size:16px;margin:0}.price{display:flex;align-items:baseline;gap:8px}.price .list{color:var(--muted);text-decoration:line-through}.price .now{font-size:20px;font-weight:700}.price .cut{color:var(--muted)}.tier{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:17px;padding:6px 10px;border-radius:8px;border:2px solid;width:-moz-fit-content;width:fit-content}.tier.BUY_NOW{color:var(--buy)}.tier.GOOD{color:var(--good)}.tier.AVERAGE{color:var(--avg)}.tier.WAIT{color:var(--wait)}.tier.NOT_NOW{color:var(--no)}.tier.NONE{color:var(--none)}.conf{font-size:12px;font-weight:500;color:var(--muted)}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:#242936;color:var(--text);border:1px solid transparent}.badge.signal{background:#2c2340;border-color:#6d5bd0;color:#d9d2ff;font-weight:600}.badge.tone-good{background:#10321f;border-color:#1f7a45;color:#7fe0a8}.badge.tone-ok{background:#1d2b3d;border-color:#2f5f8f;color:#9ccdff}.badge.tone-warn{background:#3a2c10;border-color:#8a6a1f;color:#ffd27a}.badge.tone-bad{background:#3b1717;border-color:#8f2f2f;color:#ff9a9a}.badge.tone-none{background:#1e2129;border-color:#333846;color:var(--muted)}.metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px 12px;gap:2px 12px;font-size:13px;color:var(--muted);margin:0}.metrics dd,.metrics dt{display:inline}.metrics dd{margin:0;color:var(--text)}.metrics div{display:flex;justify-content:space-between;gap:8px}.foot{margin-top:32px;font-size:12px}.empty,.foot{color:var(--muted)}.empty{padding:48px;text-align:center;border:1px dashed var(--line);border-radius:12px}