:root{color:#172033;background:#fff;font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(180deg,#f5f7ff,#fff 34%),#fff}button,input{font:inherit}.app-shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:48px 0 40px}.intro{margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#3157f6;font-size:.88rem;font-weight:700;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:12px;color:#172033;font-size:clamp(2rem,5vw,3.25rem);line-height:1.16;letter-spacing:0}.lead{display:grid;gap:4px;max-width:720px;margin-bottom:0;color:#47516b;font-size:1.04rem;line-height:1.75}.mode-tabs{display:inline-grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:4px;margin-bottom:18px;padding:4px;border:1px solid #cfd7ff;border-radius:8px;background:#f5f7ff}.mode-tab{min-height:42px;padding:0 18px;border:0;border-radius:6px;background:transparent;color:#47516b;cursor:pointer;font-weight:800;outline:none}.mode-tab.is-active{background:#3157f6;color:#fff;box-shadow:0 6px 16px #3157f62e}.mode-tab:focus-visible{outline:2px solid rgba(49,87,246,.42);outline-offset:2px}.view-panel:not(.is-active){display:none}.calculator{display:grid;gap:18px;padding:24px;border:1px solid #dce2ff;border-radius:8px;background:#fff;box-shadow:0 16px 40px #3157f614}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:4px}.panel-heading h2{margin-bottom:0;color:#172033;font-size:1.35rem}.panel-heading p{max-width:420px;margin-bottom:0;color:#5c6680;font-size:.92rem;line-height:1.7}.input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.field-group{display:grid;gap:8px}.field-label{color:#202a44;font-size:.95rem;font-weight:700}.field-group input{width:100%;min-height:56px;padding:12px 14px;border:1px solid #b9c6ff;border-radius:8px;background:#fbfcff;color:#172033;font-size:1.1rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field-group input:focus{border-color:#3157f6;background:#fff;box-shadow:0 0 0 4px #3157f61f}.field-hint{color:#6d768f;font-size:.86rem}.action-row{display:flex;justify-content:flex-end}.reset-button{min-height:44px;padding:0 18px;border:1px solid #cfd7ff;border-radius:8px;background:#fff;color:#2947bd;cursor:pointer;font-weight:700;transition:border-color .16s ease,background .16s ease,color .16s ease}.reset-button:hover{border-color:#3157f6;background:#eef2ff;color:#2440a8}.result-card{min-height:220px;padding:22px;border:1px solid #dce2ff;border-radius:8px;background:#fbfcff}.result-card.is-success{border-color:#b7c3ff;background:#f4f6ff}.result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.result-header h2{margin-bottom:0;color:#172033;font-size:1.18rem}.calculated-chip{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#3157f6;color:#fff;font-size:.82rem;font-weight:700}.result-list{display:grid;gap:10px;margin:0}.result-row{display:grid;grid-template-columns:minmax(100px,1fr) auto;align-items:center;gap:16px;padding:12px 14px;border:1px solid #dce2ff;border-radius:8px;background:#fff}.result-row.calculated{border-color:#627bff;box-shadow:inset 4px 0 #627bff}.result-row dt{color:#47516b;font-weight:700}.result-row dd{margin:0;color:#2947bd;font-size:1.35rem;font-weight:800;text-align:right}.exact-value{margin:14px 0 0;color:#5c6680;font-size:.9rem;line-height:1.6}.empty-result{display:grid;min-height:118px;place-items:center;margin-bottom:0;color:#5c6680;font-size:1.08rem;font-weight:700;text-align:center}.message-list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none;font-size:.94rem;line-height:1.6}.message-list li{padding:10px 12px;border-radius:8px}.message-list.warnings li{border:1px solid #efd38e;background:#fff8e6;color:#70510b}.message-list.errors li{border:1px solid #efb0a1;background:#fff1ed;color:#893927}.notice{margin-top:18px;padding:18px 20px;border-left:4px solid #ff6b9a;border-radius:8px;background:#fff2f7;color:#563043;font-size:.92rem;line-height:1.8}.notice p{margin-bottom:0}.quick-chart-section{margin-top:22px;padding:24px;border:1px solid #dce2ff;border-radius:8px;background:#fff;box-shadow:0 16px 40px #3157f60f}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-header h2{margin-bottom:0;color:#172033;font-size:1.35rem}.section-header p:last-child{max-width:360px;margin-bottom:0;color:#5c6680;font-size:.92rem;line-height:1.7}.quick-guide{display:grid;gap:4px;margin-bottom:14px;color:#47516b;font-size:.98rem;line-height:1.75}.quick-guide p{margin-bottom:0}.axis-note{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.axis-note span{padding:6px 10px;border:1px solid #cfd7ff;border-radius:999px;background:#f5f7ff;color:#2947bd;font-size:.86rem;font-weight:800}.table-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:4px;margin-bottom:14px;padding:4px;border:1px solid #cfd7ff;border-radius:8px;background:#f5f7ff}.table-switch-button{min-height:38px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:#47516b;cursor:pointer;font-weight:800;outline:none}.table-switch-button.is-active{background:#e8edff;color:#2440a8;box-shadow:inset 0 0 0 1px #8ea0ff}.table-switch-button:focus-visible{outline:2px solid rgba(49,87,246,.42);outline-offset:2px}.quick-table-panel:not(.is-active){display:none}.table-note{margin-bottom:10px;color:#47516b;font-size:.9rem;font-weight:700}.scroll-note{margin:-2px 0 10px;color:#5c6680;font-size:.86rem;line-height:1.6}.quick-table-wrap{overflow-x:auto;border:1px solid #dce2ff;border-radius:8px;background:#fff}.quick-table-panel.is-detailed .quick-table-wrap{max-height:70vh;overflow:auto;border:2px solid #b9c6ff;border-radius:8px;background:linear-gradient(to right,#fff 30%,#fff0) left / 36px 100% local,linear-gradient(to left,#fff 30%,#fff0) right / 36px 100% local,linear-gradient(to right,#3157f62e,#3157f600) left / 22px 100% scroll,linear-gradient(to left,#3157f62e,#3157f600) right / 22px 100% scroll,#fff;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #3157f614,0 10px 24px #3157f614;scrollbar-color:#8ea0ff #eef2ff;scrollbar-gutter:stable both-edges;scrollbar-width:auto;overscroll-behavior:contain}.quick-table-panel.is-detailed .quick-table-wrap::-webkit-scrollbar{width:14px;height:14px}.quick-table-panel.is-detailed .quick-table-wrap::-webkit-scrollbar-track{background:#eef2ff;border-radius:999px}.quick-table-panel.is-detailed .quick-table-wrap::-webkit-scrollbar-thumb{background:#8ea0ff;border:3px solid #eef2ff;border-radius:999px}.quick-table-panel.is-detailed .quick-table-wrap::-webkit-scrollbar-corner{background:#eef2ff}.quick-table{width:100%;min-width:760px;border-collapse:collapse}.quick-table.is-detailed{min-width:1880px}.quick-table caption{height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.quick-table th,.quick-table td{border:1px solid #dce2ff;padding:0;text-align:center}.quick-table th{background:#eef2ff;color:#2947bd;font-size:.9rem;font-weight:800}.quick-table thead th{background:#eef2ff;position:sticky;top:0;z-index:2}.quick-table thead th{height:42px}.quick-table tbody th{background:#eef2ff;position:sticky;left:0;z-index:1;width:68px}.quick-table thead th:first-child{background:#e1e7ff;left:0;z-index:3}.quick-cell{display:grid;width:100%;min-height:44px;place-items:center;border:0;background:#fff;color:#2947bd;cursor:pointer;font-size:.88rem;font-weight:700;transition:background .16s ease,color .16s ease}.quick-cell.is-compact{min-height:36px;font-size:.78rem}.quick-cell:hover,.quick-cell:focus-visible{background:#e8edff;color:#1f368f;outline:none}.quick-cell.is-selected{background:#e6ebff;color:#1f368f;box-shadow:inset 0 0 0 2px #8ea0ff}.quick-cell:focus-visible{box-shadow:inset 0 0 0 2px #8ea0ff}.quick-cell.is-selected:focus-visible{box-shadow:inset 0 0 0 2px #8ea0ff,0 0 0 2px #3157f62e}.quick-cell.is-error{background:#fff1ed;color:#893927}.quick-cell.is-error.is-selected{background:#f4f7f6;color:#394946;box-shadow:inset 0 0 0 3px #9fb7b1}.selection-note{margin:12px 0 0;color:#47516b;font-size:.9rem;font-weight:700}.slider-panel{display:grid;gap:18px;padding:24px;border:1px solid #dce2ff;border-radius:8px;background:#fff;box-shadow:0 16px 40px #3157f614}.slider-result{display:grid;gap:8px;padding:22px;border:1px solid #b7c3ff;border-radius:8px;background:#f4f6ff}.slider-result span{color:#47516b;font-size:.95rem;font-weight:800}.slider-result strong{color:#2947bd;font-size:clamp(2rem,8vw,3.5rem);line-height:1}.slider-result small{color:#5c6680;font-size:.9rem}.slider-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.slider-control{display:grid;gap:16px;padding:18px;border:1px solid #dce2ff;border-radius:8px;background:#fbfcff}.slider-control-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.slider-control-header h3{margin:0;color:#172033;font-size:1.05rem}.slider-control-header strong{color:#2947bd;font-size:1.8rem;line-height:1}.range-input{width:100%;accent-color:#3157f6;min-height:44px}.slider-step-row{display:grid;grid-template-columns:52px 1fr 52px;gap:10px}.step-button,.preset-button{border:1px solid #b9c6ff;border-radius:8px;background:#fff;color:#2947bd;cursor:pointer;font-weight:800}.step-button{min-height:52px;font-size:1.35rem}.step-button:hover,.preset-button:hover{background:#eef2ff;border-color:#3157f6}.slider-number-input{width:100%;min-height:52px;padding:10px 12px;border:1px solid #b9c6ff;border-radius:8px;background:#fff;color:#172033;font-size:1.08rem;font-weight:800;text-align:center}.slider-number-input:focus{border-color:#3157f6;box-shadow:0 0 0 4px #3157f61f;outline:none}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-button{min-height:42px;padding:0 12px;font-size:.92rem}.user-presets-section{display:grid;gap:14px;padding:18px;border:1px solid #dce2ff;border-radius:8px;background:#fbfcff}.user-presets-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.user-presets-header h3{margin:0;color:#172033;font-size:1.15rem}.user-presets-header p:last-child{max-width:360px;margin:0;color:#5c6680;font-size:.88rem;line-height:1.6}.user-presets-note{margin:0;padding:12px 14px;border:1px solid #dce2ff;border-radius:8px;background:#f6f8ff;color:#47516b;font-size:.86rem;line-height:1.65}.preset-status-message{margin:0;padding:10px 12px;border:1px solid #b9c6ff;border-radius:8px;background:#eef2ff;color:#2947bd;font-size:.88rem;font-weight:800}.preset-subsection{display:grid;gap:12px;padding-top:4px}.preset-subsection+.preset-subsection{padding-top:16px;border-top:1px solid #dce2ff}.preset-subsection h4{margin:0;color:#172033;font-size:1rem}.preset-form{display:grid;grid-template-columns:minmax(0,1.2fr) 120px 120px;gap:12px}.preset-field,.preset-field span{display:grid}.preset-field{gap:6px}.preset-field span{color:#47516b;font-size:.86rem;font-weight:800}.preset-field input,.preset-field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b9c6ff;border-radius:8px;background:#fff;color:#172033;font:inherit}.preset-field textarea{resize:vertical}.preset-field input:focus,.preset-field textarea:focus{border-color:#3157f6;box-shadow:0 0 0 4px #3157f61f;outline:none}.target-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-height:44px;padding:4px;border:1px solid #b9c6ff;border-radius:8px;background:#f5f7ff}.target-toggle-button{border:0;border-radius:6px;background:transparent;color:#47516b;cursor:pointer;font-weight:900}.target-toggle-button.is-active{background:#3157f6;color:#fff;box-shadow:0 4px 12px #3157f62e}.target-toggle-button:focus-visible{outline:2px solid rgba(49,87,246,.42);outline-offset:2px}.preset-field-note{grid-column:1 / -1}.preset-errors{display:grid;gap:6px;grid-column:1 / -1;margin:0;padding:0;color:#893927;font-size:.86rem;list-style:none}.preset-form-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.preset-save-button,.preset-cancel-button{min-height:42px;padding:0 16px;border-radius:8px;cursor:pointer;font-weight:800}.preset-save-button{border:1px solid #3157f6;background:#3157f6;color:#fff}.preset-cancel-button{border:1px solid #b9c6ff;background:#fff;color:#2947bd}.saved-presets-scroll{display:grid;gap:14px;max-height:420px;overflow:auto;padding-right:4px;scrollbar-gutter:stable}.saved-preset-group{display:grid;gap:10px}.saved-preset-group h5{margin:0;color:#2947bd;font-size:.92rem}.saved-presets-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.empty-presets{margin:0;color:#5c6680;font-size:.9rem}.saved-preset-card{display:grid;gap:8px;padding:12px;border:1px solid #dce2ff;border-radius:8px;background:#fff}.saved-preset-apply{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;width:100%;min-height:56px;padding:10px 12px;border:1px solid #b9c6ff;border-radius:8px;background:#eef2ff;color:#172033;cursor:pointer;text-align:left}.saved-preset-apply:hover{background:#e6ebff;border-color:#8ea0ff}.saved-preset-apply em{grid-column:1 / -1;overflow-wrap:anywhere;color:#172033;font-style:normal;font-weight:900}.saved-preset-apply span{align-self:center;color:#2947bd;font-size:.84rem;font-weight:900}.saved-preset-apply strong{color:#2947bd;font-size:1.35rem;line-height:1;text-align:right}.saved-preset-card p{margin:0;color:#5c6680;font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}.saved-preset-card small{color:#6d768f;font-size:.78rem}.saved-preset-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid #edf0ff}.saved-preset-actions button{min-height:36px;padding:0 12px;border:1px solid #b9c6ff;border-radius:8px;background:#fff;color:#2947bd;cursor:pointer;font-weight:800}.saved-preset-actions .saved-preset-delete{border-color:#efb0a1;color:#a33d2b}.saved-preset-actions .saved-preset-delete:hover{background:#fff1ed}@media(max-width:760px){.app-shell{width:min(100% - 18px,920px);padding:18px 0 20px}.intro{margin-bottom:16px}h1{margin-bottom:8px;font-size:1.7rem}.lead{gap:2px;font-size:.92rem;line-height:1.55}.calculator{padding:16px}.slider-panel{gap:12px;padding:12px}.mode-tabs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-tab{min-width:0;padding:0 8px}.table-switch{display:grid;width:100%}.panel-heading{align-items:flex-start;flex-direction:column;gap:4px}.slider-panel .eyebrow{margin-bottom:2px;font-size:.78rem}.slider-panel .panel-heading h2{font-size:1.35rem}.slider-panel .panel-heading p{font-size:.86rem;line-height:1.5}.input-grid{grid-template-columns:1fr}.action-row{justify-content:stretch}.reset-button{width:100%}.result-header{align-items:flex-start;flex-direction:column}.result-row{grid-template-columns:1fr;gap:6px}.result-row dd{text-align:left}.slider-control-grid{gap:12px;grid-template-columns:1fr}.slider-control{gap:10px;padding:12px}.slider-result{gap:4px;padding:14px 16px}.slider-result span{font-size:.82rem}.slider-result strong{font-size:clamp(1.85rem,11vw,2.6rem)}.slider-result small{font-size:.78rem}.slider-control-header strong{font-size:1.55rem}.range-input{min-height:32px}.slider-step-row{grid-template-columns:46px 1fr 46px;gap:8px}.step-button,.slider-number-input{min-height:44px}.step-button{font-size:1.15rem}.slider-number-input{padding:8px 10px;font-size:1rem}.preset-row{gap:6px}.preset-button{min-height:36px;padding:0 10px;font-size:.84rem}.user-presets-section{gap:12px;padding:12px}.user-presets-header{align-items:flex-start;flex-direction:column;gap:4px}.user-presets-note{padding:10px 12px;font-size:.78rem;line-height:1.55}.preset-form,.saved-presets-list{grid-template-columns:1fr}.saved-presets-scroll{max-height:360px}.preset-field input,.preset-field textarea,.target-toggle{min-height:42px}.saved-preset-apply{min-height:50px}.quick-chart-section{padding:16px}.quick-table-panel.is-detailed .quick-table-wrap{max-height:68vh;border-width:2px;box-shadow:inset 0 -18px 22px -22px #3157f6b3,inset -18px 0 22px -22px #3157f6b3,0 8px 20px #3157f61f;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.section-header{align-items:flex-start;flex-direction:column;gap:8px}}@media print{@page{size:A4 landscape;margin:12mm}*{print-color-adjust:economy;-webkit-print-color-adjust:economy}body{background:#fff}.app-shell{width:100%;padding:0}.intro,.mode-tabs,.calculator,.slider-panel{display:none}.quick-chart-section,.notice{box-shadow:none;break-inside:avoid}.view-panel.quick-chart-section,.view-panel.quick-chart-section:not(.is-active){display:block;margin-top:0;padding:0;border:0}.section-header{display:block;margin-bottom:8px}.selection-note,.table-switch,.quick-table-panel.is-detailed{display:none}.quick-table-panel.is-simple,.quick-table-panel.is-simple:not(.is-active){display:block}.quick-guide{display:grid;gap:2px;margin-bottom:8px;color:#111;font-size:9.5pt;line-height:1.45}.axis-note{display:flex;gap:6px;margin-bottom:8px}.axis-note span{padding:0;border:0;background:#fff;color:#111;font-size:9pt}.table-note{margin-bottom:6px;color:#111;font-size:9pt}.quick-table-wrap{max-height:none;overflow:visible;border:1px solid #555555;border-radius:0}.quick-table{min-width:0;table-layout:fixed}.quick-table th,.quick-table td{border-color:#555}.quick-table th{position:static;background:#fff;color:#111;font-size:8.5pt}.quick-cell{min-height:8mm;background:#fff;color:#111;font-size:8pt;font-weight:600}.quick-cell.is-error{background:#fff;color:#111}.quick-cell.is-selected,.quick-cell.is-error.is-selected{background:#fff;color:#111;box-shadow:none}.notice{margin-top:14px;padding:10px 12px;border-color:#8a8a8a;background:#fff;color:#111;font-size:.78rem;line-height:1.6}}