:root{--radius:.625rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#0f3d3e;--primary-hover:#144f50;--primary-active:#0b3031;--primary-foreground:#fff;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#5b6664;--accent:#e7f1f0;--accent-active:#d6e8e6;--accent-foreground:#0f3d3e;--border:#e2e5e4;--input:#737c7b;--ring:var(--primary);--sidebar:#fafafa;--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--destructive:#b93131;--destructive-hover:#a32929;--destructive-active:#8f2424;--destructive-foreground:#fff;--chart-1:var(--primary);--chart-2:#397779;--chart-3:#526884;--chart-4:#806d45;--chart-5:#79566f}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#171717;--foreground:#fafafa;--card:#202020;--card-foreground:#fafafa;--popover:#202020;--popover-foreground:#fafafa;--primary:#5aa3a5;--primary-hover:#6cb4b6;--primary-active:#579fa1;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a3afad;--accent:#213a3b;--accent-active:#294849;--accent-foreground:#cde6e5;--border:#383e3d;--input:#84918f;--ring:var(--primary);--sidebar:#202020;--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--destructive:#f87171;--destructive-hover:#f98b8b;--destructive-active:#f05f5f;--destructive-foreground:#171717;--chart-1:var(--primary);--chart-2:#8bc6c4;--chart-3:#92abc9;--chart-4:#c9b782;--chart-5:#c9a0bc;--color-success-fg:#4ade80;--color-success-bg:#052e164d;--color-success-border:#166534;--color-success-emphasis:#22c55e;--color-warning-fg:#fbbf24;--color-warning-bg:#451a034d;--color-warning-border:#92400e;--color-warning-emphasis:#f59e0b;--color-danger-fg:#f87171;--color-danger-bg:#450a0a33;--color-danger-border:#991b1b;--color-danger-emphasis:#ef4444;--color-info-fg:#60a5fa;--color-info-bg:#1725544d;--color-info-border:#1e40af;--color-info-emphasis:#3b82f6;--color-purple-fg:#c084fc;--color-purple-bg:#3b07644d;--color-purple-border:#6b21a8;--color-purple-emphasis:#a855f7}
.ds-theme-toggle{background:var(--background);width:36px;height:36px;color:var(--foreground);cursor:pointer;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.ds-theme-toggle:hover{background:var(--accent);color:var(--accent-foreground)}.ds-theme-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.ds-theme-toggle:disabled{cursor:not-allowed;opacity:.5}.ds-theme-toggle svg{grid-area:1/1;width:18px;height:18px;transition:opacity .2s,transform .2s}.ds-theme-toggle__moon{opacity:1;transform:rotate(0)scale(1)}.ds-theme-toggle__sun{opacity:0;transform:rotate(-45deg)scale(.7)}.ds-theme-toggle[data-theme=dark] .ds-theme-toggle__moon{opacity:0;transform:rotate(45deg)scale(.7)}.ds-theme-toggle[data-theme=dark] .ds-theme-toggle__sun{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:reduce){.ds-theme-toggle svg{transition:none}}
:root{font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:var(--background);color:var(--foreground);margin:0}button,input{font:inherit}button:not(:disabled){cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--border)}.header-inner,.page-nav,.site-main,.site-footer{width:min(100% - 48px,1080px);margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{min-width:44px;min-height:44px;color:var(--foreground);border-radius:4px;justify-content:center;align-items:center;line-height:0;display:inline-flex}.brand svg{width:40px;height:auto;display:block}.header-actions{color:var(--muted-foreground);align-items:center;gap:24px;font-size:13px;font-weight:600;display:flex}.page-nav{gap:32px;display:flex}.page-nav a{min-height:48px;color:var(--muted-foreground);align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.page-nav a:hover,.page-nav a[aria-current=page]{color:var(--foreground)}.page-nav a[aria-current=page]:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.site-main{flex:1;padding-top:clamp(44px,7vw,96px);padding-bottom:80px}.calculator-page{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(40px,7vw,96px);display:grid}.page-intro h1{letter-spacing:-.045em;word-break:keep-all;margin:0;font-size:clamp(34px,4vw,52px);font-weight:700;line-height:1.2}.intro-copy{max-width:32ch;color:var(--muted-foreground);word-break:keep-all;margin:28px 0 0;font-size:16px;line-height:1.75}.intro-note{border-left:2px solid var(--border);max-width:34ch;color:var(--muted-foreground);word-break:keep-all;margin:20px 0 0;padding-left:14px;font-size:13px;line-height:1.7}.source-link{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:5px;align-items:center;gap:6px;margin-top:28px;font-size:14px;font-weight:700;display:inline-flex}.source-link:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.calculator-workspace{border:1px solid var(--border);background:var(--card);border-radius:12px;min-width:0;overflow:hidden}.mode-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:8px 16px 0;display:grid}.mode-tabs button{min-height:46px;color:var(--muted-foreground);background:0 0;border:0;padding:8px 4px;font-size:13px;font-weight:600;position:relative}.mode-tabs button:hover{color:var(--foreground);background:var(--accent)}.mode-tabs button.active{color:var(--foreground)}.mode-tabs button.active:after{content:"";background:var(--primary);width:80%;height:2px;position:absolute;bottom:-1px;left:10%}.calculator-form{padding:clamp(24px,4vw,36px)}.form-heading{border-bottom:1px solid var(--border);padding-bottom:24px}.form-heading h2{color:var(--card-foreground);letter-spacing:-.025em;margin:0;font-size:20px;font-weight:700;line-height:1.35}.form-heading p{color:var(--muted-foreground);margin:8px 0 0;font-size:13px;line-height:1.5}.form-fields{gap:22px;padding:28px 0 30px;display:grid}.auto-calculator-form .form-fields{padding-bottom:0}.form-fields.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.field-group{border:0;margin:26px 0 0;padding:0}.field-group+.field-group{border-top:1px solid var(--border);padding-top:22px}.field-group legend{color:var(--foreground);padding:0;font-size:14px;font-weight:700}.field-group .form-fields{padding:16px 0 0}.field-group:last-child .form-fields{padding-bottom:0}.unit-picker{color:var(--muted-foreground);justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;font-size:12px;font-weight:600;display:flex}.unit-picker select{border:1px solid var(--border);background:var(--background);min-height:34px;color:var(--foreground);font:inherit;border-radius:7px;padding:4px 28px 4px 10px}.field label{color:var(--foreground);margin-bottom:9px;font-size:14px;font-weight:650;display:block}.input-shell{border:1px solid var(--input);background:var(--background);border-radius:8px;align-items:center;min-height:52px;transition:border-color .15s,box-shadow .15s;display:flex}.input-shell:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--ring)}.input-shell.invalid,.input-shell.invalid:focus-within{border-color:var(--destructive)}.input-shell input{width:100%;min-width:0;color:var(--foreground);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:12px 14px;font-size:17px}.input-shell input::-webkit-inner-spin-button{margin-right:2px}.input-shell input::-webkit-outer-spin-button{margin-right:2px}.input-shell span{color:var(--muted-foreground);flex:none;padding:0 16px 0 6px;font-size:14px;font-weight:600}.field-hint{color:var(--muted-foreground);margin:7px 0 0;font-size:12px}.field-hint.invalid{color:var(--destructive)}.result-panel{border-top:1px solid var(--border);background:var(--accent);min-height:182px;color:var(--accent-foreground);padding:25px clamp(24px,4vw,36px) 30px}.result-label{margin:0;font-size:13px;font-weight:700}.result-value{letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:12px 0 4px;font-size:clamp(44px,6vw,64px);font-weight:700;line-height:1.08}.result-value span{letter-spacing:-.02em;margin-left:6px;font-size:.48em}.result-detail{margin:8px 0 0;font-size:13px;line-height:1.5}.result-empty,.result-error{max-width:40ch;margin:20px 0 0;font-size:14px;line-height:1.6}.result-error{color:var(--destructive)}.method-note{max-width:68ch;color:var(--muted-foreground);word-break:keep-all;margin:30px 0 0 auto;padding:0 2px;font-size:13px;line-height:1.7}.method-note p{margin:0}.content-guide{border-top:1px solid var(--border);margin-top:56px;padding-top:24px}.content-guide summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.content-guide summary::-webkit-details-marker{display:none}.content-guide summary h2{letter-spacing:-.025em;margin:0;font-size:20px;line-height:1.4}.content-guide summary span{color:var(--muted-foreground);font-size:22px;line-height:1;transition:transform .15s}.content-guide[open] summary span{transform:rotate(180deg)}.guide-body{margin-top:22px}.guide-body>p,.guide-grid p{max-width:76ch;color:var(--muted-foreground);word-break:keep-all;margin:0;font-size:14px;line-height:1.8}.guide-body>p+p{margin-top:14px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px;display:grid}.guide-grid h3{margin:0 0 8px;font-size:16px;line-height:1.45}.site-footer{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:26px;padding-bottom:32px;font-size:12px}@media (max-width:760px){.calculator-page{grid-template-columns:1fr;gap:36px}.page-intro h1 br{display:none}.intro-copy,.intro-note{max-width:62ch}.method-note{max-width:none;margin-top:24px}}@media (max-width:480px){.header-inner,.page-nav,.site-main,.site-footer{width:min(100% - 32px,1080px)}.header-inner{gap:8px;min-height:70px}.brand svg{width:32px}.header-actions{gap:8px}.page-nav{gap:24px}.page-nav a{font-size:13px}.site-main{padding-top:40px;padding-bottom:24px}.calculator-page{gap:30px}.page-intro h1{font-size:36px}.intro-copy{margin-top:20px;font-size:15px}.source-link{margin-top:20px}.form-fields{gap:20px}.mode-tabs{padding-inline:8px}.mode-tabs button{font-size:12px}.form-fields.two-columns{grid-template-columns:1fr}.content-guide{margin-top:38px;padding-top:22px}.content-guide summary h2{font-size:18px}.guide-grid{grid-template-columns:1fr;gap:24px}.site-footer{padding-top:16px;padding-bottom:20px}}@media (prefers-reduced-motion:reduce){.input-shell,.content-guide summary span{transition:none}}