:root{--color-bg:#fafafa;--color-surface:#f5f6f8;--color-border:#e2e4e9;--color-text:#1a1a1a;--color-text-muted:#5c6270;--color-accent:#16a34a;--color-danger:#dc2626;--color-range:#dbeafe;--color-focus:#2563eb;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Meiryo,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--color-bg);max-width:100%;color:var(--color-text);font-feature-settings:"palt";margin:0;line-height:1.8;overflow-x:hidden}.app-header,.app-main,.app-footer{max-width:720px;padding:var(--space-4);margin:0 auto}.view-mode-switcher{gap:var(--space-2);max-width:720px;padding:var(--space-2) var(--space-4) 0;margin:0 auto;display:flex}.view-mode-switcher button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;font-size:.9rem}.view-mode-switcher button[aria-pressed=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.simple-mode-container{max-width:720px;padding:var(--space-4);margin:0 auto}.app-root[data-view-mode=simple] .app-header .pair-slots,.app-root[data-view-mode=simple] .app-main,.app-root[data-view-mode=simple] .app-footer,.app-root[data-view-mode=detail] .simple-mode-container{display:none}.simple-step{margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px}.simple-step h2{align-items:baseline;gap:var(--space-3);margin-top:0;display:flex}.simple-step__number{color:var(--color-accent);font-size:1.4rem;font-weight:700}.simple-step__title{font-size:1.1rem}.simple-pair-form,.simple-params-form{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.simple-risk-group{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.simple-profile-card{padding:var(--space-4);border:2px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;flex:160px;gap:4px;display:flex}.simple-profile-card[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px #16a34a33}.simple-profile-card__label{font-size:1.2rem;font-weight:700}.simple-profile-card__desc{color:var(--color-text-muted);font-size:.85rem}.simple-profile-card__preview-range{margin-top:var(--space-2);color:var(--color-text);font-size:.85rem;font-weight:600;display:block}.simple-profile-card__preview-usd{color:var(--color-text-muted);font-size:.78rem;display:block}.simple-profile-card__preview-apr{font-size:.85rem;font-weight:700;display:block}.simple-profile-card__preview-apr--positive{color:var(--color-accent)}.simple-profile-card__preview-apr--negative{color:var(--color-danger)}.simple-apr-conversion-note{color:var(--color-text-muted);margin:var(--space-2) 0 0;font-size:.78rem}.simple-advanced-note{color:var(--color-text-muted);margin-top:var(--space-3);font-size:.85rem}.simple-answer{font-size:1.3rem;font-weight:600;line-height:1.6}.app-header{border-bottom:1px solid var(--color-border)}.pair-slots{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=900px){.app-header,.app-main,.app-footer{max-width:1280px}.app-header{align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.app-header h1{flex:none;margin:0}.pair-slots{flex:auto;margin-top:0}.app-main{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"chart controls""chart inverse""summary summary""detail detail";display:grid}.payoff-chart-container{grid-area:chart;margin:0}.controls-container{grid-area:controls;margin:0}.inverse-mode-container{grid-area:inverse;margin:0}.hero-cards{grid-area:summary;margin:0}.detail-panel{grid-area:detail;margin:0}}.pair-slot{border:1px solid var(--color-border);min-width:0;padding:var(--space-3);background:var(--color-surface);border-radius:8px;flex:200px}.pair-select__group{gap:var(--space-2);flex-direction:column;display:flex}.pair-select__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;flex-basis:100%;display:flex}.hero-cards{margin:var(--space-6) 0}.hero-cards h2{margin:0 0 var(--space-3)}.hero-cards__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.hero-card{border:1px solid var(--color-border);padding:var(--space-4);background:var(--color-surface);border-radius:8px;min-width:0}.hero-card__label{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:.85rem}.hero-card__value{font-size:1.5rem;font-weight:700}.hero-card__value--large{margin:0 0 var(--space-2);font-size:2rem}.hero-card__value--positive{color:var(--color-accent)}.hero-card__value--negative{color:var(--color-danger)}.hero-card__note{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.75rem}.payoff-chart-container,.controls-container,.inverse-mode-container,.detail-panel{margin:var(--space-6) 0}.detail-panel__grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-item{border:1px solid var(--color-border);padding:var(--space-3);background:var(--color-surface);border-radius:8px;min-width:0}.detail-item--full{grid-column:1/-1}.detail-item__label{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:.85rem}.detail-item__value{word-break:break-word;margin:0;font-weight:600}.detail-item__note{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.8rem}.detail-scenario-apr-item--selected{color:var(--color-accent);font-weight:700}.payoff-chart svg{width:100%;max-width:100%;height:auto;display:block}.payoff-legend{justify-content:flex-end;gap:var(--space-3);color:var(--color-text-muted);font-size:.85rem;display:flex}.payoff-caption{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.8rem}.control-group{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) 0;grid-template-columns:minmax(140px,180px) minmax(120px,1fr) 72px minmax(56px,auto);display:grid}.control-group+.control-group{border-top:1px solid var(--color-border)}.control-error{color:var(--color-danger);grid-column:1/-1;font-size:.8rem}.control-width-preset-group{gap:var(--space-2);padding:0 0 var(--space-2);flex-wrap:wrap;display:flex}.control-width-preset-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.85rem}.control-width-preset-btn[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.control-symmetry-status,.control-source-badge,.control-fee-effective-display,.control-note{color:var(--color-text-muted);text-align:center;font-size:.8rem}.mode-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.mode-tabs [role=tab]{padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.mode-tabs [role=tab][aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:600}.inverse-description{color:var(--color-text-muted);margin:var(--space-2) 0;font-size:.9rem}.inverse-hint{color:var(--color-text-muted);margin:0 0 var(--space-2);font-size:.8rem}.review-field{margin-bottom:var(--space-3)}.review-field label{margin-bottom:var(--space-2);display:block}.review-error{color:var(--color-danger);font-weight:600}.review-verdict{font-size:1.4rem;font-weight:700}.review-verdict--win{color:var(--color-accent)}.review-verdict--loss{color:var(--color-danger)}.review-il-harvest-compare{color:var(--color-text-muted)}.app-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted)}.teaching-materials{margin-top:var(--space-3)}.teaching-materials__placeholder{color:var(--color-text-muted);font-size:.85rem}.disclaimer,.usd-like-note,.conversion-note{color:var(--color-text-muted);font-size:.8rem}.judgement{margin-top:var(--space-2);font-size:.85rem;font-weight:600;display:inline-block}.judgement--good{color:var(--color-accent)}.judgement--warn{color:var(--color-danger)}.judgement--fade{transition:opacity .12s}.hero-card--disabled{opacity:.4;pointer-events:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=480px){.app-header,.app-main,.app-footer{padding:var(--space-3)}.hero-cards__grid,.control-group{grid-template-columns:1fr}.control-symmetry-status,.control-source-badge{text-align:left}}