:root{--mobile-fixed-bar-height: 64px;--mobile-fixed-bar-safe-area: env(safe-area-inset-bottom, 0px)}:root{--canvas: #F3F6FA;--surface: #FFFFFF;--ink: #17233A;--muted: #4A5A72;--border: #E1E7F0;--control-border: #6B7C93;--primary: #2563A8;--primary-hover: #215794;--primary-soft: #E9EFF6;--primary-deep: #1F518A;--ico-bg: #E6EDF5;--cta: #F58A2E;--cta-hover: #E87A1B;--cta-ink: #17233A;--band: linear-gradient(135deg, #2563A8 0%, #1F518A 100%);--positive: #16603D;--positive-soft: #EAF4EE;--warning: #835100;--warning-soft: #FFF3D8;--danger: #AD2C35;--danger-soft: #FCEDEE;--focus: #235FBD;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-input: 12px;--r-button: 999px;--r-surface: 16px;--r-surface-lg: 22px;--r-badge: 999px;--font-jp: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Noto Sans JP", sans-serif;--font-num: "Helvetica Neue", "Inter", "Segoe UI", Arial, sans-serif;--fz-h1-pc: 32px;--fz-h1-sp: 26px;--fz-h2-pc: 24px;--fz-h2-sp: 22px;--fz-h3: 18px;--fz-body: 16px;--fz-label: 14px;--fz-note: 12px;--fz-cf-pc: 36px;--fz-cf-sp: 30px;--fz-score: 28px;--shadow-1: 0 8px 24px -14px rgba(23,35,58,.22);--shadow-2: 0 18px 40px -22px rgba(23,35,58,.32);--shadow-overlay: 0 8px 24px rgba(23, 43, 58, .12);--container-max: 1200px;--header-height-pc: 72px;--header-height-sp: 60px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:var(--font-jp);font-size:var(--fz-body);line-height:1.75;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2{font-weight:800}h3{font-weight:700}h1,h2,h3{margin:0 0 var(--s-4) 0;letter-spacing:0}h1{font-size:var(--fz-h1-sp);line-height:1.4}h2{font-size:var(--fz-h2-sp);line-height:1.45}h3{font-size:var(--fz-h3);line-height:1.5}@media (min-width: 768px){h1{font-size:var(--fz-h1-pc)}h2{font-size:var(--fz-h2-pc)}}a{color:var(--primary);text-underline-offset:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.band :focus-visible{outline-color:#fff}.container{max-width:var(--container-max);margin:0 auto;padding:var(--s-6) var(--s-4)}.band+.container{margin-top:-64px;position:relative;z-index:2}.row{display:flex;flex-wrap:wrap;gap:var(--s-4)}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.muted{color:var(--muted)}.note{font-size:var(--fz-note);line-height:1.6;color:var(--muted)}.btn{height:48px;padding:0 var(--s-5);border-radius:var(--r-button);font-size:var(--fz-body);font-weight:700;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-secondary:hover{background:var(--surface);border-color:var(--ink)}.btn-cta{background:var(--cta);color:var(--cta-ink);border-color:var(--cta)}.btn-cta:hover:not(:disabled){background:var(--cta-hover);border-color:var(--cta-hover)}.btn-cta:disabled{background:var(--border);color:var(--muted);border-color:var(--border);cursor:not-allowed;transform:none}.btn-glass{background:#ffffff24;color:#fff;border-color:#ffffff73}.btn-glass:hover:not(:disabled){background:#ffffff38;border-color:#ffffffb3}.input{height:48px;padding:0 var(--s-3);border:1.5px solid var(--control-border);border-radius:var(--r-input);background:var(--surface);width:100%;transition:border-color .12s ease,box-shadow .12s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:none}.input.invalid{border-color:var(--danger)}.field-label{display:block;font-weight:500;font-size:var(--fz-label);margin-bottom:var(--s-2)}.field-help{display:inline-block;font-size:var(--fz-note);color:var(--muted);margin-left:var(--s-2);text-decoration:underline;cursor:pointer}.field-row{margin-bottom:var(--s-5)}.field-row .field-error{color:var(--danger);margin-top:var(--s-1);font-size:var(--fz-label)}.badge{display:inline-flex;align-items:center;min-height:24px;padding:2px var(--s-3);border-radius:var(--r-badge);background:var(--warning-soft);color:var(--warning);font-size:var(--fz-note);font-weight:700}.badge--positive{background:var(--positive-soft);color:var(--positive)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.surface{min-width:0;background:var(--surface);border:0;border-radius:var(--r-surface);box-shadow:var(--shadow-1);padding:var(--s-5)}.judgment-memo{border-top:4px solid var(--primary);border-radius:var(--r-surface-lg);box-shadow:var(--shadow-2)}.judgment-memo.is-danger{border-top-color:var(--danger)}.judgment-memo.is-warning{border-top-color:var(--warning)}.metric-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-2) 0;border-bottom:1px solid var(--border)}.metric-row:last-child{border-bottom:0}.metric-row .name{color:var(--ink)}.metric-row .value{font-weight:700}.metric-row .unit{color:var(--muted);font-size:var(--fz-label);margin-left:4px}.metric-row.is-positive .value{color:var(--positive)}.metric-row.is-negative .value{color:var(--danger)}.metric-row.is-unknown .value{color:var(--muted)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.eyebrow{font-family:var(--font-num);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}.band .eyebrow{color:#fff;opacity:.85}.ico{width:44px;height:44px;border-radius:12px;background:var(--ico-bg);color:var(--primary);display:grid;place-items:center;flex:none}.band{position:relative;overflow:hidden;background:var(--band);color:#fff}.band:before{content:"";position:absolute;right:-140px;top:-260px;width:520px;height:520px;border-radius:50%;background:#ffffff1f;pointer-events:none}.band>*{position:relative;z-index:1}.band__inner{padding:32px var(--s-5) 96px}.band h1,.band h2,.band h3{color:#fff}.band p{color:#fff;opacity:.92}.band .muted,.band .note{color:#fff;opacity:.9}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:var(--s-3);top:var(--s-3);width:auto;height:auto;background:var(--ink);color:#fff;padding:var(--s-2) var(--s-3);border-radius:var(--r-button);z-index:9999}@media (max-width: 767px){.container{padding:var(--s-4)}.band__inner{padding:24px var(--s-4) 88px}}@media (min-width: 768px){.container{padding:var(--s-6) var(--s-5)}}@media (min-width: 1024px){.container{padding:var(--s-6) var(--s-8)}}@media (max-width: 767px){.row.stack-sp{display:flex;flex-direction:column;gap:var(--s-4)}}.mobile-fixed-bar{position:fixed;left:0;right:0;bottom:0;display:none;z-index:50;background:var(--surface);border-top:1px solid var(--border);padding:12px 16px calc(12px + var(--mobile-fixed-bar-safe-area));box-shadow:0 -8px 24px #172b3a14}.mobile-fixed-bar.is-visible{display:flex;gap:12px;align-items:center}.mobile-fixed-bar .btn{flex:1;height:48px}@media (max-width: 767px){body.has-fixed-bar{padding-bottom:calc(var(--mobile-fixed-bar-height) + 16px + var(--mobile-fixed-bar-safe-area))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.link-button{background:transparent;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;min-height:44px;min-width:44px;padding:0 8px;display:inline-flex;align-items:center}.choice-label{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;cursor:pointer}.band-top__grid{display:flex;flex-wrap:wrap;gap:var(--s-6);align-items:flex-start}.band-top__grid>*{flex:1 1 320px}.band-top__copy{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.band-top__sample{background:var(--surface);color:var(--ink);border-radius:var(--r-surface-lg);box-shadow:0 30px 60px -30px #0000008c;padding:var(--s-5);max-width:520px}.band-top__sample h1,.band-top__sample h2,.band-top__sample h3{color:var(--ink)}.band-top__sample p{color:var(--ink);opacity:1}.band-top__sample .muted,.band-top__sample .note{color:var(--muted);opacity:1}.field-toggle{display:inline-flex;flex-wrap:wrap;border:1.5px solid var(--border);border-radius:999px;padding:2px;gap:2px;width:fit-content;max-width:100%}.field-toggle>.btn{height:44px;padding:0 16px;font-size:var(--fz-note);border-radius:999px;border:0;background:transparent;color:var(--muted)}.field-toggle>.btn:hover:not(:disabled){transform:none;background:var(--primary-soft);color:var(--ink)}.field-toggle>.btn-primary{background:var(--primary);color:#fff}.field-toggle>.btn-primary:hover:not(:disabled){background:var(--primary-hover);color:#fff}.next-card-primary{background:var(--primary);color:#fff;border-radius:var(--r-surface);padding:var(--s-5)}.next-card-primary .btn-cta{background:#fff;color:var(--primary);border-color:#fff}.next-card-primary .btn-cta:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft)}.next-card-primary h2,.next-card-primary h3,.next-card-primary p,.next-card-primary .muted,.next-card-primary .note{color:#fff}.next-card-primary .muted,.next-card-primary .note{opacity:.9}
