:root{--c-primary: #f59e0b;--c-primary-dark: #d97706;--c-primary-light: #fbbf24;--c-primary-subtle: #fef3c7;--c-accent: #1e3a5f;--c-accent-light: #2d5a8e;--c-text: #111827;--c-text-muted: #6b7280;--c-text-light: #9ca3af;--c-bg: #ffffff;--c-bg-soft: #f9fafb;--c-bg-muted: #f3f4f6;--c-border: #e5e7eb;--c-border-light: #f3f4f6;--c-success: #059669;--c-success-bg: #ecfdf5;--c-error: #dc2626;--c-error-bg: #fef2f2;--c-info: #2563eb;--c-info-bg: #eff6ff;--font-sans: "Inter", system-ui, -apple-system, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--max-w: 1200px;--max-w-narrow: 840px;--max-w-calc: 680px;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(245, 158, 11, .3);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration: .2s;--duration-slow: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg-soft);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:var(--c-accent);text-decoration:none;transition:color var(--duration) var(--ease)}a:hover{color:var(--c-primary-dark)}::selection{background:var(--c-primary-subtle);color:var(--c-accent)}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-5)}@media (min-width: 768px){.container{padding:0 var(--sp-8)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-muted{color:var(--c-text-muted)}.text-center{text-align:center}h1,h2,h3,h4{line-height:1.25;color:var(--c-text);letter-spacing:-.01em}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.2rem;font-weight:600}h4{font-size:1.05rem;font-weight:500}@media (min-width: 768px){h1{font-size:2.25rem}h2{font-size:1.6rem}}p{margin-bottom:var(--sp-4)}code{font-family:var(--font-mono);font-size:.875em;background:var(--c-bg-muted);padding:2px 6px;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}[data-theme=dark]{--c-primary: #fbbf24;--c-primary-dark: #f59e0b;--c-primary-light: #d97706;--c-primary-subtle: rgba(251, 191, 36, .12);--c-accent: #e2e8f0;--c-accent-light: #93c5fd;--c-text: #f1f5f9;--c-text-muted: #94a3b8;--c-text-light: #64748b;--c-bg: #1e1e2e;--c-bg-soft: #181825;--c-bg-muted: #2a2a3c;--c-border: #333347;--c-border-light: #2a2a3c;--c-success: #34d399;--c-success-bg: rgba(52, 211, 153, .1);--c-error: #f87171;--c-error-bg: rgba(248, 113, 113, .1);--c-info: #60a5fa;--c-info-bg: rgba(96, 165, 250, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(251, 191, 36, .35);color-scheme:dark}.header{background:var(--c-bg);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--c-bg) 92%,transparent)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.header__logo{font-size:1.4rem;font-weight:700;color:var(--c-accent);display:flex;align-items:center;gap:var(--sp-2);letter-spacing:-.02em}.header__logo span{color:var(--c-primary)}.header__logo:hover{color:var(--c-accent)}.header__nav{display:flex;align-items:center;gap:var(--sp-2)}.header__link{font-size:.9rem;font-weight:500;color:var(--c-text-muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.header__link:hover{color:var(--c-text);background:var(--c-bg-muted)}.header__link--active{color:var(--c-primary-dark);background:var(--c-primary-subtle)}.header__theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.15rem;background:var(--c-bg-muted);border:1px solid var(--c-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease);padding:0;line-height:1}.header__theme-toggle:hover{background:var(--c-primary-subtle);border-color:var(--c-primary-light)}.header__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:background var(--duration) var(--ease)}.header__toggle:hover{background:var(--c-bg-muted)}@media (min-width: 768px){.header__toggle{display:none}}.header__hamburger,.header__hamburger:before,.header__hamburger:after{display:block;width:20px;height:2px;background:var(--c-text);border-radius:1px;transition:all var(--duration) var(--ease)}.header__hamburger{position:relative}.header__hamburger:before,.header__hamburger:after{content:"";position:absolute;left:0}.header__hamburger:before{top:-6px}.header__hamburger:after{top:6px}.header__hamburger--open{background:transparent}.header__hamburger--open:before{top:0;transform:rotate(45deg)}.header__hamburger--open:after{top:0;transform:rotate(-45deg)}@media (max-width: 767px){.header__nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--c-bg);border-bottom:1px solid var(--c-border);flex-direction:column;padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-lg)}.header__nav--open{display:flex}.header__link{padding:var(--sp-3) var(--sp-4);font-size:1rem}}.footer{background:var(--c-bg);border-top:1px solid var(--c-border);padding:var(--sp-12) 0 var(--sp-8);margin-top:var(--sp-16)}.footer__inner{display:grid;grid-template-columns:1fr;gap:var(--sp-8)}@media (min-width: 640px){.footer__inner{grid-template-columns:2fr 1fr 1fr;gap:var(--sp-10)}}.footer__section h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:var(--sp-4)}.footer__section p{font-size:.9rem;color:var(--c-text-muted);line-height:1.6}.footer__section a{display:block;font-size:.9rem;color:var(--c-text);padding:var(--sp-1) 0;transition:color var(--duration) var(--ease)}.footer__section a:hover{color:var(--c-primary-dark)}.footer__copy{grid-column:1 / -1;text-align:center;font-size:.8rem;color:var(--c-text-light);margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--c-border-light)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__main{flex:1;padding:var(--sp-8) 0;background:var(--c-bg-soft)}.page-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-8)}@media (min-width: 768px){.page-grid{grid-template-columns:1fr 260px;gap:var(--sp-10)}}.sidebar{display:none}@media (min-width: 768px){.sidebar{display:block;position:sticky;top:88px;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:var(--sp-2)}}.sidebar__section{margin-bottom:var(--sp-5)}.sidebar__title{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-light);margin-bottom:var(--sp-2)}.sidebar__link{display:block;font-size:.88rem;padding:var(--sp-1) var(--sp-3);margin:1px 0;color:var(--c-text-muted);border-radius:var(--radius-sm);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.sidebar__link:hover{color:var(--c-text);background:var(--c-bg-muted)}.sidebar__link--active{color:var(--c-primary-dark);background:var(--c-primary-subtle);font-weight:600}.calc-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);transition:box-shadow var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease),transform var(--duration) var(--ease);display:flex;flex-direction:column}.calc-card:hover{border-color:var(--c-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.calc-card__title{font-size:1rem;font-weight:600;margin-bottom:var(--sp-2);line-height:1.35}.calc-card__title a{color:var(--c-text);transition:color var(--duration) var(--ease)}.calc-card__title a:hover{color:var(--c-primary-dark)}.calc-card__desc{font-size:.875rem;color:var(--c-text-muted);line-height:1.5;margin-bottom:var(--sp-3);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.calc-card__meta{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:auto}.calc-card__tag{font-size:.72rem;font-weight:500;background:var(--c-bg-muted);color:var(--c-text-muted);padding:2px 10px;border-radius:var(--radius-full);text-transform:capitalize}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--sp-5)}.breadcrumbs{display:flex;align-items:center;gap:var(--sp-1);font-size:.85rem;color:var(--c-text-muted);margin-bottom:var(--sp-6);flex-wrap:wrap}.breadcrumbs a{color:var(--c-text-muted);padding:2px 0;transition:color var(--duration) var(--ease)}.breadcrumbs a:hover{color:var(--c-primary-dark)}.breadcrumbs__sep{color:var(--c-text-light);margin:0 var(--sp-1);-webkit-user-select:none;user-select:none}.search-bar{position:relative;max-width:540px}.search-bar__input{width:100%;font-family:var(--font-sans);font-size:1rem;padding:var(--sp-3) var(--sp-5);padding-left:44px;border:2px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.search-bar__input::placeholder{color:var(--c-text-light)}.search-bar__input:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus)}.search-bar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text-light);pointer-events:none}.hero{text-align:center;padding:var(--sp-12) 0 var(--sp-10);max-width:680px;margin:0 auto}.hero__title{font-size:2rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:var(--sp-4)}@media (min-width: 640px){.hero__title{font-size:2.6rem}}.hero__subtitle{font-size:1.1rem;color:var(--c-text-muted);line-height:1.6;margin-bottom:var(--sp-8);max-width:540px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.home-section{margin-bottom:var(--sp-12)}.home-section__title{margin-bottom:var(--sp-6);padding-bottom:var(--sp-2)}.category-card{text-decoration:none}.calc-page{max-width:var(--max-w-calc)}.calc-page__title{font-size:1.75rem;margin-bottom:var(--sp-2);letter-spacing:-.015em}@media (min-width: 768px){.calc-page__title{font-size:2rem}}.calc-page__desc{font-size:1.05rem;color:var(--c-text-muted);margin-bottom:var(--sp-6);line-height:1.6}.calc-form{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);margin-bottom:var(--sp-8);box-shadow:var(--shadow)}@media (min-width: 640px){.calc-form{padding:var(--sp-8)}}@media (max-width: 479px){.calc-form>div[style],.calc-form>div>div[style]{grid-template-columns:1fr!important}}.input-field{margin-bottom:var(--sp-5)}.input-field__label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--sp-2);color:var(--c-text)}.input-field__hint{display:block;font-size:.8rem;color:var(--c-text-light);margin-bottom:var(--sp-2)}.input-field__control{width:100%;font-family:var(--font-sans);font-size:.95rem;padding:10px var(--sp-4);border:2px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input-field__control:hover{border-color:var(--c-text-light)}.input-field__control:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus)}.input-field__suffix{position:relative}.input-field__suffix .input-field__control{padding-right:60px}.input-field__unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:500;color:var(--c-text-light);pointer-events:none}select.input-field__control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.output-display{background:linear-gradient(135deg,var(--c-primary-subtle) 0%,var(--c-bg-muted) 100%);border:2px solid var(--c-primary-light);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);text-align:center}.output-display__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--c-text-muted);margin-bottom:var(--sp-1)}.output-display__value{font-size:1.75rem;font-weight:700;color:var(--c-accent);letter-spacing:-.02em;line-height:1.2}.output-display__detail{font-size:.85rem;color:var(--c-text-muted);margin-top:var(--sp-2)}.output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--sp-4);margin-top:var(--sp-6);margin-bottom:var(--sp-8)}.output-grid .output-display{margin-bottom:0}.formula-display{background:var(--c-bg-muted);border:1px solid var(--c-border-light);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-8)}.formula-display__title{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--c-text-muted);margin-bottom:var(--sp-3)}.formula-display__code{font-family:var(--font-mono);font-size:.95rem;color:var(--c-accent);white-space:pre-wrap;word-break:break-word;line-height:1.7}.seo-block{margin-bottom:var(--sp-10)}.seo-block h2{margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:2px solid var(--c-primary-subtle)}.seo-block h3{margin-bottom:var(--sp-3)}.seo-block p{font-size:.95rem;line-height:1.75;margin-bottom:var(--sp-4);color:var(--c-text)}.seo-block p:last-child{margin-bottom:0}.seo-block ol,.seo-block ul{padding-left:var(--sp-6);margin-bottom:var(--sp-5)}.seo-block li{font-size:.95rem;line-height:1.75;margin-bottom:var(--sp-2)}.seo-steps{counter-reset:step;list-style:none;padding:0}.seo-steps li{counter-increment:step;position:relative;padding-left:var(--sp-10);margin-bottom:var(--sp-5)}.seo-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;background:var(--c-primary);color:#fff;font-size:.8rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.seo-tips{list-style:none;padding:0}.seo-tips li{position:relative;padding-left:var(--sp-8);margin-bottom:var(--sp-4);line-height:1.65}.seo-tips li:before{content:"💡";position:absolute;left:0;top:1px;font-size:1rem}.example-box{background:var(--c-bg);border-left:4px solid var(--c-primary);border-radius:0 var(--radius) var(--radius) 0;padding:var(--sp-6);box-shadow:var(--shadow-xs)}.example-box__result{font-size:1.1rem;margin-bottom:var(--sp-3)}.example-box__result strong{color:var(--c-accent)}.example-box__explanation{font-size:.95rem;color:var(--c-text-muted);line-height:1.7}.faq-list{list-style:none;padding:0}.faq-item{border:1px solid var(--c-border-light);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-3);background:var(--c-bg);transition:border-color var(--duration) var(--ease)}.faq-item:hover{border-color:var(--c-primary-light)}.faq-item:last-child{margin-bottom:0}.faq-item__q{font-size:1rem;font-weight:600;margin-bottom:var(--sp-2);color:var(--c-text)}.faq-item__a{font-size:.92rem;color:var(--c-text-muted);line-height:1.7}.related-calcs{margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--c-border-light)}.related-calcs__title{font-size:1.1rem;font-weight:600;margin-bottom:var(--sp-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:var(--sp-3) var(--sp-6);border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration) var(--ease);text-decoration:none}.btn:active{transform:scale(.97)}.btn--primary{background:var(--c-primary);color:var(--c-accent);border-color:var(--c-primary)}.btn--primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff}.btn--secondary{background:var(--c-bg);color:var(--c-text);border-color:var(--c-border)}.btn--secondary:hover{border-color:var(--c-text-light);background:var(--c-bg-muted)}.btn--full{width:100%}.loading-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--c-text-light);font-size:.95rem}.loading-placeholder:before{content:"";width:20px;height:20px;border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;margin-right:var(--sp-3);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}