:root{--bg: #ffffff;--bg-secondary: #f5f7fa;--bg-card: #ffffff;--text: #1a1a2e;--text-secondary: #555;--accent: #0ea5e9;--accent-hover: #0284c7;--border: #e2e8f0;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 4px 12px rgba(0,0,0,.1);--radius: 8px;--font: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--transition: .2s ease;--text-muted: #64748b}[data-theme=dark]{--bg: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text: #e2e8f0;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--border: #334155;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4);--text-muted: #8888aa}#navbar{min-height:56px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.converter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.converter-card h2{font-size:1.15rem;font-weight:700;margin-bottom:1rem}.converter-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end}.converter-field{display:flex;flex-direction:column;gap:.35rem}.converter-field label{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.converter-field input,.converter-field select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-size:1rem;color:var(--text);font-family:var(--font);transition:border-color var(--transition);width:100%}.converter-field input:focus,.converter-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e926}.converter-field select option{background:var(--bg-card)}.swap-btn{background:var(--accent);color:#fff;border:none;border-radius:50%;width:42px;height:42px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform .15s;flex-shrink:0;margin-bottom:4px}.swap-btn:hover{background:var(--accent-hover);transform:rotate(180deg)}.converter-actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.action-btn{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition);font-family:var(--font);display:flex;align-items:center;gap:6px}.action-btn:hover{background:var(--bg-secondary);color:var(--accent)}.action-btn svg{width:15px;height:15px;flex-shrink:0}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.quick-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;overflow:hidden}.quick-item .from{color:var(--text-secondary);flex-shrink:0}.quick-item .to{font-weight:600;color:var(--text);overflow-wrap:break-word;word-break:break-all;min-width:0;text-align:right}.field-error{border-color:var(--error)!important;box-shadow:0 0 0 2px #ef444426}.field-error:focus{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef444433}.error-msg{color:var(--error);font-size:.8rem;margin-top:.25rem;display:none}.error-msg.visible{display:block}.info-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.info-section th{font-weight:700;color:var(--text);background:linear-gradient(135deg,var(--bg-secondary),rgba(14,165,233,.08));font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.info-section tbody tr:nth-child(2n){background:#0ea5e908}.info-section tbody tr:hover{background:#0ea5e912;transition:background .2s}.formula-box{background:#0ea5e914;border:1px solid rgba(14,165,233,.2);border-radius:var(--radius);padding:1rem 1.25rem;margin:1rem 0;text-align:center;font-size:1.05rem;color:var(--accent);font-weight:600;overflow-wrap:break-word;word-break:break-word}.related-tools{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.faq-q:after{content:"+";font-size:1.2rem;color:var(--text-secondary);transition:transform var(--transition)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:1.5rem}.guide-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow var(--transition),transform var(--transition)}.guide-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);text-decoration:none}.guide-card .guide-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-secondary)}.guide-card .guide-tag{display:inline-block;background:var(--accent);color:#fff;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.guide-card h3{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.4}.guide-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.guide-card .read-more{font-size:.85rem;font-weight:600;color:var(--accent);margin-top:auto}.guide-article{max-width:760px;margin:0 auto}.guide-article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.guide-article-header h1{font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:.75rem}.guide-article-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.guide-actions{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.guide-body h2{font-size:1.35rem;font-weight:700;margin:2rem 0 .75rem;color:var(--text)}.guide-body h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text)}.guide-body p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1rem}.guide-body ul,.guide-body ol{padding-left:2rem;margin-bottom:1rem}.guide-body li{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:.35rem;overflow-wrap:break-word;word-break:break-word}.guide-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1.25rem 0;font-size:.88rem;table-layout:fixed;border-radius:10px;overflow:hidden;border:1px solid var(--border);box-shadow:0 1px 4px #0000000f}.guide-body th,.guide-body td{padding:.7rem .85rem;text-align:left;overflow-wrap:break-word;word-break:break-word;border-bottom:1px solid var(--border)}.guide-body th{font-weight:700;color:var(--text);background:linear-gradient(135deg,var(--bg-secondary),rgba(14,165,233,.08));font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.guide-body tbody tr:nth-child(2n){background:#0ea5e908}.guide-body tbody tr:hover{background:#0ea5e912;transition:background .2s}.guide-body tbody tr:last-child td{border-bottom:none}.guide-body td{color:var(--text-secondary)}.guide-body td strong{color:var(--text)}.guide-body blockquote{border-left:4px solid var(--accent);margin:1.25rem 0;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:0 var(--radius) var(--radius) 0}.guide-body blockquote p{margin-bottom:0}.tip-box{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem;margin:1.25rem 0}.tip-box strong{color:var(--accent)}.guide-toc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:2rem}.guide-toc h2{font-size:1rem;font-weight:700;margin-bottom:.75rem}.guide-toc ol{padding-left:1.25rem;margin:0}.guide-toc li{margin-bottom:.4rem;font-size:.9rem}.guide-cta{margin-top:2.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.guide-cta p{width:100%;margin-bottom:.25rem;color:var(--text-secondary)}.guide-cta .cta-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600;font-size:.95rem;transition:background var(--transition)}.guide-cta .cta-btn:hover{background:var(--accent-hover);text-decoration:none}.footer-suite-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem}.footer-dot{color:var(--text-secondary)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}.table-wrap table{margin:0}@media(max-width:768px){.nav-hamburger{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);padding:12px 16px;gap:2px;height:auto;max-height:80vh;overflow-y:auto;z-index:99}.nav-links.open{display:flex;animation:dropdownFadeIn .2s ease}.nav-links>li{height:auto;flex-direction:column;align-items:stretch}.nav-links>li>a{display:block;padding:10px 14px;border-radius:8px}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:10px 14px}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu{position:static;transform:none;min-width:0;background:var(--bg-secondary);border:none;box-shadow:none;border-radius:8px;margin:2px 0 4px;padding:4px 0 4px 8px}.nav-dropdown-menu li a{padding:8px 14px;font-size:.84rem}.nav-dropdown.open .nav-dropdown-menu{animation:none;transform:none}.nav-divider{width:100%;height:1px;margin:4px 0}.nav-mega-menu{min-width:0;padding:8px 0 8px 8px}.mega-grid{grid-template-columns:1fr;gap:0}.mega-suite-tools{padding-left:20px}.mega-suite-tools li a{font-size:.82rem;padding:6px 10px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.converter-row{grid-template-columns:1fr}.swap-btn{margin:0 auto;transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg)}.tools-grid{grid-template-columns:1fr 1fr}.hero{padding:2rem 0 1.5rem}.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.container,.container-wide{padding:1.5rem 1rem}.quick-grid,.guide-grid{grid-template-columns:1fr}.guide-article-header h1{font-size:1.5rem}.guide-article-meta{flex-wrap:wrap;gap:.5rem}.guide-toc{padding:1rem}.converter-card{padding:1.25rem}.footer p{font-size:.8rem;line-height:1.6}.footer-suite-links{flex-wrap:wrap}.category-title{font-size:1.1rem}.related-tools-grid{gap:.5rem}.related-tools-grid a{font-size:.8rem;padding:.4rem .75rem}.converter-actions{flex-wrap:wrap}}@media(max-width:480px){.hero h1{font-size:1.4rem}.hero p{font-size:.9rem}.tools-grid{grid-template-columns:1fr}.tool-card{padding:1rem}.tool-header h1{font-size:1.35rem}.tool-header p{font-size:.9rem}.converter-card{padding:1rem}.converter-field input,.converter-field select{padding:.65rem;font-size:.95rem}.quick-item{padding:.6rem .75rem;font-size:.85rem}.info-section h2{font-size:1.1rem}.info-section h3{font-size:.95rem}.info-section p,.info-section li{font-size:.9rem}.faq-q{font-size:.9rem;padding:.75rem 1.25rem}.faq-a-inner{font-size:.85rem}.guide-article-header h1{font-size:1.25rem}.guide-body h2{font-size:1.15rem}.guide-body h3{font-size:1rem}.guide-body p,.guide-body li{font-size:.9rem;line-height:1.7}.formula-box{font-size:.95rem;padding:.75rem 1rem}.action-btn{padding:.4rem .75rem;font-size:.78rem}.footer-suite-links{gap:.35rem;font-size:.8rem}}.blog-article .blog-article-body th{font-weight:700;color:var(--text);background:var(--bg-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}@media(max-width:768px){.blog-article .blog-article-header h1{font-size:1.5rem}}@media print{.navbar,.footer,.cookie-banner,.theme-toggle,.toast,.info-section,.faq-section,.related-tools-grid{display:none!important}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}}