*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:#eef1f7;color:#1e293b;min-height:100vh;overflow-x:hidden}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app.svelte-1n46o8q{min-height:100vh;display:flex;flex-direction:column}header.svelte-1n46o8q{background:linear-gradient(135deg,#4f6ef7,#8b5cf6);color:#fff;padding:2.25rem 1.5rem 2.5rem}.header-inner.svelte-1n46o8q{max-width:1100px;margin:0 auto;text-align:center}header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:1.85rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.4rem}header.svelte-1n46o8q p:where(.svelte-1n46o8q){opacity:.82;font-size:.88rem}main.svelte-1n46o8q{flex:1;max-width:1100px;width:100%;overflow-x:hidden;margin:-1.1rem auto 0;padding:0 1rem 3rem}.unit-bar.svelte-1n46o8q{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;padding:.75rem 1.1rem;margin-bottom:1.1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.unit-label.svelte-1n46o8q{font-size:.78rem;font-weight:700;color:#64748b;white-space:nowrap}.unit-pills.svelte-1n46o8q{display:flex;gap:.35rem;flex-wrap:wrap}.pill.svelte-1n46o8q{border:1.5px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:99px;padding:.25rem .7rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.pill.svelte-1n46o8q:hover{border-color:#4f6ef7;color:#4f6ef7}.pill-active.svelte-1n46o8q{background:#4f6ef7;border-color:#4f6ef7;color:#fff}.grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:1.25rem}.card.svelte-1n46o8q{background:#fff;border-radius:18px;min-width:0;overflow:hidden;padding:1.25rem;box-shadow:0 2px 12px #00000012;border:2.5px solid transparent;transition:transform .15s,box-shadow .15s,border-color .2s}.card.svelte-1n46o8q:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001c}.is-best.svelte-1n46o8q{border-color:#22c55e;background:linear-gradient(160deg,#f0fdf4,#fff 55%)}.card-top.svelte-1n46o8q{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.name-input.svelte-1n46o8q{flex:1;min-width:0;border:none;border-bottom:2px solid #e2e8f0;background:transparent;font-size:1rem;font-weight:700;color:#1e293b;padding:.2rem 0;outline:none;transition:border-color .15s}.name-input.svelte-1n46o8q:focus{border-bottom-color:#4f6ef7}.name-input.svelte-1n46o8q::placeholder{color:#94a3b8;font-weight:500}.btn-remove.svelte-1n46o8q{flex-shrink:0;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1.15rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s}.btn-remove.svelte-1n46o8q:hover{background:#fee2e2;color:#ef4444}.result-mobile.svelte-1n46o8q{display:none}.price-area.svelte-1n46o8q{text-align:center;padding:.65rem 0 .75rem;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center}.price-val.svelte-1n46o8q{font-size:2.3rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:#1e293b}.best-color.svelte-1n46o8q{color:#16a34a}.price-unit.svelte-1n46o8q{font-size:.82rem;color:#64748b;margin-top:.2rem}.discount-note.svelte-1n46o8q{font-size:.72rem;color:#f59e0b;margin-left:.3rem}.price-empty.svelte-1n46o8q{font-size:2.3rem;color:#cbd5e1;font-weight:300;line-height:1}.price-hint.svelte-1n46o8q{font-size:.75rem;color:#94a3b8;margin-top:.3rem}.badge-row.svelte-1n46o8q{margin-top:.5rem;display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;min-height:1.5rem}.badge.svelte-1n46o8q{display:inline-block;padding:.18rem .6rem;border-radius:99px;font-size:.72rem;font-weight:800;white-space:nowrap}.badge-best.svelte-1n46o8q{background:#22c55e;color:#fff}.badge-rank.svelte-1n46o8q{background:#e2e8f0;color:#475569}.badge-diff.svelte-1n46o8q{background:#fee2e2;color:#dc2626}.inputs.svelte-1n46o8q{display:flex;flex-direction:column;gap:.6rem;border-top:1px solid #f1f5f9;padding-top:.9rem;margin-top:.35rem}.field.svelte-1n46o8q{display:flex;flex-direction:column;gap:.2rem;min-width:0}.field.svelte-1n46o8q label:where(.svelte-1n46o8q){font-size:.67rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.input-row.svelte-1n46o8q{display:flex;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:border-color .15s;min-width:0}.input-row.svelte-1n46o8q:focus-within{border-color:#4f6ef7}.affix.svelte-1n46o8q{background:#f8fafc;padding:0 .55rem;border-right:1.5px solid #e2e8f0;color:#64748b;font-size:.9rem;display:flex;align-items:center;flex-shrink:0}.affix-right.svelte-1n46o8q{border-right:none;border-left:1.5px solid #e2e8f0}input[type=number].svelte-1n46o8q{flex:1;min-width:0;width:0;border:none;outline:none;padding:.5rem .65rem;font-size:.95rem;background:transparent;color:#1e293b}.discount-field.svelte-1n46o8q{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed #e2e8f0}.discount-field.svelte-1n46o8q label:where(.svelte-1n46o8q){font-size:.67rem;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.discount-row.svelte-1n46o8q{flex:1;min-width:0}.btn-discount.svelte-1n46o8q{display:block;width:100%;margin-top:.6rem;background:none;border:none;color:#94a3b8;font-size:.75rem;cursor:pointer;text-align:left;padding:0;transition:color .15s}.btn-discount.svelte-1n46o8q:hover{color:#4f6ef7}.add-area.svelte-1n46o8q{display:flex;justify-content:center;margin-bottom:1.75rem}.btn-add.svelte-1n46o8q{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#4f6ef7,#8b5cf6);color:#fff;border:none;border-radius:99px;padding:.7rem 2rem;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 3px 12px #4f6ef766;transition:transform .15s,box-shadow .15s}.btn-add.svelte-1n46o8q:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f6ef780}.btn-add.svelte-1n46o8q:active{transform:none}.plus-icon.svelte-1n46o8q{font-size:1.1rem;font-weight:400;line-height:1}.summary.svelte-1n46o8q{background:#fff;border-radius:18px;padding:1.35rem 1.35rem 1.1rem;box-shadow:0 2px 12px #00000012}.summary.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:.78rem;font-weight:800;color:#94a3b8;margin-bottom:.85rem;text-transform:uppercase;letter-spacing:.08em}.summary-rows.svelte-1n46o8q{display:flex;flex-direction:column;gap:.4rem}.summary-row.svelte-1n46o8q{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;background:#f8fafc;border-radius:10px;border:1.5px solid transparent}.summary-best.svelte-1n46o8q{background:#f0fdf4;border-color:#22c55e}.s-rank.svelte-1n46o8q{flex-shrink:0;padding:.15rem .55rem;border-radius:99px;font-size:.7rem;font-weight:800}.s-rank-1.svelte-1n46o8q{background:#22c55e;color:#fff}.s-rank-2.svelte-1n46o8q{background:#94a3b8;color:#fff}.s-rank-3.svelte-1n46o8q{background:#b45309;color:#fff}.s-rank-other.svelte-1n46o8q{background:#e2e8f0;color:#475569}.s-name.svelte-1n46o8q{flex:1;min-width:0;font-weight:600;color:#1e293b;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-price.svelte-1n46o8q{font-weight:700;color:#1e293b;font-size:.88rem;white-space:nowrap}.s-diff.svelte-1n46o8q{font-size:.75rem;color:#dc2626;font-weight:700;white-space:nowrap}.s-check.svelte-1n46o8q{font-size:.75rem;color:#16a34a;font-weight:800;white-space:nowrap}footer.svelte-1n46o8q{background:#1e293b;color:#64748b;text-align:center;padding:1rem;font-size:.8rem}@media(max-width:640px){header.svelte-1n46o8q{padding:1.5rem 1rem 1.75rem}header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:1.4rem}header.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:.82rem}main.svelte-1n46o8q{padding:0 .6rem 2rem}.unit-bar.svelte-1n46o8q{padding:.6rem .9rem;gap:.55rem;margin-bottom:.8rem}.grid.svelte-1n46o8q{grid-template-columns:1fr;gap:.6rem}.card.svelte-1n46o8q{padding:.8rem;border-radius:14px}.card.svelte-1n46o8q:hover{transform:none;box-shadow:0 2px 12px #00000012}.price-area.svelte-1n46o8q{display:none}.result-mobile.svelte-1n46o8q{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .35rem;margin-bottom:.7rem}.rm-price.svelte-1n46o8q{font-size:1.05rem;font-weight:800;color:#1e293b}.rm-unit.svelte-1n46o8q{font-size:.75rem;color:#64748b}.rm-discount.svelte-1n46o8q{font-size:.72rem;color:#f59e0b}.rm-empty.svelte-1n46o8q{font-size:.82rem;color:#94a3b8}.result-mobile.svelte-1n46o8q .badge:where(.svelte-1n46o8q){font-size:.65rem;padding:.12rem .45rem}.inputs.svelte-1n46o8q{flex-direction:row;gap:.45rem;padding-top:.65rem;margin-top:0}.inputs.svelte-1n46o8q .field:where(.svelte-1n46o8q){flex:1;min-width:0}input[type=number].svelte-1n46o8q{padding:.45rem .35rem;font-size:.88rem}.affix.svelte-1n46o8q{padding:0 .4rem;font-size:.82rem}.discount-field.svelte-1n46o8q{flex-wrap:wrap}.discount-row.svelte-1n46o8q{flex:1;min-width:120px}.btn-discount.svelte-1n46o8q{font-size:.72rem;margin-top:.5rem}.summary.svelte-1n46o8q{border-radius:14px;padding:1rem}.summary-row.svelte-1n46o8q{flex-wrap:wrap;gap:.4rem}}