:root{--primary: #2563eb;--primary-strong: #1d4ed8;--primary-soft: #dbeafe;--secondary: #0ea5e9;--accent: #14b8a6;--bg: #f8fafc;--bg-soft: #eff6ff;--surface: #ffffff;--surface-muted: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-muted: #475569;--text-soft: #64748b;--danger: #dc2626;--success-bg: #dcfce7;--success-border: #16a34a;--success-text: #15803d;--header-bg: rgb(255 255 255 / 82%);--brand-gradient: linear-gradient(135deg, #2563eb 0%, #0ea5e9 55%, #14b8a6 100%);--shadow-sm: 0 1px 2px rgb(15 23 42 / 6%);--shadow: 0 12px 32px rgb(37 99 235 / 10%);--shadow-lg: 0 24px 60px rgb(15 23 42 / 12%);--radius: 16px;--radius-lg: 22px;--skeleton-base: #e8eef6;--skeleton-shine: rgb(255 255 255 / 80%);--glow-1: rgb(37 99 235 / 8%);--glow-2: rgb(20 184 166 / 8%);--container: min(1120px, 92vw);color-scheme:light}[data-theme=dark]{--primary: #60a5fa;--primary-strong: #93c5fd;--primary-soft: #1e293b;--secondary: #38bdf8;--accent: #2dd4bf;--bg: #0b1120;--bg-soft: #131c30;--surface: #131c30;--surface-muted: #1b2740;--border: #263449;--border-strong: #33475f;--text: #f1f5f9;--text-muted: #cbd5e1;--text-soft: #94a3b8;--danger: #f87171;--success-bg: #10331f;--success-border: #22c55e;--success-text: #4ade80;--header-bg: rgb(11 17 32 / 82%);--brand-gradient: linear-gradient(135deg, #60a5fa 0%, #38bdf8 55%, #2dd4bf 100%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow: 0 12px 32px rgb(0 0 0 / 45%);--shadow-lg: 0 24px 60px rgb(0 0 0 / 55%);--skeleton-base: #1b2740;--skeleton-shine: rgb(255 255 255 / 8%);--glow-1: rgb(96 165 250 / 12%);--glow-2: rgb(45 212 191 / 10%);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65;color:var(--text);background:radial-gradient(circle at 12% -4%,var(--glow-1),transparent 32%),radial-gradient(circle at 92% 0%,var(--glow-2),transparent 30%),var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}h1,h2,h3{font-family:inherit;font-weight:800;line-height:1.15;margin-top:0;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2.1rem,5vw,3.4rem);margin-bottom:1rem}h2{font-size:clamp(1.6rem,3.2vw,2.25rem);margin-bottom:.85rem}h3{font-size:1.18rem;margin:1.4rem 0 .5rem}p{margin-top:0;color:var(--text-muted)}a{color:var(--primary-strong);text-decoration:none}a:hover{color:var(--secondary)}img,svg{max-width:100%}strong{color:var(--text);font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}.container{width:var(--container);margin:0 auto}.section-spacing{padding:3rem 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;background:var(--surface);color:var(--text);padding:.6rem .9rem;border-radius:8px;box-shadow:var(--shadow);z-index:999}.site-header{position:sticky;top:0;backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border);z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;gap:1rem}.site-logo{display:inline-flex;align-items:center;text-decoration:none}.site-logo img,.site-logo svg{height:46px;width:auto;display:block}.header-actions{display:flex;align-items:center;gap:1.25rem}.menu-toggle{display:none;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);cursor:pointer;padding:0;flex-shrink:0}.menu-bars{display:block;width:20px;height:14px;position:relative}.menu-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor}.menu-bars span:nth-child(1){top:0}.menu-bars span:nth-child(2){top:6px}.menu-bars span:nth-child(3){top:12px}body.no-scroll{overflow:hidden}.drawer-backdrop{position:fixed;inset:0;background:#0206178c;opacity:0;transition:opacity .25s ease;z-index:40}.drawer-backdrop.is-open{opacity:1}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;display:flex;flex-direction:column;padding:1rem 1.1rem 1.5rem;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-drawer.is-open{transform:translate(0)}.mobile-drawer[hidden],.drawer-backdrop[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.drawer-title{font-weight:800;font-size:1.05rem;color:var(--text)}.drawer-close{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);cursor:pointer;padding:0}.drawer-nav{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;border-top:1px solid var(--border);padding-top:.75rem}.drawer-nav a{display:block;padding:.85rem .6rem;border-radius:10px;font-weight:600;font-size:1.02rem;color:var(--text-muted)}.drawer-nav a:hover,.drawer-nav a[aria-current=page]{background:var(--surface-muted);color:var(--primary-strong)}.drawer-lang{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border)}.drawer-lang a{display:block;padding:.7rem .6rem;border-radius:10px;font-weight:700;font-size:.92rem;color:var(--text-soft);border:1px solid var(--border)}.drawer-lang a[aria-current=true]{color:var(--primary-strong);border-color:var(--primary);background:var(--primary-soft)}.nav-list{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0}.nav-list a{color:var(--text-muted);font-weight:600;font-size:.96rem;padding:.35rem .1rem;transition:color .18s ease}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--primary-strong)}.lang-switch{display:inline-flex;align-items:center;gap:.15rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:.2rem}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;padding:.3rem .55rem;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;transition:background .18s ease,color .18s ease}.lang-switch a[aria-current=true]{background:var(--surface);color:var(--primary-strong);box-shadow:var(--shadow-sm)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);cursor:pointer;padding:0;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.theme-toggle:hover{color:var(--primary-strong);border-color:var(--border-strong);transform:translateY(-1px)}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-sun{display:none}.hero{padding-top:3.75rem}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:700;color:var(--primary-strong);background:var(--primary-soft);padding:.32rem .75rem;border-radius:999px;margin-bottom:1rem}.lede{font-size:1.12rem;max-width:42rem}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.8rem 1.4rem;font-weight:700;font-size:.98rem;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 12px 26px #2563eb42}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary-strong)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.feature-item{display:flex;gap:.7rem;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.feature-item .check{flex:none;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--brand-gradient);color:#fff;display:grid;place-items:center;font-size:.85rem;margin-top:.15rem}.feature-item span:last-child{color:var(--text-muted);font-weight:500}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.4rem}.link-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary-soft)}.link-card strong{display:block;font-size:1.05rem;margin-bottom:.2rem;color:var(--text)}.link-card span{color:var(--text-soft);font-size:.92rem}.converter-card{margin-top:1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.converter-inner{padding:1.5rem}.converter-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--brand-gradient)}.converter-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.converter-head h2{margin:0;font-size:1.35rem}.output-with-copy{display:flex;gap:.5rem;align-items:flex-start}.output-with-copy input,.output-with-copy .output-value{flex:1;min-width:0}.copy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:0 .85rem;min-height:3.1rem;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--primary-strong);font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.copy-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary)}.copy-btn:disabled{opacity:.55;cursor:not-allowed}.copy-btn.is-copied{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.instructions{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--border)}.instructions-title{margin:0 0 .5rem;font-weight:700;font-size:.95rem;color:var(--text)}.instructions ul{margin:0;padding-left:1.15rem;display:grid;gap:.35rem}.instructions li{font-size:.9rem;color:var(--text-soft)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.conv-table{width:100%;border-collapse:collapse;font-size:.95rem}.conv-table caption{caption-side:top;text-align:left;font-weight:700;font-size:1.1rem;padding:1rem 1rem .75rem;color:var(--text)}.conv-table th,.conv-table td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.conv-table thead th{background:var(--bg-soft);font-weight:700;color:var(--text)}.conv-table tbody tr:last-child td{border-bottom:none}.conv-table tbody tr:nth-child(2n){background:var(--surface-muted, var(--bg-soft))}.grid-section h2{margin-bottom:.4rem}.conv-grid{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.conv-grid-item{display:flex;align-items:center;gap:.35rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:.85rem;flex-wrap:wrap;transition:border-color .15s ease,background .15s ease}.conv-grid-item:hover{border-color:var(--border-strong)}.cg-from{font-weight:700;color:var(--text)}.cg-sep{color:var(--primary);font-weight:700}.cg-to{color:var(--text-soft)}@media(max-width:900px){.conv-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.conv-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.conv-grid{grid-template-columns:1fr}}.converter-form{display:grid;gap:.9rem}.field-row{display:grid;gap:.4rem}.converter-form label{font-weight:700;font-size:.92rem;color:var(--text)}.converter-form input{padding:.85rem .95rem;font-size:1.05rem;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--text);width:100%;transition:border-color .18s ease,box-shadow .18s ease}.converter-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent);outline:none}.converter-form input[readonly]{background:var(--bg-soft);font-weight:700;color:var(--primary-strong);cursor:default}.output-value{display:block;flex:1;min-width:0;padding:.85rem .95rem;font-size:1.05rem;font-weight:700;line-height:1.4;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-soft);color:var(--primary-strong);min-height:3.1rem;max-height:8.5rem;overflow-y:auto;overflow-wrap:anywhere;word-break:break-word}.formula-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.92rem;color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word}.formula-tag{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.helper-text{font-size:.9rem;color:var(--text-soft);margin:0}.output-box{margin-top:.25rem;padding:.9rem 1.05rem;border-radius:12px;background:var(--bg-soft);border:1px solid var(--primary-soft)}.result{font-size:1.15rem;font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-word}.result.is-error{color:var(--danger);font-weight:700;font-size:1.02rem}.is-skeleton{position:relative;overflow:hidden;background:var(--skeleton-base);color:transparent;user-select:none;border-color:var(--skeleton-base)!important}.is-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:skeleton-shimmer 1.1s linear infinite;will-change:transform}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.is-skeleton:after{animation:none}html{scroll-behavior:auto}.btn:hover,.link-card:hover{transform:none}}.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}.article{max-width:68ch}.article-block{margin-top:2rem}.article-block:first-of-type{margin-top:0}.article-block h2{margin:0 0 .75rem;font-size:1.4rem;line-height:1.25}.article-block p{margin:0 0 1rem;color:var(--text-soft);line-height:1.7}.article-block p:last-child{margin-bottom:0}.article-block ul{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-soft);line-height:1.7}.article-block li{margin-bottom:.4rem}.article-formula{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:.9rem 1.1rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.article-formula code{font-family:var(--font-mono, ui-monospace, monospace);font-size:.98rem;color:var(--text);white-space:nowrap}.faq-item{border-top:1px solid var(--border);padding:1.1rem 0}.faq-item:first-of-type{border-top:none}.faq-item h3{margin:0 0 .35rem;font-size:1.08rem}.faq-item p{margin:0}.site-footer{margin-top:3rem;border-top:1px solid var(--border);padding:2rem 0 2.5rem;background:var(--surface)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.footer-inner p{margin:0;font-size:.92rem;color:var(--text-soft)}.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap}.footer-links a{color:var(--text-muted);font-size:.92rem;font-weight:600}@media(max-width:760px){.section-spacing{padding:2.2rem 0}.card{padding:1.25rem}.header-actions{gap:.6rem}.primary-nav,.header-actions>.lang-switch{display:none}.menu-toggle{display:inline-flex}.converter-head{flex-direction:column;align-items:flex-start}.hero{padding-top:2.25rem}.site-logo img,.site-logo svg{height:38px}}@media(max-width:360px){:root{--container: min(1120px, 100vw - 1.5rem)}.header-inner{gap:.5rem}.header-actions{gap:.4rem}.theme-toggle{width:2.3rem;height:2.3rem}.menu-toggle{width:2.4rem;height:2.4rem}.site-logo img,.site-logo svg{height:34px}.converter-inner{padding:1.1rem}.output-with-copy{flex-direction:column}.copy-btn{justify-content:center;min-height:2.75rem}h1{font-size:clamp(1.75rem,8vw,2.1rem)}}