:root{--ground: #f6f7f9;--panel: #ffffff;--border: #e4e8ee;--border-strong: #d3d9e2;--header-bg: #f0f3f7;--ink: #1b2330;--ink-muted: #5c6675;--ink-faint: #8a93a1;--accent: #2e6ca4;--accent-soft: #9dbcd8;--accent-wash: #eaf1f7;--good: #2f8f5b;--warn: #c67a1e;--ch-organic: #3f9b6d;--ch-sns: #c65b7c;--ch-google: #e0a93b;--radius: 8px;--shadow: 0 1px 2px rgba(27, 35, 48, .04), 0 1px 3px rgba(27, 35, 48, .06);--font: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}.app{font-family:var(--font);color:var(--ink);background:var(--ground);line-height:1.5;-webkit-font-smoothing:antialiased;padding:0 0 48px;min-height:100vh}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.bar{background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.bar-inner{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{width:34px;height:34px;border-radius:7px;background:linear-gradient(150deg,#2e6ca4,#234f78);display:grid;place-items:center;color:#fff;font-size:17px;flex:none}.brand-title{font-size:16px;font-weight:700;letter-spacing:.01em}.brand-sub{font-size:11.5px;color:var(--ink-faint);margin-top:1px}.control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.period{display:inline-flex;align-items:center;gap:7px;background:var(--accent-wash);color:var(--accent);border:1px solid #cfe0ee;border-radius:6px;padding:6px 11px;font-size:12.5px;font-weight:600}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden}.seg button{font:inherit;font-size:12.5px;border:0;background:var(--panel);color:var(--ink-muted);padding:6px 13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.seg button+button{border-left:1px solid var(--border-strong)}.seg button.on{background:var(--ink);color:#fff}.seg button:disabled{color:var(--ink-faint);cursor:not-allowed;background:#fafbfc}.mini-tag{font-size:9px;font-weight:700;letter-spacing:.04em;background:#eceef2;color:#97a0ad;padding:1px 4px;border-radius:3px}.badge-mvp{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--accent);border:1px solid #cfe0ee;background:var(--accent-wash);border-radius:5px;padding:4px 8px}.tabs{background:var(--panel);border-bottom:1px solid var(--border)}.tabs-inner{max-width:1120px;margin:0 auto;padding:0 20px;display:flex;gap:4px}.tab{font:inherit;font-size:13.5px;font-weight:600;border:0;background:none;color:var(--ink-muted);padding:13px 6px 11px;margin-right:18px;cursor:pointer;border-bottom:2.5px solid transparent;display:inline-flex;align-items:center;gap:8px}.tab .num{font-size:11px;width:18px;height:18px;border-radius:50%;background:#eceef2;color:var(--ink-faint);display:grid;place-items:center;font-weight:700}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.tab.on .num{background:var(--accent);color:#fff}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.note{display:flex;gap:9px;align-items:flex-start;background:#fbf8ef;border:1px solid #ecddb8;color:#7a6427;border-radius:7px;padding:9px 13px;font-size:11.5px;margin:18px 0 4px}.note svg{width:14px;height:14px;flex:none;margin-top:1px}.note code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;background:#f1ead6;padding:1px 5px;border-radius:3px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 11px;display:flex;align-items:center;gap:9px}.eyebrow:after{content:"";flex:1;height:1px;background:var(--border)}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px 12px;box-shadow:var(--shadow);min-width:0}.card-label{font-size:11.5px;color:var(--ink-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.unit{font-size:9px;font-weight:700;letter-spacing:.03em;padding:1px 4px;border-radius:3px}.unit.sess{background:#eef4f9;color:#3b6a92}.unit.per{background:#eef6f1;color:#3a7d57}.card-num{font-size:25px;font-weight:700;letter-spacing:-.01em;margin-top:7px;font-variant-numeric:tabular-nums}.card-num .yen{font-size:16px;font-weight:600;margin-right:1px}.card-num .sm{font-size:14px;color:var(--ink-muted);font-weight:600}.delta{font-size:11px;margin-top:5px;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:3px}.delta.pos{color:var(--good)}.delta.warn{color:var(--warn)}.delta .lbl{color:var(--ink-faint);font-weight:400}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.stack{display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:13px 15px 12px;border-bottom:1px solid var(--border)}.panel-title{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.panel-sub{font-size:11px;color:var(--ink-faint);margin-top:3px}.pill{font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:2px 6px;border-radius:4px}.pill.sess{background:#eef4f9;color:#3b6a92}.pill.per{background:#eef6f1;color:#3a7d57}.pill.dir{background:#f4eef7;color:#8a5ca0}.tbl-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th,td{padding:8px 12px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}thead th{background:var(--header-bg);color:var(--ink-muted);font-weight:600;font-size:11px;border-bottom:1px solid var(--border-strong)}tbody tr+tr td{border-top:1px solid #eef1f5}td.metric,th.metric{text-align:left;color:var(--ink-muted);font-weight:600}.col-now{background:var(--accent-wash)}thead th.col-now,.em{color:var(--accent);font-weight:700}.muted-cell{color:var(--ink-faint)}.total-col{font-weight:700;background:#fafbfc}.ch-head{display:inline-flex;align-items:center;gap:5px;justify-content:flex-end}.dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.dot.organic{background:var(--ch-organic)}.dot.sns{background:var(--ch-sns)}.dot.google{background:var(--ch-google)}.rep{font-size:9px;color:var(--warn);font-weight:700;vertical-align:super;margin-left:1px}.basis{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.02em;padding:1px 5px;border-radius:3px;margin-left:4px;white-space:nowrap;vertical-align:middle}.basis.reg{background:#e7eff8;color:#2e6ca4}.basis.month{background:#e6f3ec;color:#2f8f5b}.basis.held{background:#f2ecf8;color:#8a5ca0}.bridge{display:flex;gap:9px;align-items:flex-start;font-size:11.5px;color:var(--ink-muted);background:#f4f6f9;border:1px dashed var(--border-strong);border-radius:7px;padding:9px 13px}.bridge b{color:var(--ink)}.explain{background:#f4f7fb;border:1px solid #d9e3ee;border-left:3px solid var(--accent);border-radius:8px;padding:12px 14px;margin:4px 0 2px}.explain h4{margin:0 0 9px;font-size:12.5px;font-weight:700;color:var(--ink)}.explain .note-line{font-size:11px;color:var(--ink-muted);margin-top:9px;line-height:1.6}.mini-legend{font-size:11px;color:var(--ink-muted);margin:-4px 0 10px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.chart-wrap{padding:12px 12px 4px}.recharts-wrapper{font-family:var(--font)}.recharts-cartesian-axis-tick-value{font-size:11px;fill:var(--ink-faint)}.recharts-default-tooltip{font-size:12px!important;border-radius:6px!important;border:1px solid var(--border-strong)!important}.chart-cap{font-size:11px;color:var(--ink-faint);padding:0 15px 12px}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card.cpa-total{border-color:#cfe0ee;background:linear-gradient(180deg,#f7fafd,#fff)}.cpa-ch{font-size:11.5px;color:var(--ink-muted);display:flex;align-items:center;gap:6px}.phase2{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:repeating-linear-gradient(135deg,#fcfcfd,#fcfcfd 10px,#f7f8fa 10px,#f7f8fa 20px);padding:16px 16px 18px;margin-top:14px}.phase2-head{display:flex;align-items:center;gap:9px;margin-bottom:4px}.phase2-tag{font-size:10px;font-weight:700;letter-spacing:.05em;color:#fff;background:#98a2b0;padding:3px 8px;border-radius:5px}.phase2-title{font-size:13px;font-weight:700;color:var(--ink-muted)}.phase2-sub{font-size:11.5px;color:var(--ink-faint);margin-bottom:12px}.ph-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ph-box{background:#ffffffb3;border:1px dashed var(--border-strong);border-radius:7px;padding:12px 13px}.ph-box .t{font-size:12.5px;font-weight:600;color:var(--ink-muted)}.ph-box .d{font-size:11px;color:var(--ink-faint);margin-top:4px}.foot{margin-top:30px;border-top:1px solid var(--border);padding-top:16px;font-size:11.5px;color:var(--ink-muted)}.foot h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.foot ul{margin:0;padding-left:18px;display:grid;gap:4px}.foot code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;background:#eef1f5;padding:1px 5px;border-radius:3px}@media (max-width: 760px){.cards,.cards-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}