*{box-sizing:border-box}body{color:#222;background:#faf7f2;margin:0;font-family:-apple-system,Apple SD Gothic Neo,sans-serif}header{background:#fff;border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{width:auto;height:44px;display:block}h1{margin:0;font-size:1.3rem}.controls{gap:16px;display:flex}.controls label{align-items:center;gap:6px;font-size:.9rem;display:flex}select{padding:6px 10px;font-size:1rem}main{max-width:820px;margin:0 auto;padding:24px}.meta{color:#777;font-size:.9rem}.card{background:#fff;border-radius:12px;gap:18px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 1px 4px #0000000f}.thumb{background:#fff;border:1px solid #eee;border-radius:10px;flex:0 0 180px;height:180px;position:relative;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;display:block}.thumb-fallback{color:#999;place-items:center;height:100%;font-size:.85rem;display:grid}.rank{color:#fff;text-align:center;background:#e4572e;border-radius:8px;padding:4px 10px;font-size:1.2rem;font-weight:700;line-height:1.1;position:absolute;top:8px;left:8px}.rank small{font-size:.65rem;font-weight:400;display:block}.body{flex:1;min-width:0}h2{margin:0 0 4px;font-size:1.1rem}.cat{background:#eee;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.75rem;font-weight:400}.ja{color:#999;margin:0 0 8px;font-size:.8rem}.tag{color:#c0391b;background:#fde8e1;border-radius:10px;margin:0 4px 4px 0;padding:2px 8px;font-size:.75rem;display:inline-block}.summary{margin:6px 0;font-size:.92rem;line-height:1.5}.src{color:#555;margin:6px 0 0;padding-left:18px;font-size:.82rem}.src a{color:#555}.filter{cursor:pointer;align-items:center;gap:6px;margin:4px 0;font-size:.95rem;display:inline-flex}.note{color:#999;margin:4px 0 16px;font-size:.78rem}.fit{border-radius:8px;flex-direction:column;gap:2px;margin:4px 0 8px;padding:8px 10px;font-size:.82rem;line-height:1.4;display:flex}.fit strong{font-size:.85rem}.fit-high{color:#1d6b34;background:#e6f6ea}.fit-low{color:#8a5a00;background:#fff4dd}.fit-none{color:#666;background:#f0f0f0}.fit-candidate{color:#315f73;background:#e8f1f4}.coupang{border-left:6px solid;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 10px;padding:10px 12px;display:flex}.coupang-label{letter-spacing:.02em;color:#fff;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.coupang strong{font-size:1.05rem}.coupang-detail{font-size:.85rem}.coupang-date{opacity:.75;margin-left:auto;font-size:.75rem}.coupang-yes{color:#12408f;background:#e7f0ff;border-color:#2f6fe4}.coupang-yes .coupang-label{background:#2f6fe4}.coupang-no{color:#14665b;background:#e6f5f2;border-color:#14665b}.coupang-no .coupang-label{background:#14665b}.cost-settings{background:#fff;border:1px solid #e6e1d8;border-radius:12px;margin:0 0 16px;padding:12px 16px}.cost-settings-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px;display:flex}.cost-settings-head span{color:#999;font-size:.78rem}.cost-fields{flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:.88rem;display:flex}.cost-fields label{align-items:center;gap:6px;display:flex}.cost-fields input{border:1px solid #ccc;border-radius:6px;width:84px;padding:5px 8px;font-size:.95rem}.cost-fx{color:#888;font-size:.8rem}.cost{color:#4a2f8f;background:#f6f2ff;border-left:6px solid #6b4bc4;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 10px;padding:10px 12px;display:flex}.cost-label{color:#fff;background:#6b4bc4;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.cost strong{font-size:1.05rem}.cost-detail{opacity:.8;font-size:.8rem}.cost-suggest{flex-basis:100%;font-size:.88rem;font-weight:600}.cost-suggest em{border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.8rem;font-style:normal;font-weight:400}.cost-over{color:#8a5a00;background:#fff1d6}.cost-under{color:#1d6b34;background:#e1f3e6}.cost-foot{opacity:.7;flex-basis:100%;font-size:.72rem}.cost-missing{color:#777;background:#f4f4f4;border-left-color:#bbb}.cost-missing .cost-label{background:#999}.risk{color:#7a4d00;background:#fff4dd;border:1px solid #f0c060;border-radius:8px;flex-direction:column;gap:2px;margin:0 0 10px;padding:8px 12px;font-size:.82rem;display:flex}.risk strong{font-size:.92rem}.sns{color:#555;background:#fafafa;border:1px dashed #c9c9c9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 10px;padding:8px 12px;display:flex}.sns strong{font-size:.92rem}.sns-bar{background:#e8e8e8;border-radius:4px;flex:120px;max-width:200px;height:8px;overflow:hidden}.sns-bar span{background:#9a9a9a;height:100%;display:block}.sns-detail{color:#888;flex-basis:100%;font-size:.78rem}.sample-badge{color:#fff;background:#666;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.facts{grid-template-columns:1fr 1fr;gap:2px 16px;margin:0 0 8px;font-size:.82rem;display:grid}.facts div{gap:6px;display:flex}.facts dt{color:#999;flex:none}.facts dd{color:#333;margin:0}@media (width<=600px){.facts{grid-template-columns:1fr}}.empty{text-align:center;color:#888;padding:40px}@media (width<=600px){.card{flex-direction:column}.thumb{flex-basis:auto;width:100%;height:220px}}