*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{width:min(920px,100% - 28px);margin:0 auto;padding:32px 0 80px}.header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.14em;color:#2563eb;margin:0 0 5px;font-size:12px;font-weight:800}h1{margin:0;font-size:clamp(26px,5vw,38px)}.sub{color:#6b7280;margin:8px 0 0}.status{color:#166534;background:#dcfce7;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:700}.card,.result,.coming{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 6px 25px #0000000a}.card{margin-bottom:18px}.grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:16px;display:grid}label{color:#374151;gap:7px;font-size:13px;font-weight:700;display:grid}input,select{background:#fff;border:1px solid #d1d5db;border-radius:11px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;width:100%;margin-top:20px;padding:15px;font-weight:800}button:disabled{opacity:.6}.result{margin-bottom:18px;position:relative}.grade{text-align:center;background:#f3f4f6;border-radius:12px;min-width:64px;padding:9px 12px;font-size:16px;font-weight:900;position:absolute;top:18px;right:18px}.grade-Aplus,.grade-A{color:#166534;background:#dcfce7}.grade-B{color:#92400e;background:#fef3c7}.grade-SKIP{color:#991b1b;background:#fee2e2}.profit{gap:4px;padding-right:90px;display:grid}.profit span,.stats span{color:#6b7280;font-size:13px}.profit strong{font-size:clamp(32px,8vw,48px);line-height:1.1}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.stats div{background:#f9fafb;border-radius:12px;gap:5px;padding:13px;display:grid}.stats strong{font-size:18px}.coming h2{margin:0 0 14px;font-size:17px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}@media (width<=650px){.app{padding-top:20px}.header{display:block}.status{margin-top:14px;display:inline-block}.grid,.stats{grid-template-columns:1fr}.card,.result,.coming{border-radius:15px;padding:17px}}.scanner-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:18px;padding:22px;box-shadow:0 6px 25px #0000000a}.scanner-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.scanner-label{color:#6b7280;margin:0 0 3px;font-size:12px;font-weight:700}.scanner-head h2{margin:0;font-size:20px}.scan-ok{color:#166534;background:#dcfce7;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.scan-button{background:#2563eb;margin-top:0}.barcode-result{background:#f9fafb;border-radius:12px;gap:4px;margin-top:14px;padding:14px;display:grid}.barcode-result span,.barcode-result small{color:#6b7280;font-size:12px}.barcode-result strong{letter-spacing:.04em;font-size:22px}.scanner-modal{margin-top:8px}.video-wrap{aspect-ratio:4/3;background:#000;border-radius:16px;position:relative;overflow:hidden}.video-wrap video{object-fit:cover;width:100%;height:100%}.scan-frame{border:2px solid #fffffff2;border-radius:14px;height:34%;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%);box-shadow:0 0 0 999px #00000059}.scan-frame span{background:#ef4444;height:2px;position:absolute;top:50%;left:7%;right:7%;box-shadow:0 0 10px #ef4444e6}.scanner-message{text-align:center;color:#4b5563;margin:12px 0 0;font-size:13px;font-weight:700}.scanner-error{color:#991b1b;background:#fee2e2;border-radius:10px;margin:10px 0 0;padding:10px;font-size:13px;font-weight:700}.stop-button{background:#374151;margin-top:12px}@media (width<=650px){.scanner-card{border-radius:15px;padding:17px}.video-wrap{aspect-ratio:3/4}.scan-frame{height:24%}}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:18px;padding:22px;box-shadow:0 6px 25px #0000000a}.product-main{align-items:flex-start;gap:20px;display:flex}.product-main img{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:150px;height:150px}.product-info{min-width:0}.product-info h2{margin:6px 0 10px;font-size:20px;line-height:1.45}.product-info p{color:#6b7280;margin:5px 0;font-size:13px}.source{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.market-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.market-stats div{background:#f9fafb;border-radius:12px;gap:6px;padding:13px;display:grid}.market-stats span{color:#6b7280;font-size:12px}.market-stats strong{font-size:18px}.product-loading{text-align:center;margin:0;font-weight:700}.product-not-found{gap:5px;display:grid}.product-not-found span{color:#6b7280;font-size:12px}@media (width<=650px){.product-card{border-radius:15px;padding:17px}.product-main{gap:13px}.product-main img{width:100px;height:100px}.product-info h2{font-size:16px}.market-stats{grid-template-columns:repeat(2,1fr)}}.verification{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding-bottom:16px;display:flex}.verification>div{gap:2px;display:grid}.verification span{color:#6b7280;font-size:12px;font-weight:700}.verification strong{font-size:32px;line-height:1}.verification strong small{color:#9ca3af;font-size:13px}.verification p{color:#166534;margin:0;font-size:13px;font-weight:800}.verify-badges{gap:8px;margin-bottom:18px;display:flex}.verify-badges span{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.verify-ok{color:#166534;background:#dcfce7}.verify-ng{color:#6b7280;background:#f3f4f6}.compare-product-main{margin-bottom:20px}.market-compare{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.market-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:15px}.market-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.market-title strong{font-size:14px}.market-ok{color:#166534;background:#dcfce7;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.market-price{margin-top:13px;font-size:26px;font-weight:900}.market-box p{color:#6b7280;margin:7px 0 0;font-size:12px}.best-price{color:#fff;background:#111827;border-radius:14px;gap:3px;margin-top:14px;padding:18px;display:grid}.best-price span{color:#d1d5db;font-size:12px}.best-price strong{font-size:30px}.best-price small{color:#9ca3af}@media (width<=650px){.verification{align-items:flex-start}.verification p{text-align:right;max-width:150px}.market-compare{grid-template-columns:1fr 1fr}.market-price{font-size:22px}.market-title{flex-direction:column;align-items:flex-start}}