:root{color-scheme:light;--accent: #2e97c2;--best: #1f9e78;--ink: #233740;--ink-soft: #33474f;--muted: #9bb2bc;--surround: #dce6ea;--canvas: #f4f8fa;--surface: #ffffff;--line: #ecf1f4;font-family:"M PLUS Rounded 1c",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--surround)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:var(--surround)}.app{width:min(100%,430px);min-height:100vh;margin:0 auto;background:var(--canvas);padding-bottom:max(26px,env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top)}.summary-wrap{padding:16px 16px 6px}.summary-card{background:var(--surface);border-radius:18px;box-shadow:0 1px 3px #2337410f;padding:14px}.summary-head{display:flex;gap:13px}.summary-image{flex:0 0 auto;width:72px;height:72px;border-radius:14px;background:repeating-linear-gradient(135deg,#eaf2f6 0 7px,#f3f8fb 7px 14px);display:flex;align-items:center;justify-content:center}.summary-image span{font-family:ui-monospace,Menlo,monospace;font-size:9px;color:#9db6c1;letter-spacing:.03em}.summary-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.summary-category{align-self:flex-start;font-size:10.5px;font-weight:700;color:var(--accent);background:#eaf6fb;padding:3px 9px;border-radius:7px;margin-bottom:6px}.summary-name{font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.32}.summary-stats{display:flex;align-items:stretch;background:#f4f9fb;border-radius:12px;padding:11px 4px;margin-top:13px}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-wide{flex:1.3}.stat-value{font-size:18px;font-weight:800;color:var(--ink);line-height:1}.stat-unit{font-size:11px;font-weight:700;color:var(--muted)}.stat-label{font-size:10px;font-weight:600;color:var(--muted)}.stat-best{display:flex;align-items:baseline;gap:1px;line-height:1}.stat-best-value{font-size:18px;font-weight:800;color:var(--best)}.stat-best-suffix{font-size:11px;font-weight:700;color:#76b8a3}.stat-divider{width:1px;background:#e3ecef;margin:2px 0}.section-head{padding:12px 16px 8px;display:flex;align-items:center;justify-content:space-between}.section-title{font-size:14px;font-weight:800;color:var(--ink)}.section-note{font-size:11px;font-weight:600;color:var(--muted)}.sort-wrap{padding:0 16px 12px}.sort-toggle{display:flex;gap:4px;background:#ebf1f4;border-radius:12px;padding:3px}.sort-btn{flex:1;border:none;padding:9px 0;border-radius:9px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s;background:transparent;color:#5b7a86}.sort-btn[data-active]{background:var(--accent);color:#fff}.ranking{padding:0 14px;display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:11px;align-items:center;padding:12px;border-radius:16px;cursor:pointer;background:#fff;border:1px solid var(--line)}.row[data-best]{background:#f3fafc;border:1.5px solid #bfe3f0}.rank-badge{flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;width:36px;height:36px;border-radius:11px;font-size:18px;background:#eef3f5;color:#a6bac3}.row[data-rank="1"] .rank-badge{background:linear-gradient(140deg,#fbcb4d,#e7a11c);color:#fff;box-shadow:0 3px 8px #de961466}.row[data-rank="2"] .rank-badge{background:linear-gradient(140deg,#c7d0d7,#9aa8b1);color:#fff;box-shadow:0 2px 6px #96a5af59}.row[data-rank="3"] .rank-badge{background:linear-gradient(140deg,#e2a878,#c5793f);color:#fff;box-shadow:0 2px 6px #b4784652}.thumb{flex:0 0 auto;width:52px;height:52px;border-radius:12px;background:linear-gradient(160deg,#6fc3e6,#3e9ec9);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.thumb-top{font-size:12px;font-weight:800;line-height:1}.thumb-sub{font-size:10px;font-weight:600;margin-top:2px}.row-main{flex:1 1 auto;min-width:0}.row-tags{display:flex;align-items:center;gap:5px;margin-bottom:3px}.seller-chip,.diff-chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;white-space:nowrap}.seller-chip[data-seller=amazon]{background:#fff3e0;color:#b66a00}.seller-chip[data-seller=rakuten]{background:#fbe9e9;color:#c01818}.seller-chip[data-seller=yahoo]{background:#fcebee;color:#e0344f}.seller-chip[data-seller=lohaco]{background:#fff0e6;color:#d2570a}.diff-chip{background:#f0f4f6;color:var(--muted)}.row[data-best] .diff-chip{background:#e4f5ee;color:var(--best)}.row-variant{font-size:12.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:10.5px;color:var(--muted);margin-top:2px}.row-price{flex:0 0 auto;text-align:right}.row-price-text{font-size:11px;color:var(--muted);line-height:1}.row-unit{display:flex;align-items:baseline;gap:1px;justify-content:flex-end;margin-top:2px}.row-unit-value{font-size:19px;font-weight:800;color:var(--ink)}.row[data-best] .row-unit-value{color:var(--best)}.row-unit-suffix{font-size:9.5px;font-weight:700;color:var(--muted)}.disclaimer{margin:0;padding:16px 18px 26px;font-size:10.5px;line-height:1.6;color:#a4b7c0}.sheet-root[hidden]{display:none}.sheet-root{position:fixed;inset:0;z-index:20}.sheet-overlay{position:absolute;inset:0;background:#1628306b}.sheet{position:absolute;left:50%;right:auto;bottom:0;transform:translate(-50%);width:min(100%,430px);background:#fff;border-radius:24px 24px 0 0;padding:16px 18px max(26px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px #1628302e}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#dde6ea;margin:0 auto 16px}.sheet-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.sheet-head .thumb{width:50px;height:50px}.sheet-head-text{flex:1 1 auto;min-width:0}.sheet-title{font-size:13px;font-weight:800;color:var(--ink);line-height:1.3}.sheet-variant{font-size:11.5px;color:#7a949f;margin-top:2px}.sheet-head .seller-chip{flex:0 0 auto;font-size:11px;padding:3px 9px;border-radius:7px}.sheet-stats{display:flex;background:#f4f9fb;border-radius:14px;padding:14px;margin-bottom:8px}.sheet-stat{display:flex;flex-direction:column;gap:3px}.sheet-stat-unit{flex:1.2}.sheet-stat-price{flex:1;padding-left:14px}.sheet-stat-label{font-size:10.5px;font-weight:700;color:var(--muted)}.sheet-unit{display:flex;align-items:baseline;gap:2px}.sheet-unit-value{font-size:24px;font-weight:800;color:var(--ink)}.sheet-root[data-best] .sheet-unit-value{color:var(--best)}.sheet-unit-suffix{font-size:11px;font-weight:700;color:var(--muted)}.sheet-price-value{font-size:24px;font-weight:800;color:var(--ink)}.sheet-sub{font-size:11px;color:#7a949f;margin-bottom:16px;padding-left:2px}.sheet-cta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:15px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:800;color:#fff;background:var(--accent)}.sheet-cta-arrow{font-size:15px}.sheet-note{text-align:center;font-size:10.5px;color:#a4b7c0;margin-top:10px}