:root{font-family:Inter,"Noto Sans JP",system-ui,-apple-system,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:10}.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;font-size:20px;color:#172033;text-decoration:none}.header-guide{font-size:13px;font-weight:700;color:#59677d;text-decoration:none}.badge{font-size:12px;padding:6px 10px;border-radius:999px;background:#e8f4ea;white-space:nowrap}.badge.preview{background:#fff0c7}.hero{padding:64px 0 34px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#59677d;margin:0}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.04;margin:10px 0 18px;letter-spacing:-.03em}.lead{color:#59677d;margin:0 0 20px;font-size:17px;line-height:1.8;max-width:760px}.hero-points{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.hero-points span,.opportunity-label{font-size:11px;font-weight:800;border-radius:999px;padding:6px 10px;background:#e8f4ea;color:#2d6540}.notice{padding:14px 16px;background:#fff4d6;border:1px solid #ead18a;border-radius:12px;font-size:14px;line-height:1.6}.hidden{display:none!important}.section-heading{margin:26px 0 16px}.section-heading h2{font-size:28px;margin:6px 0 8px}.section-heading p:not(.eyebrow){color:#657287;margin:0;line-height:1.7;max-width:760px}.section-heading.compact{margin:0 0 16px}.controls{display:grid;grid-template-columns:2fr 1fr;gap:12px;padding:16px;background:#fff;border:1px solid #e4e9f0;border-radius:16px}.control{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#59677d}.control input,.control select{width:100%;height:44px;border:1px solid #dbe1e9;border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-size:14px;color:#172033}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.count-note,.meta{font-size:12px;color:#718096}.toolbar button,.status button,.offer a,.primary-link,.source-cta{border:0;border-radius:10px;padding:12px 14px;background:#172033;color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.toolbar button:disabled{opacity:.55}.status{padding:28px 0;color:#657287}.status.empty{background:#fff;border:1px dashed #d7dee8;border-radius:14px;padding:24px;text-align:center;margin-bottom:36px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:34px}.card{background:#fff;border:1px solid #e4e9f0;border-radius:18px;padding:20px;box-shadow:0 6px 22px rgba(24,32,51,.05);display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.card h2{font-size:19px;margin:10px 0 12px;line-height:1.45}.prices{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0 16px}.price-box{background:#f7f9fc;border-radius:12px;padding:14px}.price-box.live,.offer.live{border:1px solid #dcebdd;background:#fbfefb}.price-box span{display:block;font-size:11px;color:#718096;font-weight:700}.price-box strong{display:block;margin-top:4px;font-size:24px}.price-box small{display:block;margin-top:5px;color:#7a8493;font-size:10px;line-height:1.5}.movement{min-height:38px;margin:0 0 16px}.card-actions{display:flex;gap:8px;align-items:stretch;flex-direction:column;margin-top:auto}.primary-link{display:block;text-align:center;min-height:44px}.secondary-link{color:#172033;font-weight:700;padding:10px;text-align:center;border:1px solid #dbe1e9;border-radius:10px;text-decoration:none}.text-source-link{display:block;text-align:center;padding:8px 6px;color:#59677d;font-size:12px;font-weight:700;text-decoration:none}.text-source-link:hover{text-decoration:underline}.how-it-works{margin:24px 0 32px;padding:28px;background:#fff;border:1px solid #e4e9f0;border-radius:20px}.how-it-works h2{margin:6px 0 20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps div{background:#f7f9fc;border-radius:14px;padding:18px}.steps b{display:flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#172033;color:#fff;margin-bottom:12px}.steps strong{display:block}.steps p{font-size:13px;color:#657287;line-height:1.6;margin:7px 0 0}.learning{margin:0 0 48px}.learning h2{margin:6px 0 16px}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.learning-grid a{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid #e4e9f0;border-radius:16px;text-decoration:none;color:#172033}.learning-grid a:hover{border-color:#b8c3d2}.learning-grid span{font-size:12px;color:#657287}.guide-cta{margin-top:32px;padding:20px;background:#f7f9fc;border-radius:14px}.guide-cta p{margin:6px 0 12px}.footer{border-top:1px solid #e5e9f0;color:#718096;padding:28px 0;margin-top:24px}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center}.footer nav{display:flex;gap:16px;flex-wrap:wrap}.footer a{color:#59677d;text-decoration:none}.footer a:hover{text-decoration:underline}.back{color:#59677d;text-decoration:none}.detail-wrap{padding:48px 0}.detail-card{background:#fff;border:1px solid #e4e9f0;border-radius:20px;padding:30px;max-width:780px;margin:auto}.detail-card h1{margin:10px 0;line-height:1.4}.decision-lead{color:#657287;line-height:1.7}.offers{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}.offer{border:1px solid #e4e9f0;border-radius:14px;padding:20px;position:relative}.offer h3{margin:0 0 6px}.offer .big{font-size:34px;font-weight:800}.offer-label{position:absolute;right:14px;top:14px;font-size:10px;font-weight:800;letter-spacing:.05em}.source-cta{display:block;text-align:center;margin-top:16px;padding:14px!important;min-height:48px}.history{margin-top:30px;border-top:1px solid #e4e9f0;padding-top:26px}.history h2,.history h3{margin:0 0 14px}.history h3{margin-top:24px}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-summary div{background:#f7f9fc;border-radius:12px;padding:14px}.history-summary span{display:block;font-size:11px;color:#718096}.history-summary strong{display:block;margin-top:5px}.history table{width:100%;border-collapse:collapse;font-size:13px}.history th,.history td{text-align:left;padding:10px;border-bottom:1px solid #e9edf3}.history th:last-child,.history td:last-child{text-align:right}.future-comparison{margin-top:28px;padding:18px;border:1px dashed #cfd7e3;border-radius:14px;background:#f9fafc}.future-comparison span{display:block;font-size:11px;font-weight:800;color:#718096}.future-comparison strong{display:block;margin:5px 0}.future-comparison p{font-size:12px;line-height:1.6;color:#718096;margin:0}.detail-note{font-size:12px;color:#718096;margin:22px 0 0}.error{color:#9c2f2f;background:#fff4f4;border:1px solid #eccaca;border-radius:14px;padding:20px}.header-actions{display:flex;align-items:center;gap:14px}.disclosure{max-width:780px;margin:0 auto 36px;padding:16px 18px;background:#fff;border:1px solid #e4e9f0;border-radius:14px;color:#657287;font-size:12px;line-height:1.7}.disclosure strong{color:#172033}.disclosure p{margin:6px 0 0}.legal-wrap,.error-page{padding:48px 0}.legal-card{max-width:820px;margin:auto;background:#fff;border:1px solid #e4e9f0;border-radius:20px;padding:32px;line-height:1.8}.legal-card h1{margin:4px 0 24px}.legal-card h2{font-size:20px;margin:30px 0 8px}.legal-card p{color:#59677d}.legal-updated{font-size:12px;margin-top:36px}@media(max-width:820px){.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}}@media(max-width:560px){.wrap{width:min(100% - 24px,1120px)}.grid,.controls,.history-summary,.learning-grid{grid-template-columns:1fr}.site-header{position:static}.header-inner{min-height:58px}.brand{font-size:17px}.hero{padding-top:36px}.hero h1{font-size:38px}.lead{font-size:15px}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.toolbar button{width:100%;min-height:44px}.detail-wrap{padding-top:24px}.detail-card,.legal-card,.how-it-works{padding:20px}.footer-inner{align-items:flex-start;flex-direction:column}.offer-label{position:static;display:block;margin-bottom:10px}.header-guide{display:none}.card{padding:18px}.primary-link,.source-cta{min-height:48px;padding:14px!important}.text-source-link{padding:10px 6px}.history{overflow-x:auto}.history table{min-width:420px}}

