:root{--ui-font-size:15px;--ui-page-width:980px;--ui-page-width-narrow:680px;--ui-page-padding-y:62px;--ui-header-margin-bottom:42px;--ui-section-gap:22px;--ui-card-padding:21px;--ui-card-min-height:210px;--ui-card-radius:14px;--ui-panel-padding:24px;--ui-control-padding-y:10px;--ui-button-padding-y:12px;--ui-input-unit-width:82px;--ui-control-gap:10px;--ui-hero-title-min:2.15rem;--ui-hero-title-max:4.35rem;--ui-page-title-min:1.9rem;--ui-page-title-max:3.1rem;--ui-card-title:1.2rem;--ui-eyebrow-size:.75rem;--ui-description-size:.95rem;--ui-meta-size:.8rem;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:BIZ UDPGothic,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html{font-size:var(--ui-font-size);background:#f8fafc}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}@media (width<=600px){:root{--ui-font-size:14px;--ui-page-width:calc(100% - 28px);--ui-page-width-narrow:calc(100% - 28px);--ui-page-padding-y:48px;--ui-header-margin-bottom:32px;--ui-section-gap:18px;--ui-card-padding:18px;--ui-card-min-height:0;--ui-panel-padding:20px;--ui-control-padding-y:9px;--ui-button-padding-y:11px;--ui-input-unit-width:74px;--ui-control-gap:8px}}.tool-card{min-height:var(--ui-card-min-height);padding:var(--ui-card-padding);border-radius:var(--ui-card-radius);background:#fff;border:1px solid #d8dee9;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 20px #0f172a0f}.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1f}.tool-card--featured{border:2px solid #ff2ea6;box-shadow:0 0 0 4px #ff2ea614,0 12px 30px #ff2ea624}.tool-card__featured{color:#fff;letter-spacing:.08em;background:#ff2ea6;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:700;position:absolute;top:-10px;right:16px}.tool-card__meta{color:#64748b;font-size:var(--ui-meta-size);justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.tool-card h2{color:#0f172a;font-size:var(--ui-card-title);margin:0 0 12px}.tool-card p{color:#475569;flex-grow:1;margin:0 0 20px;line-height:1.7}.tool-card__link{padding:var(--ui-control-padding-y) 14px;color:#fff;background:#0f172a;border-radius:8px;align-self:flex-start;font-weight:700;text-decoration:none}.tool-card__link:hover{background:#2563eb}.tool-card__link--disabled{color:#64748b;cursor:default;pointer-events:none;background:#e2e8f0}.calculator-page{width:min(var(--ui-page-width), calc(100% - 36px));margin:0 auto;padding:42px 0 62px}.back-link{color:#2563eb;margin-bottom:26px;text-decoration:none;display:inline-block}.calculator-page header{max-width:var(--ui-page-width-narrow);margin-bottom:34px}.calculator-page header h1{color:#0f172a;font-size:clamp(var(--ui-page-title-min), 4.6vw, var(--ui-page-title-max));margin:0 0 14px}.calculator-page header p{color:#475569;line-height:1.8}.calculator-note{color:#2563eb;margin-top:10px;font-weight:700}.calculator-layout{gap:var(--ui-section-gap);grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);display:grid}.calculator-panel,.result-panel,.assumption-panel{padding:var(--ui-panel-padding);border-radius:var(--ui-card-radius);background:#fff;border:1px solid #d8dee9;box-shadow:0 6px 20px #0f172a0f}.calculator-panel h2,.result-panel h2,.assumption-panel h2{margin-top:0}.calculator-panel label{color:#334155;margin-bottom:14px;font-weight:700;display:block}.input-with-unit{grid-template-columns:1fr var(--ui-input-unit-width);border:1px solid #cbd5e1;border-radius:8px;align-items:center;margin-top:6px;display:grid;overflow:hidden}.input-with-unit:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.input-with-unit input{width:100%;padding:var(--ui-control-padding-y);border:0;outline:0;font-size:.95rem}.input-with-unit span{padding:var(--ui-control-padding-y);color:#475569;text-align:center;font-size:var(--ui-meta-size);background:#f1f5f9}.calculator-panel button{width:100%;padding:var(--ui-button-padding-y);color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:8px;font-weight:800}.calculator-panel button:hover{background:#2563eb}.result-placeholder{color:#64748b}.result-list{margin:0}.result-list div{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.result-list dt{color:#475569}.result-list dd{color:#0f172a;text-align:right;margin:0;font-weight:800}.error-message,.warning-message{border-radius:8px;padding:12px}.error-message{color:#b91c1c;background:#fef2f2}.warning-message{color:#9a3412;background:#fff7ed;margin-top:16px;line-height:1.7}.assumption-panel{margin-top:22px}.assumption-panel li{color:#475569;margin-bottom:6px}@media (width<=760px){.calculator-page{width:var(--ui-page-width)}.calculator-layout{grid-template-columns:1fr}}.decision-chip{border-radius:999px;align-items:center;padding:6px 10px;font-weight:800;display:inline-flex}.decision-chip--acceptable{color:#047857;background:#ecfdf5}.decision-chip--excess{color:#b91c1c;background:#fef2f2}@media (width<=600px){.decision-chip{padding:5px 9px}}#root{min-height:100vh}.app{width:min(var(--ui-page-width), calc(100% - 36px));padding:var(--ui-page-padding-y) 0;margin:0 auto}.app__header{max-width:640px;margin-bottom:var(--ui-header-margin-bottom)}.app__header--detail{margin-bottom:28px}.app__back{color:#2563eb;margin-bottom:14px;font-weight:700;text-decoration:none;display:inline-block}.app__eyebrow{color:#2563eb;font-size:var(--ui-eyebrow-size);letter-spacing:.16em;margin:0 0 8px;font-weight:800}.app__header h1{color:#0f172a;font-size:clamp(var(--ui-hero-title-min), 6.3vw, var(--ui-hero-title-max));margin:0;line-height:1}.app__description{color:#475569;font-size:var(--ui-description-size);margin:16px 0 0;line-height:1.8}.tool-grid{gap:var(--ui-section-gap);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.app__empty{color:#64748b;text-align:center;border:1px dashed #94a3b8;border-radius:10px;padding:32px}.tool-detail{padding:var(--ui-panel-padding);border-radius:var(--ui-card-radius);background:#fff;border:1px solid #d8dee9;gap:16px;display:grid;box-shadow:0 6px 20px #0f172a0f}.tool-detail__meta{color:#64748b;font-size:var(--ui-meta-size);flex-wrap:wrap;gap:10px;display:flex}.tool-detail__body{color:#475569;gap:16px;line-height:1.8;display:grid}.tool-detail__link{color:#fff;background:#0f172a;border-radius:8px;justify-self:start;padding:9px 14px;font-weight:700;text-decoration:none}.tool-detail__link:hover{background:#2563eb}@media (width<=600px){.app{width:var(--ui-page-width);padding:var(--ui-page-padding-y) 0}.tool-detail{padding:var(--ui-panel-padding)}}