:root{--bg:#0f1115;--panel:#181b22;--panel-2:#1f232c;--border:#2a2f3a;--text:#e7e9ee;--muted:#9aa3b2;--accent:#f90;--accent-2:#febd69;--green:#4caf50;--danger:#ff6b6b;--star:#ffb400}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.55}a{color:var(--accent-2)}.container{max-width:920px;margin:0 auto;padding:40px 20px 80px}header h1{margin:0 0 6px;font-size:26px}header .sub{color:var(--muted);margin:0 0 4px;font-size:14px}.badge{border:1px solid var(--border);border-radius:999px;margin-top:8px;padding:2px 10px;font-size:12px;display:inline-block}.badge.mock{color:var(--accent-2);background:#ff99001f;border-color:#f906}.badge.live{color:#7bd88f;background:#4caf501f;border-color:#4caf5066}.tabs{gap:6px;margin:28px 0 0;display:flex}.tab{background:var(--panel);border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;border-bottom:none;border-radius:10px 10px 0 0;flex:1;padding:10px 12px;font-size:14px;transition:all .15s}.tab.active{background:var(--panel-2);color:var(--text);font-weight:600}.tab:hover{color:var(--text)}.panel{background:var(--panel-2);border:1px solid var(--border);border-radius:0 0 12px 12px;padding:20px}.input-row{gap:10px;display:flex}input[type=text]{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:12px 14px;font-size:15px}input[type=text]:focus{border-color:var(--accent)}button.primary{background:var(--accent);color:#1a1206;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:700}button.primary:disabled{opacity:.55;cursor:not-allowed}button.primary.sm{padding:8px 14px;font-size:13px}.hint{color:var(--muted);margin-top:10px;font-size:13px}.error{color:#ff9c9c;background:#ff6b6b1a;border:1px solid #ff6b6b66;border-radius:8px;margin-top:20px;padding:14px 16px}.loading{color:var(--muted);margin-top:24px}.results{gap:10px;margin-top:24px;display:grid}.result-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s;display:flex}.result-card:hover{border-color:var(--accent)}.result-card .thumb{background:var(--panel-2);object-fit:contain;width:56px;height:56px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.result-card .meta{flex:1;min-width:0}.result-card .meta .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.result-card .meta .m{color:var(--muted);margin-top:4px;font-size:12px}.product{margin-top:28px}.product-head{gap:20px;display:flex}.product-head .thumb{background:var(--panel);border:1px solid var(--border);object-fit:contain;width:140px;height:140px;color:var(--muted);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.product-head h2{margin:0 0 10px;font-size:19px;line-height:1.4}.product-meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.product-meta .price{color:var(--accent-2);font-size:16px;font-weight:700}.stars{color:var(--star)}.section{margin-top:32px}.section h3{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 0 14px;padding-bottom:8px;font-size:16px;display:flex}.section h3 .count{color:var(--muted);font-size:13px;font-weight:400}table.specs{border-collapse:collapse;width:100%;font-size:14px}table.specs th,table.specs td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}table.specs th{width:38%;color:var(--muted);font-weight:600}table.specs tr:last-child th,table.specs tr:last-child td{border-bottom:none}ul.bullets{margin:0;padding-left:20px}ul.bullets li{margin-bottom:8px}.provider-tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:400}.histogram{gap:6px;max-width:360px;margin-bottom:18px;display:grid}.hist-row{align-items:center;gap:10px;font-size:13px;display:flex}.hist-label{width:26px;color:var(--star);flex-shrink:0}.hist-bar{background:var(--panel);border:1px solid var(--border);border-radius:999px;flex:1;height:10px;overflow:hidden}.hist-fill{background:var(--star);height:100%}.hist-count{text-align:right;width:32px;color:var(--muted);flex-shrink:0}.summary-box{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:14px 16px;font-size:14px}.review{border-bottom:1px solid var(--border);padding:14px 0}.review:last-child{border-bottom:none}.review .r-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.review .r-title{font-weight:600}.review .r-sub{color:var(--muted);margin:4px 0 8px;font-size:12px}.review .verified{color:#7bd88f;font-size:12px}.review .r-body{color:#d4d8e0;font-size:14px}.toolbar{gap:10px;margin-top:8px;display:flex}button.ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}button.ghost:hover{border-color:var(--accent)}.empty{color:var(--muted);font-size:14px}