/* 2026-09 dark price-gap UI layer. Functional semantics remain in existing JS. */
:root{color:#eef1f5;background:#090b0f;color-scheme:dark}
body{background:radial-gradient(circle at 50% -20%,#20242b 0,#0c0f14 34%,#090b0f 70%);color:#eef1f5}
.site-header{background:rgba(9,11,15,.94);border-color:#262b33;backdrop-filter:blur(14px)}
.brand{color:#f5f7fa;letter-spacing:.02em;text-transform:none}.header-guide,.back{color:#929ba8}.badge{background:#15271d;color:#75df91;border:1px solid #29583a}.badge.preview{background:#2a2312;color:#f0c65d;border-color:#5d4a1b}
.hero{padding:76px 0 42px;border-bottom:1px solid #222730}.hero .eyebrow,.section-heading .eyebrow{color:#e0b64f}.hero h1{font-size:clamp(48px,8vw,82px);max-width:800px;letter-spacing:-.055em}.lead{color:#a6aeb9;max-width:680px}.scan-meta{display:flex;align-items:center;gap:10px;color:#747e8b;font-size:11px;font-weight:800;letter-spacing:.08em}.scan-dot{width:7px;height:7px;border-radius:50%;background:#61d57e;box-shadow:0 0 12px rgba(97,213,126,.7)}.notice{margin-top:20px;background:#231e10;border-color:#57471e;color:#d9c98f}
.scan-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid #292f38;background:#0f1217;margin:28px 0 54px}.scan-summary>div{padding:24px 28px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 18px}.scan-summary>div+div{border-left:1px solid #292f38}.scan-summary span,.rank-heading span{grid-column:1/-1;color:#737d8a;font-size:10px;font-weight:900;letter-spacing:.16em}.scan-summary strong{font-size:clamp(34px,6vw,56px);line-height:1;color:#fff}.scan-summary small{color:#e0b64f;font-weight:800;padding-bottom:4px}
.section-heading{margin:34px 0 18px}.section-heading h2{color:#f3f5f7}.section-heading p:not(.eyebrow){color:#8993a0}
.controls{background:#0f1217;border-color:#292f38;border-radius:4px}.control{color:#858f9c}.control input,.control select{background:#0a0c10;border-color:#303640;color:#eef1f5;border-radius:3px}.toolbar{color:#aeb5bf}.toolbar button,.status button,.offer a,.primary-link,.source-cta{background:#d9a72f;color:#0b0d10;border-radius:3px}.toolbar button:hover,.primary-link:hover,.source-cta:hover{filter:brightness(1.08)}.status{color:#7f8996}
.rank-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px;padding-bottom:10px;border-bottom:1px solid #292f38}.rank-heading span{grid-column:auto;color:#d8dde4}.rank-heading small{color:#697381;font-size:11px}.top-gaps{margin-top:10px}.other-gaps{margin-top:42px}
.grid{gap:14px}.card{background:#0f1217;border-color:#292f38;border-radius:4px;box-shadow:none;padding:18px;position:relative}.card.ranked{border-top:2px solid #d9a72f}.card-top{min-height:28px}.rank{font-size:12px;color:#e0b64f;font-weight:900;letter-spacing:.12em}.opportunity-label{background:#18211b;color:#79d48d;border:1px solid #294333;border-radius:2px;padding:5px 8px}.meta{color:#707a87}.card h2{color:#eef1f5;font-size:17px}.gap-block{padding:16px 0 13px;border-bottom:1px solid #292f38}.gap-block span{display:block;color:#737d8a;font-size:9px;font-weight:900;letter-spacing:.15em}.gap-block strong{font-size:34px;line-height:1.1;color:#f0bd42;letter-spacing:-.04em}.gap-block small{margin-left:8px;color:#8b95a2;font-weight:700}.prices{gap:6px}.price-box{background:#0a0c10;border-radius:2px}.price-box.live,.offer.live{background:#0c100d;border-color:#27342a}.price-box span{color:#7c8693}.price-box strong{color:#eef1f5}.movement{color:#aeb6c0}.text-source-link{color:#e0b64f}.secondary-link{color:#d6dbe1;border-color:#343a44;border-radius:3px}
.how-it-works,.learning-grid a,.disclosure,.detail-card,.legal-card{background:#0f1217;border-color:#292f38;border-radius:4px}.steps div,.history-summary div,.guide-cta{background:#0a0c10;border:1px solid #252a32;border-radius:3px}.steps b{background:#d9a72f;color:#090b0f}.steps p,.learning-grid span,.disclosure,.legal-card p,.decision-lead,.detail-note{color:#818b98}.learning-grid a{color:#e7ebef}.footer{border-color:#242a32;color:#68727f}.footer a{color:#8d96a2}.disclosure strong{color:#d8dde4}
.detail-card{max-width:900px}.detail-card h1{color:#f4f6f8}.offers{grid-template-columns:1fr 1fr}.offer{background:#0a0c10;border-color:#292f38;border-radius:3px}.offer .big{color:#f0bd42}.offer-label{color:#697481}.history{border-color:#292f38}.history th,.history td{border-color:#252a32}.history th{color:#737d8a}.error{background:#231113;border-color:#5d282d;color:#ef9ba3}
@media(max-width:820px){.offers{grid-template-columns:1fr}.scan-summary{margin-bottom:40px}}
@media(max-width:560px){.hero{padding-top:44px}.hero h1{font-size:50px}.scan-summary{grid-template-columns:1fr}.scan-summary>div+div{border-left:0;border-top:1px solid #292f38}.scan-summary>div{padding:20px}.gap-block strong{font-size:30px}.rank-heading{align-items:flex-start;gap:5px;flex-direction:column}}

/* Wireframe fidelity pass: marketplace roles and CTA hierarchy */
.card{border-color:#203844;background:linear-gradient(180deg,#0d151b 0%,#0a1116 100%)}
.card.ranked{border:1px solid #315a69;border-top:2px solid #d9a72f;box-shadow:0 0 0 1px rgba(46,183,224,.05) inset}
.gap-block{display:flex;align-items:baseline;gap:8px}.gap-block span{margin-right:auto}.gap-block strong{color:#ff3347}.rank{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 7px;border-radius:50%;background:#f1c51e;color:#111;font-size:13px;box-shadow:0 0 16px rgba(241,197,30,.25)}
.price-box.live{border-width:1px;background:#091117}
.price-box.sourcing.market-rakuten,.offer.sourcing.market-rakuten{border-color:#ff3347;background:linear-gradient(180deg,rgba(255,51,71,.11),rgba(255,51,71,.035))}
.price-box.sourcing.market-amazon,.offer.sourcing.market-amazon{border-color:#19a9ff;background:linear-gradient(180deg,rgba(25,169,255,.11),rgba(25,169,255,.035))}
.price-box.reference{border-color:#264655;background:#091117}
.price-box.sourcing.market-rakuten span,.offer.sourcing.market-rakuten h3{color:#ff5262}
.price-box.sourcing.market-amazon span,.offer.sourcing.market-amazon h3{color:#35b7ff}
.source-cta{display:block;text-align:center!important;padding:12px 14px!important;min-height:44px;border-radius:3px!important;text-decoration:none!important;color:#fff!important}
.source-cta.market-rakuten,.source-link[data-market="rakuten"]{background:#f52536!important;box-shadow:0 0 18px rgba(245,37,54,.12);color:#fff!important}
.source-cta.market-amazon,.source-link[data-market="amazon"]{background:#119df2!important;box-shadow:0 0 18px rgba(17,157,242,.12);color:#fff!important}
.source-cta.market-rakuten:hover,.source-cta.market-amazon:hover,.source-link[data-market]:hover{filter:brightness(1.12);text-decoration:none}.source-link[data-market]{display:block;text-align:center!important;padding:12px 14px!important;min-height:44px;border-radius:3px!important;text-decoration:none!important}
.detail-cta{background:#111a20!important;color:#e7edf1!important;border:1px solid #2b414d!important}
.detail-cta:hover{background:#17242c!important}
.toolbar button{background:#d9a72f;color:#0b0d10}
.offer.reference{border-color:#264655;background:#091117}
.offer .big{color:#f2f5f7}.offer.sourcing.market-rakuten .big{color:#ff4052}.offer.sourcing.market-amazon .big{color:#35b7ff}
@media(max-width:560px){.source-cta{min-height:48px;padding:14px!important}}


/* Approved wireframe fidelity v3 — presentation only */
.wrap{width:min(1220px,calc(100% - 40px))}
.site-header{border-bottom-color:#21404d;box-shadow:0 1px 0 rgba(29,178,222,.08)}
.header-inner{min-height:70px}.brand{font-size:23px;text-transform:uppercase;letter-spacing:.035em}
.hero{padding:58px 0 34px}.hero h1{font-size:clamp(52px,7vw,76px);margin-top:8px}.hero h1::first-line{color:#f4f6f8}
.scan-summary{margin-top:22px;margin-bottom:36px;border-color:#1e3b47;background:#0b151b}
.scan-summary>div{padding:20px 24px}.scan-summary strong{font-size:46px}.scan-summary>div:first-child strong{color:#ff3347}
.section-heading{margin-top:26px}.controls{padding:13px;border-color:#203844;background:#0a1217}
.toolbar{margin:12px 0 18px}.toolbar button{background:#e6ad27!important;font-weight:900}
.top-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.top-grid .card{padding:14px}
.top-grid .card h2{font-size:18px;min-height:52px}.top-grid .gap-block{padding:8px 0 10px}
.top-grid .gap-block strong{font-size:38px}.top-grid .prices{margin-top:8px}
.card{border-color:#244653}.card-top{flex-wrap:nowrap}.card-top .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.price-box{padding:12px}.price-box strong{font-size:25px}
.price-box.sourcing.market-rakuten{border-color:#ff3045;background:linear-gradient(180deg,rgba(255,48,69,.16),rgba(255,48,69,.055))}
.price-box.sourcing.market-amazon{border-color:#19a9ff;background:linear-gradient(180deg,rgba(25,169,255,.16),rgba(25,169,255,.055))}
.price-box.reference{border-color:#1e5066;background:linear-gradient(180deg,rgba(22,106,143,.10),rgba(9,17,23,.2))}
.source-cta{font-size:13px;font-weight:900;display:block!important}
.source-cta.market-rakuten{background:#f52235!important;border:1px solid #ff4b5b!important}
.source-cta.market-amazon{background:#159ff1!important;border:1px solid #42b9ff!important}
.detail-cta{order:2;background:#0a1217!important;border-color:#28434f!important;color:#d8e2e8!important}
.source-link{order:1}
.other-gaps .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.other-gaps .card{padding:12px}.other-gaps .card h2{font-size:13px;line-height:1.35}
.other-gaps .gap-block{display:block;padding:8px 0}.other-gaps .gap-block strong{font-size:26px}
.other-gaps .price-box{padding:9px}.other-gaps .price-box strong{font-size:18px}
.other-gaps .price-box small{display:none}.other-gaps .movement{min-height:0;font-size:11px}
.other-gaps .source-cta,.other-gaps .detail-cta{font-size:11px;padding:10px!important}
.rank-heading{border-bottom-color:#23424f}.rank-heading span{font-size:12px}
.how-it-works{border-color:#203844;background:#0c1419}
@media(max-width:1000px){.other-gaps .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.wrap{width:min(100% - 28px,1220px)}.top-grid,.other-gaps .grid{grid-template-columns:1fr 1fr}.brand{font-size:19px}}
@media(max-width:560px){.wrap{width:min(100% - 20px,1220px)}.top-grid,.other-gaps .grid{grid-template-columns:1fr}.hero h1{font-size:46px}.scan-summary strong{font-size:38px}.top-grid .card h2{min-height:0}.card-top{flex-wrap:wrap}.brand{font-size:17px}}

/* Approved public top structure — 2026-09-30 */
.hero-kicker{margin:18px 0 6px;color:#dce5ea;font-size:14px;font-weight:900;letter-spacing:.06em}.hero-detail{max-width:720px;margin:10px 0 0;color:#7f8d98;font-size:13px;line-height:1.75}.scan-summary{grid-template-columns:repeat(3,1fr)}.scan-summary>div+div{border-left:1px solid #1e3b47}.scan-summary>div:first-child strong{color:#f3f6f8}.scan-summary>div:nth-child(2) strong{color:#ff3347}.scan-summary>div:nth-child(3) strong{color:#f3f6f8}@media(max-width:820px){.scan-summary{grid-template-columns:1fr 1fr 1fr}}@media(max-width:560px){.scan-summary{grid-template-columns:1fr}.scan-summary>div+div{border-left:0;border-top:1px solid #1e3b47}}