:root{color:#1a1a1a;--color-primitive-light-blue-50:#f0f9ff;--color-primitive-light-blue-100:#dcf0ff;--color-primitive-light-blue-200:#c0e4ff;--color-primitive-light-blue-300:#97d3ff;--color-primitive-light-blue-900:#0055ad;--color-primitive-light-blue-1000:#00428c;--color-primitive-light-blue-1100:#00316a;--color-primitive-light-blue-1200:#00234b;--color-primitive-yellow-300:#ffd43d;--color-primitive-orange-800:#c74700;--color-primitive-magenta-900:#8b008b;--color-neutral-white:#fff;--color-neutral-black:#000;--color-neutral-solid-gray-50:#f2f2f2;--color-neutral-solid-gray-300:#b3b3b3;--color-neutral-solid-gray-420:#949494;--color-neutral-solid-gray-536:#767676;--color-neutral-solid-gray-600:#666;--color-neutral-solid-gray-800:#333;--color-neutral-solid-gray-900:#1a1a1a;--color-key-50:var(--color-primitive-light-blue-50);--color-key-100:var(--color-primitive-light-blue-100);--color-key-200:var(--color-primitive-light-blue-200);--color-key-300:var(--color-primitive-light-blue-300);--color-key-900:var(--color-primitive-light-blue-900);--color-key-1000:var(--color-primitive-light-blue-1000);--color-key-1100:var(--color-primitive-light-blue-1100);--color-key-1200:var(--color-primitive-light-blue-1200);--font-family-sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-8:4rem;--radius-small:.5rem;background:#fff}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-gutter:stable;min-height:100%;font-family:var(--font-family-sans)}body{min-width:320px;min-height:100vh;color:var(--color-neutral-solid-gray-900);background:var(--color-neutral-white);letter-spacing:.02em;margin:0;font-size:1rem;line-height:1.7}button,input,select{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}:where(a):any-link{color:var(--color-key-1000);text-underline-offset:.1875rem;text-decoration:underline;text-decoration-thickness:.0625rem}:where(a):visited{color:var(--color-primitive-magenta-900)}@media (hover:hover){:where(a):hover{color:var(--color-key-900);text-decoration-thickness:.1875rem}}:where(a):active{color:var(--color-primitive-orange-800);text-decoration-thickness:.0625rem}:focus-visible{outline:.25rem solid var(--color-neutral-black);outline-offset:.125rem;box-shadow:0 0 0 .125rem var(--color-primitive-yellow-300);border-radius:.25rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;top:var(--space-1);left:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-neutral-white);background:var(--color-neutral-black);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.page-shell{grid-template-rows:1fr auto;width:min(70rem,100% - 6rem);min-height:100vh;margin-inline:auto;display:grid}.app-shell{width:100%;padding-block:var(--space-4) var(--space-8)}.page-header{gap:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.back-link{color:var(--color-neutral-solid-gray-536);flex-shrink:0;margin-top:.625rem;font-size:.875rem;font-weight:400}.back-link:visited{color:var(--color-neutral-solid-gray-536)}.page-header h1{letter-spacing:.01em;margin:0;font-size:2.25rem;font-weight:700;line-height:1.4}.dads-form-control-label{color:var(--color-neutral-solid-gray-800);font-family:var(--font-family-sans);letter-spacing:.02em;border:0;flex-direction:column;margin:0;padding:0;font-size:1rem;font-weight:400;line-height:1.7;display:flex}.dads-form-control-label[data-size=md]{gap:var(--space-1)}.dads-form-control-label__label{align-self:start;padding:0;font-size:1.0625rem;font-weight:700}legend.dads-form-control-label__label{float:none;margin-bottom:var(--space-1)}.mode-control{margin-block:var(--space-4)}.mode-options{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.dads-radio{--_gap:.5rem;--_radio-size:2rem;--_radio-outer-size:1.625rem;--_radio-inner-size:.75rem;--_radio-border-width:.125rem;--_label-padding-top:.25rem;--_label-font-size:1rem;width:fit-content;padding-block:var(--space-1);align-items:start;gap:var(--_gap);display:flex}.dads-radio__radio{width:var(--_radio-size);height:var(--_radio-size);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.dads-radio__radio:has(:not(:focus,:disabled,[aria-disabled=true]):hover){background-color:var(--color-neutral-solid-gray-420)}}.dads-radio__input{--_base-color:var(--color-neutral-white);--_accent-color:var(--color-key-900);--_accent-hover-color:var(--color-key-1100);--_border-color:var(--color-neutral-solid-gray-600);--_border-hover-color:var(--color-neutral-black);width:var(--_radio-outer-size);height:var(--_radio-outer-size);appearance:none;background-color:var(--_base-color);border:var(--_radio-border-width) solid var(--_border-color);border-radius:51%;margin:0;position:relative}.dads-radio__input:focus{outline:.25rem solid var(--color-neutral-black);outline-offset:.125rem;box-shadow:0 0 0 .125rem var(--color-primitive-yellow-300)}@media (hover:hover){.dads-radio__input:not(:disabled,[aria-disabled=true]):hover{border-color:var(--_border-hover-color)}}.dads-radio__input:checked{border-color:var(--_accent-color)}.dads-radio__input:checked:before{width:var(--_radio-inner-size);height:var(--_radio-inner-size);background-color:var(--_accent-color);content:"";border-radius:51%;margin:auto;position:absolute;inset:0}@media (hover:hover){.dads-radio__input:checked:not(:disabled,[aria-disabled=true]):hover{border-color:var(--_accent-hover-color)}.dads-radio__input:checked:not(:disabled,[aria-disabled=true]):hover:before{background-color:var(--_accent-hover-color)}}.dads-radio__label{padding-top:var(--_label-padding-top);color:var(--color-neutral-solid-gray-800);font-family:var(--font-family-sans);font-size:var(--_label-font-size);letter-spacing:0;font-weight:400;line-height:1.3}.dads-input-text__input{box-sizing:border-box;max-width:100%;padding:.75rem var(--space-2);color:var(--color-neutral-solid-gray-900);background-color:var(--color-neutral-white);border:.0625rem solid var(--color-neutral-solid-gray-600);border-radius:var(--radius-small);font:inherit;line-height:1}.dads-input-text__input[data-size=lg]{height:3.5rem}.dads-input-text__input:focus-visible{outline:.25rem solid var(--color-neutral-black);outline-offset:.125rem;box-shadow:0 0 0 .125rem var(--color-primitive-yellow-300)}@media (hover:hover){.dads-input-text__input:not(:read-only):hover{border-color:var(--color-neutral-black)}}.dads-select{color:var(--color-neutral-solid-gray-800);font-family:var(--font-family-sans);letter-spacing:.02em;font-size:1rem;font-weight:400;line-height:1.7;display:block}.dads-select__control{width:fit-content;display:block;position:relative}.dads-select__select{box-sizing:border-box;padding-inline:var(--space-2) 2.5rem;vertical-align:middle;appearance:none;color:inherit;background-color:var(--color-neutral-white);border:.0625rem solid var(--color-neutral-solid-gray-600);border-radius:var(--radius-small);font:inherit;letter-spacing:inherit;line-height:1}.dads-select__select[data-size=md]{height:3rem}.dads-select__select:focus-visible{outline:.25rem solid var(--color-neutral-black);outline-offset:.125rem;box-shadow:0 0 0 .125rem var(--color-primitive-yellow-300)}@media (hover:hover){.dads-select__select:hover{border-color:var(--color-neutral-black)}}.dads-select__chevron{top:0;right:var(--space-2);pointer-events:none;width:1rem;height:1rem;margin-block:auto;position:absolute;bottom:0}.dads-button{--button-color:var(--color-key-900);--button-hover-color:var(--color-key-1000);--button-active-color:var(--color-key-1200);--button-outline-hover-bg-color:var(--color-key-200);--button-outline-active-bg-color:var(--color-key-300);box-sizing:border-box;width:fit-content;max-width:100%;color:var(--button-color);font-family:var(--font-family-sans);letter-spacing:.02em;text-underline-offset:.1875rem;justify-content:center;align-items:center;column-gap:.25rem;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;display:flex}.dads-button[data-size=md]{min-width:6rem;min-height:3rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-small)}.dads-button[data-type=outline]{color:var(--button-color);background-color:var(--color-neutral-white);border:.0625rem solid}.dads-button[data-type=text]{color:var(--button-color);background-color:#0000;border:0;text-decoration:underline;text-decoration-thickness:.0625rem}@media (hover:hover){.dads-button[data-type=outline]:hover{color:var(--button-hover-color);background-color:var(--button-outline-hover-bg-color);text-decoration:none}.dads-button[data-type=text]:hover{color:var(--button-hover-color);background-color:var(--color-key-50);text-decoration-thickness:.1875rem}}.dads-button[data-type=outline]:active{color:var(--button-active-color);background-color:var(--button-outline-active-bg-color);text-decoration:none}.dads-button[data-type=text]:active{color:var(--button-active-color);background-color:var(--color-key-100)}.dads-button:focus-visible{outline:.25rem solid var(--color-neutral-black);outline-offset:.125rem;box-shadow:0 0 0 .125rem var(--color-primitive-yellow-300)}.dads-button[data-type=text]:focus-visible{background-color:var(--color-primitive-yellow-300)}.calculator-card{background:var(--color-neutral-white);border:.0625rem solid var(--color-neutral-solid-gray-420);border-radius:var(--radius-small);overflow:hidden}.product-list{display:grid}.product-row{padding:var(--space-4);border-bottom:.0625rem solid var(--color-neutral-solid-gray-420);gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-row.best-row{background:var(--color-key-50)}.field{min-width:0}.value-input{appearance:textfield;font-variant-numeric:tabular-nums;width:100%;font-size:1.5rem;font-weight:400}.value-input::-webkit-inner-spin-button{appearance:none;margin:0}.value-input::-webkit-outer-spin-button{appearance:none;margin:0}.value-input::placeholder{color:var(--color-neutral-solid-gray-536)}.result-field{gap:var(--space-1);min-width:0;display:grid}.field-label{color:var(--color-neutral-solid-gray-800)}.result-box{width:100%;min-height:3.5rem;padding:var(--space-1) var(--space-2);color:var(--color-neutral-solid-gray-536);background:var(--color-neutral-solid-gray-50);border:.0625rem solid var(--color-neutral-solid-gray-420);border-radius:var(--radius-small);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:var(--space-1);white-space:nowrap;font-size:1.5rem;font-weight:400;display:flex}.result-box.has-value{color:var(--color-neutral-solid-gray-900)}.best-badge{padding:.25rem var(--space-1);color:var(--color-neutral-white);background:var(--color-key-1000);letter-spacing:0;border-radius:999px;flex:none;font-size:.875rem;font-weight:700;line-height:1.4}.settings-panel{margin:var(--space-3) var(--space-4) 0;padding:var(--space-2);background:var(--color-key-50);border:.0625rem solid var(--color-neutral-solid-gray-420);border-radius:var(--radius-small);justify-content:space-between;align-items:center;display:flex}.settings-panel>label{color:var(--color-neutral-solid-gray-800);font-size:1.0625rem;font-weight:700}.button-row{padding:var(--space-3) var(--space-4);justify-content:flex-end;gap:var(--space-2);display:flex}.site-footer{padding-block:var(--space-3);color:var(--color-neutral-solid-gray-536)}.site-footer small{font-size:.875rem}@media (width<=47.999rem){.page-shell{width:min(100% - 2rem,70rem)}.app-shell{padding-block:var(--space-3) var(--space-8)}.page-header{padding-top:1.75rem;display:block;position:relative}.back-link{margin-top:0;line-height:1.5;position:absolute;top:0;right:0}.page-header h1{font-size:2rem;line-height:1.5}.mode-control{margin-block:var(--space-3)}.mode-options{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.mode-options .dads-radio{--_label-font-size:1rem;width:100%;min-height:3rem;padding:var(--space-1) var(--space-2);border:.0625rem solid var(--color-neutral-solid-gray-536);color:var(--color-neutral-solid-gray-800);background:var(--color-neutral-white);cursor:pointer;justify-content:center;align-items:center;position:relative}.mode-options .dads-radio+.dads-radio{border-left:0}.mode-options .dads-radio:first-child{border-radius:var(--radius-small) 0 0 var(--radius-small)}.mode-options .dads-radio:last-child{border-radius:0 var(--radius-small) var(--radius-small) 0}.mode-options .dads-radio__radio{border-radius:0;width:100%;height:100%;position:absolute;inset:0}@media (hover:hover){.mode-options .dads-radio__radio:has(.dads-radio__input:hover){background-color:#0000}}.mode-options .dads-radio__input{opacity:0;cursor:pointer;border:0;width:100%;height:100%}.mode-options .dads-radio__input:focus{box-shadow:none;outline:0}.mode-options .dads-radio__label{z-index:1;color:inherit;white-space:nowrap;pointer-events:none;padding-top:0;position:relative}.mode-options .dads-radio:has(.dads-radio__input:checked){z-index:1;border-color:var(--color-neutral-solid-gray-536);color:var(--color-key-1200);background:var(--color-key-100);box-shadow:none}.mode-options .dads-radio:has(.dads-radio__input:checked) .dads-radio__label{font-weight:700}.mode-options .dads-radio:has(.dads-radio__input:focus-visible){z-index:2;outline:.25rem solid var(--color-neutral-black);outline-offset:.125rem;box-shadow:0 0 0 .125rem var(--color-primitive-yellow-300);border-radius:.25rem}@media (hover:hover){.mode-options .dads-radio:has(.dads-radio__input:not(:checked):hover){background:var(--color-key-50)}}.mode-label__suffix{display:none}.product-row{padding:var(--space-3);gap:var(--space-3) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.result-field{grid-column:1/-1}.value-input,.result-box{font-size:1.375rem}.settings-panel{margin:var(--space-3) var(--space-3) 0}.button-row{padding:var(--space-3)}}@media (width<=23.75rem){.page-shell{width:min(100% - 1.5rem,70rem)}.page-header h1{font-size:1.75rem}.product-row{padding:var(--space-2)}.settings-panel{margin-inline:var(--space-2)}.button-row{padding-inline:var(--space-2)}}@media (forced-colors:active){.dads-radio__input{--_accent-color:Highlight;--_accent-hover-color:Highlight;--_border-color:ButtonText;--_border-hover-color:ButtonText}.dads-select__select,.dads-select__chevron{color:buttontext;border-color:buttontext}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}