*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.card,.panel{border-radius:var(--radius-2xl,24px);--tw-backdrop-blur:blur(20px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 60px -20px rgba(23,63,96,.22),inset 0 0 0 1px rgba(255,255,255,.55)}.panel{display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.input-field{width:100%;border-radius:var(--radius-lg,16px);border-width:2px;border-color:var(--color-border,rgba(31,91,140,.16));background-color:var(--color-bg,#f7f9fb);padding:1rem 1.25rem;font-size:var(--text-lg,1.05rem);font-weight:500;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);min-height:var(--min-touch-target,52px)}.input-field:hover:not(:-moz-read-only){--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:rgba(31,91,140,.35);box-shadow:0 4px 16px rgba(31,91,140,.12)}.input-field:hover:not(:read-only){--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:rgba(31,91,140,.35);box-shadow:0 4px 16px rgba(31,91,140,.12)}.input-field:focus{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:var(--color-primary,#1f5b8c);box-shadow:0 0 0 4px rgba(31,91,140,.16),0 4px 16px rgba(31,91,140,.2)}.input-field.\!error,.input-field.error{border-color:var(--color-error,#ef4444)}.input-field.error{box-shadow:0 0 0 4px rgba(239,68,68,.1),0 4px 12px rgba(239,68,68,.15)}.input-field.\!error{box-shadow:0 0 0 4px rgba(239,68,68,.1),0 4px 12px rgba(239,68,68,.15)!important}.input-result{width:100%;border-radius:var(--radius-lg,16px);border-width:2px;border-color:var(--color-border,rgba(31,91,140,.16));background-color:var(--color-bg,#f7f9fb);padding:1rem 1.25rem;font-size:var(--text-lg,1.05rem);font-weight:500;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);min-height:var(--min-touch-target,52px)}.input-result:hover:not(:-moz-read-only){--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:rgba(31,91,140,.35);box-shadow:0 4px 16px rgba(31,91,140,.12)}.input-result:hover:not(:read-only){--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:rgba(31,91,140,.35);box-shadow:0 4px 16px rgba(31,91,140,.12)}.input-result:focus{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:var(--color-primary,#1f5b8c);box-shadow:0 0 0 4px rgba(31,91,140,.16),0 4px 16px rgba(31,91,140,.2)}.input-result.error{border-color:var(--color-error,#ef4444);box-shadow:0 0 0 4px rgba(239,68,68,.1),0 4px 12px rgba(239,68,68,.15)}.input-result{font-size:var(--text-xl,1.15rem);font-weight:700;background:var(--color-bg-result);box-shadow:inset 0 2px 4px rgba(31,91,140,.08)}.select-field{width:100%;cursor:pointer;border-radius:var(--radius-lg,16px);border-width:2px;border-color:var(--color-border,rgba(31,91,140,.16));padding:1rem 1.25rem;font-size:var(--text-sm,.875rem);font-weight:600;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);min-height:var(--min-touch-target,52px)}.select-field,.select-field:hover{background-color:var(--color-bg-subtle,#eff3f7)}.select-field:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:rgba(31,91,140,.28);box-shadow:0 4px 16px rgba(31,91,140,.12)}.select-field:focus{border-color:var(--color-primary,#1f5b8c);box-shadow:0 0 0 4px rgba(31,91,140,.18)}.btn-primary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.625rem;border-radius:9999px;border-width:2px;border-color:transparent;padding:.875rem 2.5rem;font-size:var(--text-base,1rem);font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--color-primary,#1f5b8c) 0,var(--color-primary-dark,#173f60) 100%);box-shadow:0 10px 30px -10px rgba(31,91,140,.35);min-height:var(--min-touch-target,48px);min-width:120px;letter-spacing:.03em}.btn-primary:hover:not(:disabled){--tw-translate-y:-0.125rem;--tw-brightness:brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);box-shadow:0 14px 36px -12px rgba(31,91,140,.42)}.btn-primary:active:not(:disabled),.btn-primary:hover:not(:disabled){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:active:not(:disabled){--tw-translate-y:0px;box-shadow:0 4px 20px -10px rgba(31,91,140,.32)}.btn-primary:focus-visible{outline:3px solid rgba(31,91,140,.35);outline-offset:3px}.btn-lang{cursor:pointer;border-radius:9999px;background-color:transparent;padding:.5rem 1.25rem;font-weight:600;color:var(--color-primary,#1f5b8c);transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);border:2px solid rgba(31,91,140,.2);letter-spacing:.02em}.btn-lang.\!active,.btn-lang.active{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:transparent;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-lang.active{background:linear-gradient(135deg,var(--color-primary,#1f5b8c) 0,var(--color-primary-dark,#173f60) 100%);box-shadow:0 10px 30px -10px rgba(31,91,140,.45)}.btn-lang.\!active{background:linear-gradient(135deg,var(--color-primary,#1f5b8c) 0,var(--color-primary-dark,#173f60) 100%)!important;box-shadow:0 10px 30px -10px rgba(31,91,140,.45)!important}.tab{display:flex;cursor:pointer;align-items:center;justify-content:space-between;border-radius:var(--radius-lg,16px);padding:.875rem 1rem;font-size:var(--text-sm,.875rem);font-weight:600;color:var(--color-text-secondary,#2f4a63);text-decoration-line:none;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);background:rgba(248,250,252,.5);border:1px solid rgba(31,91,140,.12)}.tab:hover{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:rgba(31,91,140,.24);box-shadow:0 8px 24px -10px rgba(31,91,140,.24)}.tab.\!active,.tab.active{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:transparent;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.tab.active{background:linear-gradient(135deg,var(--color-primary,#1f5b8c) 0,var(--color-primary-dark,#173f60) 100%);box-shadow:0 12px 36px -16px rgba(31,91,140,.5),inset 0 0 0 1px rgba(255,255,255,.24)}.tab.\!active{background:linear-gradient(135deg,var(--color-primary,#1f5b8c) 0,var(--color-primary-dark,#173f60) 100%)!important;box-shadow:0 12px 36px -16px rgba(31,91,140,.5),inset 0 0 0 1px rgba(255,255,255,.24)!important}.result-card{display:grid;cursor:default;gap:.5rem;border-radius:18px;padding:1.25rem;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);border:1px solid rgba(31,91,140,.1);background:linear-gradient(135deg,rgba(245,248,252,.9),rgba(255,255,255,.98))}.result-card:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:rgba(31,91,140,.22);box-shadow:0 16px 44px -16px rgba(31,91,140,.26);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,248,252,.92))}.input-section{border-radius:var(--radius-xl,20px);border-width:1px;border-color:var(--color-border-light,rgba(31,91,140,.08));background-color:var(--color-bg,#f7f9fb);padding:1rem}.result-section{position:relative;border-radius:var(--radius-xl,20px);border-width:2px;border-color:var(--color-primary-light,rgba(31,91,140,.16));padding:1rem;background:linear-gradient(135deg,rgba(31,91,140,.05),rgba(25,72,104,.08))}.label{font-weight:600;color:var(--color-text-muted,#516b84)}.label,.label-result{font-size:var(--text-sm,.875rem);letter-spacing:.025em}.label-result{font-weight:700;color:var(--color-primary,#1f5b8c)}.error-text{margin-top:.75rem;border-radius:var(--radius-md,12px);padding:.75rem 1rem;font-size:var(--text-sm,.875rem);font-weight:600;color:var(--color-error,#ef4444);border:1px solid rgba(239,68,68,.2);background:rgba(239,68,68,.08)}.settings-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem;padding-top:.75rem;padding-bottom:.75rem}.setting-item{display:grid;min-width:160px;gap:.5rem}.setting-label{color:var(--color-text-muted,#516b84)}.setting-label,.setting-select{font-size:var(--text-sm,.875rem);font-weight:600}.setting-select{cursor:pointer;border-radius:var(--radius-md,12px);border-width:2px;border-color:var(--color-border,rgba(31,91,140,.16));background-color:var(--color-bg,#f7f9fb);padding:.625rem 1rem;color:var(--color-text,#0f2233);outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.setting-select:hover{background-color:var(--color-bg-subtle,#eff3f7);border-color:rgba(31,91,140,.3)}.setting-select:focus{border-color:var(--color-primary,#1f5b8c);box-shadow:0 0 0 4px rgba(31,91,140,.2)}.sr-only{border-width:0}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-20{z-index:20}.m-0{margin:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-2{margin-left:.5rem}.mt-16{margin-top:4rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.w-full{width:100%}.min-w-\[56px\]{min-width:56px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[minmax\(0\2c 120px\)_minmax\(0\2c 1fr\)_minmax\(0\2c 200px\)\]{grid-template-columns:minmax(0,120px) minmax(0,1fr) minmax(0,200px)}.grid-cols-\[repeat\(auto-fit\2c minmax\(200px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-cols-\[repeat\(auto-fit\2c minmax\(220px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-white\/10{border-color:rgb(255 255 255/.1)}.border-white\/30{border-color:rgb(255 255 255/.3)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-0{padding:0}.p-7{padding:1.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0\.5{padding-bottom:.125rem}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl,1.35rem)}.text-lg{font-size:var(--text-lg,1.05rem)}.text-sm{font-size:var(--text-sm,.875rem)}.text-xl{font-size:var(--text-xl,1.15rem)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-primary{color:var(--color-primary,#1f5b8c)}.text-text{color:var(--color-text,#0f2233)}.text-text-muted{color:var(--color-text-muted,#516b84)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/90{color:rgb(255 255 255/.9)}.no-underline{text-decoration-line:none}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-base{transition-duration:.25s}.ease-smooth{transition-timing-function:cubic-bezier(.4,0,.2,1)}.glass{--tw-backdrop-blur:blur(20px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:rgba(255,255,255,.95);box-shadow:0 6px 22px rgba(15,34,51,.08)}.text-gradient{background:linear-gradient(135deg,var(--color-primary,#1f5b8c) 0,var(--color-primary-dark,#173f60) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white\/80:hover{border-color:rgb(255 255 255/.8)}.hover\:shadow-sm:hover{--tw-shadow:var(--shadow-sm,0 6px 18px rgba(23,63,96,0.08));--tw-shadow-colored:0 6px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:root{--font-sans:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","Noto Sans JP",sans-serif;--font-display:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--font-jp:var(--font-sans);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--color-primary:#1f5b8c;--color-primary-dark:#173f60;--color-primary-light:rgba(31,91,140,0.16);--color-primary-subtle:rgba(31,91,140,0.08);--color-text:#0f2233;--color-text-secondary:#2f4a63;--color-text-muted:#516b84;--color-text-light:#7a93a8;--color-bg:#f7f9fb;--color-bg-subtle:#eff3f7;--color-bg-muted:#e6edf3;--color-bg-input:#ffffff;--color-bg-result:linear-gradient(135deg,rgba(240,245,250,0.98),rgba(231,238,246,0.92));--color-border:rgba(31,91,140,0.16);--color-border-light:rgba(31,91,140,0.08);--color-border-focus:#1f5b8c;--color-error:#ef4444;--color-error-light:rgba(239,68,68,0.1);--color-success:#10b981;--color-success-light:rgba(16,185,129,0.1);--shadow-sm:0 6px 18px rgba(23,63,96,0.08);--shadow-md:0 12px 32px -12px rgba(23,63,96,0.18);--shadow-lg:0 22px 60px -20px rgba(23,63,96,0.22);--shadow-focus:0 0 0 4px rgba(31,91,140,0.16);--app-bg:radial-gradient(900px 520px at 12% -10%,rgba(49,125,160,0.12),transparent 60%),radial-gradient(880px 520px at 88% 0%,rgba(25,94,131,0.12),transparent 65%),linear-gradient(180deg,#f7f9fb,#edf2f6);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.05rem;--text-xl:1.15rem;--text-2xl:1.35rem;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--min-touch-target:44px;--gap:var(--space-md);--border:var(--color-border);--text:var(--color-text);--muted:var(--color-text-muted)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans),var(--font-jp),sans-serif;color:var(--color-text);background:var(--app-bg);background-attachment:fixed;line-height:1.6}.text-gradient,h1,h2,h3{font-family:var(--font-display),var(--font-sans),var(--font-jp),serif;letter-spacing:-.01em}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2}.brand{font-weight:700}.nav{display:flex;gap:12px}.main{max-width:960px;margin:0 auto;padding:16px}.footer{padding:16px;border-top:1px solid var(--border);text-align:center;color:var(--muted)}.converter{display:grid;gap:var(--gap);border:1px solid var(--border);border-radius:12px;padding:16px}.title{margin:0}.row{display:grid;grid-template-columns:80px 1fr 200px;gap:var(--gap);align-items:center}.label{color:var(--muted)}.input{padding:10px 12px;border:1px solid var(--border);border-radius:8px}.input-error{border-color:#ef4444}.select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.swap{display:flex;justify-content:center}.btn{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fafafa;cursor:pointer}.settings{display:flex;gap:var(--gap)}.setting{display:grid;gap:6px}.error{color:#b91c1c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:640px){.converter{padding:16px;gap:16px}.row{grid-template-columns:1fr;gap:10px}.row .label{font-weight:600}.select{width:100%}.swap{justify-content:flex-start}.btn{width:100%;display:inline-flex;align-items:center;justify-content:center}}input[type=text]:hover:not(:-moz-read-only){border-color:rgba(31,91,140,.32);transform:translateY(-1px);box-shadow:0 4px 14px rgba(31,91,140,.12)}input[type=text]:hover:not(:read-only){border-color:rgba(31,91,140,.32);transform:translateY(-1px);box-shadow:0 4px 14px rgba(31,91,140,.12)}input[type=text]:focus{border-color:#1f5b8c;box-shadow:0 0 0 4px rgba(31,91,140,.16),0 4px 16px rgba(31,91,140,.2);transform:translateY(-1px)}select:hover{border-color:rgba(31,91,140,.28);background:rgba(248,250,252,1);transform:translateY(-1px);box-shadow:0 4px 14px rgba(31,91,140,.12)}select:focus{border-color:#1f5b8c;box-shadow:0 0 0 4px rgba(31,91,140,.18);outline:none}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px -14px rgba(31,91,140,.38);filter:brightness(1.05)}button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 18px -10px rgba(31,91,140,.3)}button:focus-visible{outline:3px solid rgba(31,91,140,.32);outline-offset:3px}button[aria-label]:not([aria-label=""]):hover{transform:scale(1.05)}[style*=resultCard]:hover{transform:translateY(-4px);box-shadow:0 16px 44px -16px rgba(31,91,140,.26);border-color:rgba(31,91,140,.22);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,248,252,.92))}a[href]:hover{transform:translateX(4px);box-shadow:0 8px 22px -10px rgba(31,91,140,.22);border-color:rgba(31,91,140,.2)}a[href][style*=linear-gradient]:hover{transform:translateY(-2px) translateX(0);box-shadow:0 16px 40px -20px rgba(31,91,140,.5),inset 0 0 0 1px rgba(255,255,255,.3)}a[style*=footerLink]:hover{border-bottom-color:rgba(255,255,255,.8);transform:translateY(-1px)}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}section{animation:fadeIn .5s ease-out}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed;transform:none!important}:focus-visible{outline:3px solid rgba(31,91,140,.38);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}@keyframes resultHighlight{0%{background-color:rgba(31,91,140,.16);transform:scale(1.01)}to{background-color:transparent;transform:scale(1)}}.result-highlight{animation:resultHighlight .5s ease-out}@keyframes cardPulse{0%{box-shadow:0 0 0 0 rgba(31,91,140,.35)}70%{box-shadow:0 0 0 8px rgba(31,91,140,0)}to{box-shadow:0 0 0 0 rgba(31,91,140,0)}}.result-card-updated{animation:cardPulse .6s ease-out}::selection{background-color:rgba(31,91,140,.25);color:#0f2233}::-moz-selection{background-color:rgba(31,91,140,.25);color:#0f2233}