@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/inter-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/inter-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/inter-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/inter-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/space-grotesk-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/space-grotesk-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/space-grotesk-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/space-grotesk-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/space-grotesk-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/space-grotesk-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/space-grotesk-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/space-grotesk-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);--gradient-hero:linear-gradient(135deg,#6366f1 0%,#8b5cf6 40%,#06b6d4 100%);--gradient-btn:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-btn-hover:linear-gradient(135deg,#4f46e5,#7c3aed);--accent-400:#22d3ee;--accent-500:#06b6d4;--accent-600:#0891b2;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--bg-body:#0a0a1a;--bg-surface:#111127;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.07);--bg-input:rgba(255,255,255,0.06);--bg-input-focus:rgba(255,255,255,0.1);--bg-nav:rgba(10,10,26,0.85);--bg-footer:#080816;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.3);--glass-blur:blur(20px);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#8b99b0;--text-accent:#818cf8;--text-on-primary:#ffffff;--border-default:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.15);--border-focus:#6366f1;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 10px 40px rgba(0,0,0,0.5);--shadow-glow:0 0 30px rgba(99,102,241,0.15);--shadow-glow-accent:0 0 30px rgba(6,182,212,0.15);--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-heading:'Space Grotesk','Inter',sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--max-width:1200px;--nav-height:72px;--sidebar-width:300px}[data-theme="light"]{--bg-body:#f8fafc;--bg-surface:#ffffff;--bg-card:rgba(255,255,255,0.9);--bg-card-hover:rgba(255,255,255,1);--bg-input:rgba(0,0,0,0.04);--bg-input-focus:rgba(0,0,0,0.06);--bg-nav:rgba(255,255,255,0.9);--bg-footer:#0f172a;--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(0,0,0,0.08);--glass-shadow:0 8px 32px rgba(0,0,0,0.08);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#556274;--text-accent:#4f46e5;--border-default:rgba(0,0,0,0.08);--border-hover:rgba(0,0,0,0.15);--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 10px 40px rgba(0,0,0,0.12);--shadow-glow:0 0 30px rgba(99,102,241,0.1)}.no-transitions,.no-transitions *,.no-transitions *::before,.no-transitions *::after{transition:none !important;animation:none !important}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;touch-action:pan-x pan-y}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--text-primary);background-color:var(--bg-body);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,0.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,0.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(6,182,212,0.05) 0%,transparent 50%);pointer-events:none;z-index:0}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-400)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--text-secondary);line-height:1.8}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.section{padding:var(--space-20) 0}.text-center{text-align:center}.text-gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.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}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--bg-nav);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-default);z-index:1000;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.nav.scrolled{--bg-nav:rgba(10,10,26,0.95);box-shadow:var(--shadow-md)}[data-theme="light"] .nav.scrolled{--bg-nav:rgba(255,255,255,0.95)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.nav-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--text-primary) !important;text-decoration:none}.nav-logo span:not(.nav-logo-icon){color:var(--text-primary)}.nav-logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:white;box-shadow:var(--shadow-glow)}.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none}.nav-links a{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:var(--bg-card-hover)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary);transform:rotate(15deg)}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:var(--space-2)}.nav-hamburger span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-search-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-search-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--primary-400);transform:scale(1.08)}.nav-search-btn.search-active{background:var(--primary-600);border-color:var(--primary-500);color:#fff;box-shadow:0 0 0 3px rgba(99,102,241,0.25)}.nav-search-panel{position:fixed;top:var(--nav-height);left:0;right:0;z-index:999;background:var(--bg-surface);border-bottom:1px solid var(--border-default);box-shadow:0 16px 48px rgba(0,0,0,0.35);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform 280ms cubic-bezier(0.4,0,0.2,1),opacity 280ms cubic-bezier(0.4,0,0.2,1)}.nav-search-panel.search-panel-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-search-panel-inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-5) var(--space-6)}.nav-search-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-3)}.nav-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;flex-shrink:0}.nav-search-input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) calc(var(--space-4) + 20px + var(--space-3));font-family:var(--font-body);font-size:1.05rem;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);-webkit-appearance:none}.nav-search-input::-webkit-search-cancel-button{display:none}.nav-search-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px rgba(99,102,241,0.18)}.nav-search-input::placeholder{color:var(--text-muted);font-size:var(--text-sm)}.nav-search-close{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;touch-action:manipulation}.nav-search-close:hover{background:var(--error);color:#fff;border-color:var(--error)}.nav-search-results{margin-top:var(--space-3);max-height:340px;overflow-y:auto;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);display:none;overscroll-behavior:contain}.nav-search-results:not(:empty){display:block}.nav-search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-default);transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer}.nav-search-result-item:last-child{border-bottom:none}.nav-search-result-item:hover,.nav-search-result-item.nsr-active{background:var(--bg-card-hover);color:var(--text-accent)}.nav-search-result-item.nsr-active{outline:2px solid var(--primary-500);outline-offset:-2px}.nav-search-result-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;border:1px solid var(--border-default)}.nav-search-result-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px}.nav-search-result-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.nav-search-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.nav-search-hint{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.nav-search-hint span{font-weight:600;color:var(--text-secondary);margin-right:var(--space-1)}.nav-search-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast);touch-action:manipulation}.nav-search-tag:hover{background:var(--primary-600);color:#fff;border-color:var(--primary-500)}.nav-search-backdrop{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity 280ms cubic-bezier(0.4,0,0.2,1)}.nav-search-backdrop.search-panel-open{opacity:1;pointer-events:auto}[data-theme="light"] .nav-search-panel{background:#fff;box-shadow:0 16px 48px rgba(0,0,0,0.1)}[data-theme="light"] .nav-search-input{background:#f8fafc}[data-theme="light"] .nav-search-results{background:#fff}[data-theme="light"] .nav-search-result-icon{background:#f1f5f9}[data-theme="light"] .nav-search-backdrop{background:rgba(0,0,0,0.2)}@media (max-width:768px){.nav-search-panel-inner{padding:var(--space-4)}.nav-search-input{font-size:16px;padding-top:var(--space-3);padding-bottom:var(--space-3)}.nav-search-result-desc{display:none}.nav-search-result-item{padding:var(--space-3);gap:var(--space-2)}.nav-search-results{max-height:260px}.nav-search-hint{gap:var(--space-1);margin-top:var(--space-3)}}@media (max-width:480px){.nav-search-panel-inner{padding:var(--space-3)}.nav-search-hint span{width:100%;margin-bottom:var(--space-1)}.nav-search-results{max-height:220px}}.hero{padding:calc(var(--nav-height) + var(--space-16)) 0 var(--space-16);text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-accent);margin-bottom:var(--space-8);backdrop-filter:var(--glass-blur);animation:fade-in-up 0.6s ease-out}.hero-badge .dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-6);animation:fade-in-up 0.6s ease-out 0.1s both}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--text-secondary);max-width:640px;margin:0 auto var(--space-10);line-height:1.7;animation:fade-in-up 0.6s ease-out 0.2s both}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fade-in-up 0.6s ease-out 0.3s both}.hero-stats{display:flex;gap:var(--space-12);justify-content:center;margin-top:var(--space-16);animation:fade-in-up 0.6s ease-out 0.4s both}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.hero-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;line-height:1.5;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--gradient-btn);color:var(--text-on-primary);box-shadow:0 4px 15px rgba(99,102,241,0.3)}.btn-primary:hover{background:var(--gradient-btn-hover);transform:translateY(-2px);box-shadow:0 6px 25px rgba(99,102,241,0.4);color:var(--text-on-primary)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px);color:var(--text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card-tool{padding:var(--space-8);text-align:center;cursor:pointer;text-decoration:none;display:block;color:inherit}.card-tool:hover{color:inherit}.card-tool-icon{width:64px;height:64px;margin:0 auto var(--space-5);background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:28px;transition:all var(--transition-base)}.card-tool:hover .card-tool-icon{transform:scale(1.1) rotate(-5deg);box-shadow:var(--shadow-glow)}.card-tool h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card-tool p{font-size:var(--text-sm);color:var(--text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.calc-page{padding-top:calc(var(--nav-height) + var(--space-8));padding-bottom:var(--space-16);min-height:100vh}.calc-header{text-align:center;margin-bottom:var(--space-10)}.calc-header h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-3)}.calc-header p{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.calc-container{max-width:var(--max-width);margin:0 auto;width:100%}.calc-main{width:100%}.calc-sidebar{display:none !important}.calc-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.calc-card.split-card{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-8);align-items:start}.calc-card-tool{width:100%}.calc-card-guide{border-left:1px solid var(--border-default);padding-left:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.calc-card-guide h2{font-size:var(--text-lg) !important;font-weight:700;color:var(--text-accent);margin-top:0;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2);border-bottom:none;padding-bottom:0}.calc-card-guide p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:0}.calc-card-guide h3{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-top:var(--space-2);margin-bottom:var(--space-1)}.calc-card-guide ul,.calc-card-guide ol{padding-left:var(--space-5);margin-bottom:0}.calc-card-guide li{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);line-height:1.6}@media (max-width:1024px){.calc-card.split-card{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-6)}.calc-card-guide{border-left:none;border-top:1px solid var(--border-default);padding-left:0;padding-top:var(--space-6)}}@media (max-width:480px){.calc-card.split-card{padding:var(--space-4) !important;gap:var(--space-6) !important}.calc-card-guide{padding-top:var(--space-4) !important}}.quick-related-bar{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin:0 0 var(--space-5) 0;padding-bottom:var(--space-3.5);border-bottom:1px dashed var(--border-default);width:100%;text-align:center;animation:fade-in-up 0.5s ease-out}.quick-related-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:700;letter-spacing:0.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--space-1.5)}.quick-related-label .label-icon{color:var(--primary-500)}.quick-related-links{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.quick-related-link{font-size:var(--text-xs);color:var(--primary-400) !important;text-decoration:underline !important;font-weight:600;transition:color var(--transition-fast);display:inline-flex;align-items:center}.quick-related-link:hover{color:var(--primary-300) !important}.quick-related-separator{color:var(--text-muted);font-size:8px;user-select:none;opacity:0.6}[data-theme="light"] .quick-related-link{color:#2563eb !important}[data-theme="light"] .quick-related-link:hover{color:#1d4ed8 !important}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:0.02em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.form-select option{background-color:var(--bg-surface);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-input-focus);border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,0.15)}.form-input::placeholder{color:var(--text-muted)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-input,.form-select,.form-textarea{font-size:max(1rem,16px) !important}@supports not (font-size:max(1rem,16px)){.form-input,.form-select,.form-textarea{font-size:16px}}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.input-icon-wrapper{position:relative}.input-icon-wrapper .form-input{padding-left:var(--space-10)}.input-icon-wrapper .input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-lg)}.toggle-group{display:flex;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.toggle-option{flex:1;padding:var(--space-2) var(--space-4);text-align:center;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);border:none;background:none;font-family:var(--font-body)}.toggle-option.active{background:var(--gradient-btn);color:var(--text-on-primary);border-radius:var(--radius-md)}.result-container{margin-top:var(--space-8);padding:var(--space-8);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;display:none}.result-container.visible{display:block;animation:result-pop 0.4s var(--transition-spring)}@keyframes result-pop{0%{transform:scale(0.95);opacity:0}100%{transform:scale(1);opacity:1}}.result-value{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:var(--space-2)}.result-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.result-item{padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.result-item-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.result-item-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.result-table-wrapper{overflow-x:auto;margin-top:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.result-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.result-table th{background:var(--bg-card);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.result-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-primary)}.result-table tr:last-child td{border-bottom:none}.result-table tr:hover td{background:var(--bg-card-hover)}.ad-container{display:none !important}.ad-container:has(ins.adsbygoogle[data-ad-status="filled"]){display:flex !important;background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-xs);overflow:hidden}.ad-leaderboard{max-width:728px;min-height:90px;margin:var(--space-6) auto}.ad-rectangle{max-width:336px;min-height:280px;margin:var(--space-6) auto}.ad-sidebar{width:100%;min-height:250px;margin-bottom:var(--space-6)}.content-section{margin-top:var(--space-12);padding:var(--space-10);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);word-break:break-word;overflow-wrap:break-word}.content-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.content-section h3{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-3)}.content-section p{margin-bottom:var(--space-4)}.content-section ul,.content-section ol{padding-left:var(--space-6);margin-bottom:var(--space-4);color:var(--text-secondary)}.content-section li{margin-bottom:var(--space-2)}.faq-section{margin-top:var(--space-12)}.faq-section h2{text-align:center;margin-bottom:var(--space-8)}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--border-hover)}.faq-question{width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:1.5;word-break:break-word}.faq-question::after{content:'+';font-size:var(--text-xl);font-weight:300;color:var(--text-accent);transition:transform var(--transition-fast);flex-shrink:0}.faq-item.active .faq-question::after{content:'−';transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition-slow)}.faq-item.active .faq-answer{max-height:500px;padding:0 var(--space-6) var(--space-5)}.faq-answer p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8}.related-tools{margin-top:var(--space-12)}.related-tools h2{text-align:center;margin-bottom:var(--space-8)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.footer{background:var(--bg-footer);border-top:1px solid var(--border-default);padding:var(--space-16) 0 var(--space-8);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12);min-width:0}.footer-brand h3,.footer-brand .footer-brand-title{font-size:var(--text-xl);margin-bottom:var(--space-4);color:#ffffff}.footer-brand p:not(.footer-brand-title){font-size:var(--text-sm);color:#cbd5e1;max-width:300px}.footer-heading{font-size:var(--text-sm);font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-4)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-size:var(--text-sm);color:#cbd5e1;transition:color var(--transition-fast)}.footer-links a:hover{color:#ffffff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,0.08)}.footer-bottom p{font-size:var(--text-sm);color:#cbd5e1}.footer-social{display:flex;gap:var(--space-3)}.footer-social a{width:36px;height:36px;border-radius:var(--radius-full);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:var(--text-sm);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--gradient-btn);color:white;border-color:transparent;transform:translateY(-2px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes count-up-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}.animate-delay-1{transition-delay:0.1s}.animate-delay-2{transition-delay:0.2s}.animate-delay-3{transition-delay:0.3s}.animate-delay-4{transition-delay:0.4s}.animate-on-scroll.visible{opacity:1;transform:translateY(0);transition-delay:0s !important}.strength-meter{height:6px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.strength-meter-fill{height:100%;border-radius:var(--radius-full);transition:all var(--transition-base)}.strength-weak{width:25%;background:var(--error)}.strength-fair{width:50%;background:var(--warning)}.strength-good{width:75%;background:#84cc16}.strength-strong{width:100%;background:var(--success)}.bmi-gauge{height:24px;border-radius:var(--radius-full);background:linear-gradient(90deg,#3b82f6 0%,#10b981 25%,#f59e0b 55%,#ef4444 80%,#dc2626 100%);position:relative;margin:var(--space-6) 0;overflow:visible}.bmi-gauge-marker{position:absolute;top:-8px;width:4px;height:40px;background:var(--text-primary);border-radius:2px;transition:left var(--transition-base);box-shadow:0 0 8px rgba(0,0,0,0.5)}.bmi-gauge-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.tabs{display:flex;gap:var(--space-1);background:var(--bg-input);padding:var(--space-1);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.tab{flex:1;padding:var(--space-2) var(--space-4);border:none;background:none;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center}.tab.active{background:var(--gradient-btn);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--text-primary)}.tab-content{display:none}.tab-content.active{display:block;animation:fade-in 0.3s ease}.counter-group{display:flex;align-items:center;gap:var(--space-3)}.counter-btn{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-family:var(--font-body)}.counter-btn:hover{background:var(--gradient-btn);color:white;border-color:transparent;transform:scale(1.1)}.counter-input{flex:1;text-align:center;font-size:var(--text-xl);font-weight:700}.word-counter-textarea{min-height:250px;resize:vertical;font-size:var(--text-base);line-height:1.8}.password-output{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.password-text{flex:1;font-family:var(--font-mono);font-size:var(--text-lg);word-break:break-all;color:var(--text-primary)}.password-copy-btn{flex-shrink:0}.range-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-input);outline:none;transition:background var(--transition-fast)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gradient-btn);cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,0.4);transition:transform var(--transition-fast)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gradient-btn);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(99,102,241,0.4)}.dynamic-rows{display:flex;flex-direction:column;gap:var(--space-3)}.dynamic-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--space-3);align-items:center;animation:fade-in-up 0.3s ease}.remove-row-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--error);background:transparent;color:var(--error);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-row-btn:hover{background:var(--error);color:white}.add-row-btn{margin-top:var(--space-3);width:100%;padding:var(--space-3);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:transparent;color:var(--text-accent);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.add-row-btn:hover{border-color:var(--primary-500);background:var(--bg-card)}.converter-swap{display:flex;justify-content:center;margin:var(--space-4) 0}.swap-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-btn);border:none;color:white;font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.swap-btn:hover{transform:rotate(180deg) scale(1.1)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);flex-wrap:wrap}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-accent)}.breadcrumb-sep{color:var(--text-muted);font-size:var(--text-xs)}.toast{position:fixed;bottom:var(--space-8);left:50%;transform:translateX(-50%) translateY(100px);background:var(--success);color:white;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);z-index:9999;transition:transform var(--transition-spring);pointer-events:none}.toast.visible{transform:translateX(-50%) translateY(0)}.static-page{padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-16);min-height:100vh}.static-page h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-8);text-align:center}.static-content{max-width:800px;margin:0 auto}.static-content h2{font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-4);color:var(--text-accent)}.static-content p{margin-bottom:var(--space-4);font-size:var(--text-base)}.static-content ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.static-content li{margin-bottom:var(--space-2);color:var(--text-secondary)}.contact-form{max-width:600px;margin:0 auto}.contact-form .btn{width:100%}@media (max-width:900px){.directory-grid{gap:var(--space-4)}}@media (max-width:1024px){:root{--nav-height:64px}.calc-container{grid-template-columns:1fr}.calc-sidebar{position:static;order:10}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.hero-stats{gap:var(--space-8)}.nav.mobile-menu-active{height:100vh !important;background:var(--bg-body) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.nav.mobile-menu-active .nav-inner{height:var(--nav-height) !important}.nav-links{display:flex !important;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--bg-body) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-12) var(--space-8) var(--space-8);gap:var(--space-3);z-index:9999 !important;overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-12px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none}.nav-links.active{opacity:1 !important;transform:translateY(0) !important;pointer-events:auto !important}.nav-links li{width:100%;text-align:center;list-style:none}.nav-links a{display:block;width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:var(--bg-card-hover)}.nav-hamburger{display:flex !important;min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-10) 0}.hero{padding:calc(var(--nav-height) + var(--space-8)) 0 var(--space-8)}.hero-stats{flex-direction:column;gap:var(--space-6);align-items:center}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn{width:100%;max-width:320px;justify-content:center}.tool-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.card-tool{padding:var(--space-5)}.card-tool-icon{width:48px;height:48px;font-size:22px}.calc-card{padding:var(--space-5)}.calc-header h1{font-size:clamp(1.5rem,5vw,2.5rem)}.form-row{grid-template-columns:1fr}.dynamic-row{grid-template-columns:1fr 1fr;gap:var(--space-2)}.dynamic-row .form-input:first-child{grid-column:1 / -1}.content-section{padding:var(--space-6);margin-top:var(--space-8)}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer-bottom p{font-size:var(--text-xs)}.result-grid{grid-template-columns:1fr 1fr}.result-value{font-size:clamp(1.75rem,8vw,3rem)}.related-grid{grid-template-columns:1fr 1fr}.tabs{flex-wrap:wrap}.tab{flex:0 0 calc(50% - var(--space-1))}.faq-section h2{font-size:var(--text-xl)}.faq-question{padding:var(--space-4) var(--space-4);font-size:var(--text-sm)}.faq-item.active .faq-answer{padding:0 var(--space-4) var(--space-4)}.static-content{padding:0 var(--space-2)}.password-output{flex-wrap:wrap}.password-text{font-size:var(--text-base);word-break:break-all}}@media (max-width:480px){:root{--nav-height:60px}.tool-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(1.75rem,7vw,2.25rem)}.hero-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.tab{flex:1 1 100%}.dynamic-row{grid-template-columns:1fr !important}.dynamic-row .form-input:first-child{grid-column:1 !important}.breadcrumb{flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-1)}.directory-item{min-height:48px;padding:var(--space-3) var(--space-3);font-size:var(--text-xs)}.directory-item-icon{font-size:1rem}.faq-question{min-height:52px;padding:var(--space-3) var(--space-3)}.calc-card{padding:var(--space-4)}.calc-card.split-card{padding:var(--space-4) !important;gap:var(--space-5) !important}.content-section{padding:var(--space-4);border-radius:var(--radius-lg)}.content-section h2{font-size:var(--text-xl)}.result-value{font-size:clamp(1.5rem,7vw,2.5rem)}.result-item-value{font-size:var(--text-xl)}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.nav-logo span:not(.nav-logo-icon){font-size:var(--text-base)}.footer-social{justify-content:center}.search-container{max-width:100% !important}.quick-related-bar{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.quick-related-links{flex-wrap:wrap}}@media (max-width:375px){.container{padding:0 var(--space-3)}.nav-inner{padding:0 var(--space-3)}.nav-logo{font-size:var(--text-base);gap:var(--space-2)}.nav-logo-icon{width:30px;height:30px;font-size:var(--text-base)}.result-grid{grid-template-columns:1fr}.directory-title{font-size:var(--text-base)}.footer-grid{gap:var(--space-4)}.calc-card{padding:var(--space-3)}}.card-tool.hidden-tool{display:none !important}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-default);transition:all var(--transition-fast);text-decoration:none}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.keyboard-active{background:var(--bg-card-hover);color:var(--text-accent) !important}.search-result-item.keyboard-active{outline:2px solid var(--primary-500);outline-offset:-2px}.directory-section{padding:calc(var(--nav-height) + var(--space-8)) 0 var(--space-12);position:relative;z-index:1}.directory-header-area{text-align:center;margin-bottom:var(--space-8);animation:fade-in-up 0.6s ease-out}.directory-header-area h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;margin-bottom:var(--space-2);background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.directory-header-area p{font-size:var(--text-base);color:var(--text-secondary);max-width:600px;margin:0 auto}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8);animation:fade-in-up 0.6s ease-out 0.2s both}.directory-col{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:var(--space-5);transition:all var(--transition-base);display:flex;flex-direction:column}.directory-col.cat-edu{border-top:4px solid var(--primary-500)}.directory-col.cat-fin{border-top:4px solid var(--success)}.directory-col.cat-hea{border-top:4px solid var(--accent-500)}.directory-col.cat-utl{border-top:4px solid var(--warning)}.directory-col:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.directory-col.cat-edu:hover{box-shadow:var(--shadow-lg),0 0 25px rgba(99,102,241,0.2)}.directory-col.cat-fin:hover{box-shadow:var(--shadow-lg),0 0 25px rgba(16,185,129,0.2)}.directory-col.cat-hea:hover{box-shadow:var(--shadow-lg),0 0 25px rgba(6,182,212,0.2)}.directory-col.cat-utl:hover{box-shadow:var(--shadow-lg),0 0 25px rgba(245,158,11,0.2)}.directory-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.directory-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2.5);margin:0;padding:0}.directory-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:rgba(255,255,255,0.02);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);transition:all var(--transition-fast);text-decoration:none}.directory-item-left{display:flex;align-items:center;gap:var(--space-2.5)}.directory-item-icon{font-size:1.15rem;transition:transform var(--transition-fast)}.directory-item-arrow{opacity:0;transform:translateX(-5px);transition:all var(--transition-fast);color:var(--text-accent);font-weight:bold}.directory-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateX(2px)}.directory-item:hover .directory-item-icon{transform:scale(1.15)}.directory-item:hover .directory-item-arrow{opacity:1;transform:translateX(0)}[data-theme="light"] .directory-item{background:rgba(0,0,0,0.02);color:var(--text-secondary)}[data-theme="light"] .directory-item:hover{background:rgba(0,0,0,0.05);color:var(--text-primary)}@media (max-width:1024px){.directory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.directory-grid{grid-template-columns:1fr;gap:var(--space-4)}.directory-section{padding-top:calc(var(--nav-height) + var(--space-4))}.directory-col{min-width:0;width:100%}}@media print{.nav,.footer,.ad-container,.theme-toggle,.btn{display:none}body{background:white;color:black}.card,.calc-card,.content-section{box-shadow:none;border:1px solid #ddd}}.quadratic-step-box,.fraction-step-box,.notation-step-box{background:rgba(255,255,255,0.02);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.quadratic-step-title,.fraction-step-title,.notation-step-title{font-size:var(--text-sm);font-weight:700;color:var(--primary-400);margin-bottom:var(--space-2)}.quadratic-step-desc,.fraction-step-desc,.notation-step-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}[data-theme="light"] .quadratic-step-box,[data-theme="light"] .fraction-step-box,[data-theme="light"] .notation-step-box{background:rgba(0,0,0,0.015)}[data-theme="light"] .quadratic-step-title,[data-theme="light"] .fraction-step-title,[data-theme="light"] .notation-step-title{color:var(--primary-600) !important}#qc-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9990;padding:var(--space-4) var(--space-6);background:rgba(10,10,26,0.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(99,102,241,0.3);box-shadow:0 -8px 40px rgba(0,0,0,0.5);transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1)}#qc-cookie-banner.qc-banner-visible{transform:translateY(0)}.qc-banner-inner{display:flex;align-items:center;gap:var(--space-5);max-width:var(--max-width);margin:0 auto;flex-wrap:wrap}.qc-banner-icon{font-size:2rem;flex-shrink:0;animation:qc-wiggle 2s ease-in-out infinite}@keyframes qc-wiggle{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.qc-banner-content{flex:1;min-width:240px}.qc-banner-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.4}.qc-banner-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.qc-banner-link{color:var(--primary-400);text-decoration:underline}.qc-banner-link:hover{color:var(--primary-300)}.qc-banner-actions{display:flex;gap:var(--space-3);align-items:center;flex-shrink:0;flex-wrap:wrap}.qc-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.qc-btn-accept{background:var(--gradient-btn);color:white;box-shadow:0 4px 15px rgba(99,102,241,0.3)}.qc-btn-accept:hover{background:var(--gradient-btn-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,0.4)}.qc-btn-decline{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-default)}.qc-btn-decline:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.qc-btn-settings{background:transparent;color:#cbd5e1;border:1px solid rgba(255,255,255,0.15);font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.qc-btn-settings:hover{color:#ffffff;border-color:rgba(255,255,255,0.3)}.qc-btn-save{background:rgba(99,102,241,0.15);color:#3730a3;border:1px solid rgba(99,102,241,0.3)}.qc-btn-save:hover{background:rgba(99,102,241,0.25)}#qc-cookie-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}#qc-cookie-modal.qc-modal-visible{opacity:1;pointer-events:auto}.qc-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.qc-modal-box{position:relative;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 20px 60px rgba(0,0,0,0.6);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(0.95) translateY(20px);transition:transform var(--transition-spring);overscroll-behavior:contain}#qc-cookie-modal.qc-modal-visible .qc-modal-box{transform:scale(1) translateY(0)}.qc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-default);position:sticky;top:0;background:var(--bg-surface);z-index:1;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.qc-modal-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.qc-modal-close{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);touch-action:manipulation}.qc-modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.qc-modal-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.qc-modal-intro{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}.qc-cookie-row{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:border-color var(--transition-fast)}.qc-cookie-row:hover{border-color:var(--border-hover)}.qc-cookie-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.qc-cookie-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.qc-cookie-desc{font-size:var(--text-xs);color:#cbd5e1;line-height:1.6}.qc-cookie-provider{font-size:11px;color:#94a3b8;margin-top:var(--space-1)}.qc-toggle-wrapper{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding-top:2px}.qc-toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.qc-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.qc-toggle-slider{position:absolute;inset:0;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:all var(--transition-base)}.qc-toggle-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;top:50%;transform:translateY(-50%);background:var(--text-muted);border-radius:50%;transition:all var(--transition-base);box-shadow:0 2px 4px rgba(0,0,0,0.3)}.qc-toggle-switch input:checked + .qc-toggle-slider{background:var(--gradient-btn);border-color:var(--primary-500)}.qc-toggle-switch input:checked + .qc-toggle-slider::before{transform:translateY(-50%) translateX(22px);background:white}.qc-toggle-switch input:focus-visible + .qc-toggle-slider{outline:2px solid var(--primary-500);outline-offset:2px}.qc-toggle-locked{font-size:10px;color:#0f7a53;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap}.qc-modal-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:flex-end}.qc-modal-legal{font-size:11px;color:var(--text-secondary);text-align:center;padding:0 var(--space-6) var(--space-5);line-height:1.6;margin:0}.qc-modal-legal a{color:var(--text-secondary);text-decoration:underline}.qc-modal-legal a:hover{color:var(--primary-400)}[data-theme="light"] #qc-cookie-banner{background:rgba(255,255,255,0.97);border-top-color:rgba(99,102,241,0.2);box-shadow:0 -8px 40px rgba(0,0,0,0.12)}[data-theme="light"] .qc-banner-desc{color:var(--text-secondary)}[data-theme="light"] .qc-banner-link{color:var(--primary-600)}[data-theme="light"] .qc-banner-link:hover{color:var(--primary-700)}[data-theme="light"] .qc-modal-box{background:#ffffff;box-shadow:0 20px 60px rgba(0,0,0,0.15)}[data-theme="light"] .qc-modal-header{background:#ffffff}[data-theme="light"] .qc-cookie-row{background:#f8fafc;border-color:rgba(0,0,0,0.08)}[data-theme="light"] .qc-toggle-slider{background:#e2e8f0;border-color:#cbd5e1}[data-theme="light"] .qc-toggle-slider::before{background:#94a3b8}[data-theme="light"] .qc-btn-settings{color:#334155;border-color:rgba(0,0,0,0.15)}[data-theme="light"] .qc-btn-settings:hover{color:#0f172a;border-color:rgba(0,0,0,0.3)}[data-theme="light"] .qc-cookie-desc{color:#334155}[data-theme="light"] .qc-cookie-provider{color:#475569}@media (max-width:640px){#qc-cookie-banner{padding:var(--space-4)}.qc-banner-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.qc-banner-icon{display:none}.qc-banner-actions{width:100%;justify-content:stretch}.qc-btn-accept,.qc-btn-decline{flex:1;text-align:center}.qc-btn-settings{width:100%;text-align:center}.qc-modal-footer{flex-direction:column}.qc-modal-footer .qc-btn{width:100%;text-align:center}.qc-cookie-row{flex-direction:column;gap:var(--space-3)}.qc-toggle-wrapper{flex-direction:row;align-items:center;gap:var(--space-3)}}.content-section p a,.faq-answer p a,.calc-help-content a{text-decoration:underline !important;text-underline-offset:3px;font-weight:500}.footer-bottom p a{color:#cbd5e1 !important;text-decoration:underline !important;text-underline-offset:3px;transition:color var(--transition-fast) !important}.footer-bottom p a:hover{color:#ffffff !important;text-decoration:underline !important}html,body{max-width:100%;overflow-x:hidden}.calc-card,.calc-card.split-card,.content-section,.related-grid,.result-grid,.dynamic-rows,.card-tool{min-width:0;box-sizing:border-box}.directory-col,.result-item,.card{min-width:0;box-sizing:border-box}img,svg,video,iframe,embed,object{max-width:100%;height:auto}table{width:100%;table-layout:auto}.result-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-input,.form-select,.form-textarea,.toggle-group,.tabs,.dynamic-row,.password-output{max-width:100%;box-sizing:border-box}.btn,.tab,.toggle-option,.faq-question,.directory-item,.nav-links a,.qc-btn,.keypad-btn,.calc-btn{min-height:44px}.content-section,.faq-answer,.static-content,.calc-card-guide,h1,h2,h3,h4{overflow-wrap:break-word;word-break:break-word}.password-text{word-break:break-all;overflow-wrap:anywhere}.breadcrumb{flex-wrap:wrap;gap:var(--space-1) var(--space-2)}@media (max-width:1024px){h1{font-size:clamp(1.75rem,4.5vw,3rem)}h2{font-size:clamp(1.4rem,3.5vw,2.25rem)}h3{font-size:clamp(1.15rem,2.5vw,1.875rem)}.container{padding:0 var(--space-5)}.calc-page{padding-top:calc(var(--nav-height) + var(--space-6))}.form-row{grid-template-columns:repeat(2,1fr)}.footer-brand p:not(.footer-brand-title){max-width:100%}.result-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hero-stats{gap:var(--space-6)}}@media (max-width:768px){.section{padding:var(--space-8) 0}.calc-header{margin-bottom:var(--space-8);padding:0 var(--space-2)}.calc-header h1{font-size:clamp(1.5rem,5.5vw,2.5rem)}.calc-header p{font-size:var(--text-base)}.calc-card{padding:var(--space-5);border-radius:var(--radius-xl)}.calc-card.split-card{grid-template-columns:1fr;gap:var(--space-6)}.calc-card-guide{border-left:none;border-top:1px solid var(--border-default);padding-left:0;padding-top:var(--space-5)}.form-row{grid-template-columns:1fr;gap:var(--space-3)}.content-section{padding:var(--space-6);margin-top:var(--space-8)}.content-section h2{font-size:var(--text-xl)}.related-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.result-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.result-item-value{font-size:var(--text-xl)}.hero-cta{flex-direction:column;align-items:center;gap:var(--space-3)}.hero-cta .btn{width:100%;max-width:340px}.hero-stats{flex-direction:column;gap:var(--space-4);align-items:center}.tabs{flex-wrap:wrap;gap:var(--space-1)}.tab{flex:1 1 calc(50% - var(--space-1));font-size:var(--text-xs)}.static-page{padding-top:calc(var(--nav-height) + var(--space-8))}.static-content{padding:0 var(--space-3)}.contact-form{padding:0 var(--space-2)}.breadcrumb{font-size:var(--text-xs);gap:var(--space-1)}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}.footer-bottom p{font-size:var(--text-xs);line-height:1.6}.footer-social{justify-content:center}.directory-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.directory-header-area h1{font-size:clamp(1.6rem,5vw,2.5rem)}.tool-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.card-tool{padding:var(--space-5)}.card-tool-icon{width:48px;height:48px;font-size:22px}.card-tool h3{font-size:var(--text-base)}.dynamic-row{grid-template-columns:1fr 1fr;gap:var(--space-2)}.dynamic-row .form-input:first-child{grid-column:1 / -1}.bmi-gauge-labels{font-size:10px;gap:0;justify-content:space-between}.faq-question{font-size:var(--text-sm);padding:var(--space-4)}.faq-item.active .faq-answer{padding:0 var(--space-4) var(--space-4)}.faq-section h2{font-size:var(--text-xl)}.password-output{flex-wrap:wrap}.password-text{font-size:var(--text-base)}.quick-related-bar{padding-bottom:var(--space-3);gap:var(--space-2)}}@media (max-width:480px){:root{--nav-height:60px}h1{font-size:clamp(1.5rem,6.5vw,2rem)}h2{font-size:clamp(1.2rem,5vw,1.6rem)}.container{padding:0 var(--space-3)}.nav-inner{padding:0 var(--space-3)}.hero{padding:calc(var(--nav-height) + var(--space-6)) 0 var(--space-6)}.hero-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.calc-card{padding:var(--space-4);border-radius:var(--radius-lg)}.calc-card.split-card{padding:var(--space-4) !important;gap:var(--space-5) !important}.calc-card-guide{padding-top:var(--space-4) !important}.form-row{grid-template-columns:1fr}.form-label{font-size:var(--text-xs)}.form-hint{font-size:11px}.tab{flex:1 1 100%;font-size:var(--text-sm);min-height:40px}.tool-grid{grid-template-columns:1fr}.card-tool{padding:var(--space-4)}.directory-grid{grid-template-columns:1fr;gap:var(--space-3)}.directory-section{padding-top:calc(var(--nav-height) + var(--space-4))}.directory-col{min-width:0;width:100%}.directory-item{min-height:48px;padding:var(--space-3);font-size:var(--text-xs)}.directory-item-icon{font-size:1rem}.directory-title{font-size:var(--text-base)}.related-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(2,1fr)}.result-value{font-size:clamp(1.5rem,7vw,2.5rem)}.result-item-value{font-size:var(--text-lg)}.dynamic-row{grid-template-columns:1fr !important;gap:var(--space-2)}.dynamic-row .form-input:first-child{grid-column:1 !important}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.counter-btn{width:40px;height:40px}.nav-logo span:not(.nav-logo-icon){font-size:var(--text-base)}.nav-logo-icon{width:30px;height:30px;font-size:var(--text-sm)}.footer-social{justify-content:center}.search-container{max-width:100% !important}.quick-related-bar{flex-direction:column;align-items:flex-start}.quick-related-links{flex-wrap:wrap}.faq-question{min-height:52px;padding:var(--space-3)}.content-section{padding:var(--space-4);border-radius:var(--radius-lg)}.content-section h2{font-size:var(--text-xl)}.static-content{padding:0 var(--space-2)}.bmi-gauge{height:18px}.bmi-gauge-marker{height:30px;top:-6px}.tape-paper-roll{height:280px}.word-counter-textarea{min-height:180px}.toggle-option{font-size:var(--text-xs);padding:var(--space-2) var(--space-2)}}@media (max-width:375px){:root{--nav-height:56px}.container{padding:0 var(--space-2)}.nav-inner{padding:0 var(--space-2)}.nav-logo{gap:var(--space-2);font-size:var(--text-sm)}.nav-logo-icon{width:28px;height:28px;font-size:12px}.result-grid{grid-template-columns:1fr}.result-value{font-size:clamp(1.25rem,7vw,2rem)}.calc-card{padding:var(--space-3);border-radius:var(--radius-md)}.footer-grid{gap:var(--space-4)}.footer-bottom{gap:var(--space-3)}.directory-title{font-size:var(--text-sm)}.faq-question{font-size:var(--text-xs)}.hero-stat-value{font-size:var(--text-2xl)}.breadcrumb{font-size:10px}}@media (max-width:320px){.container,.nav-inner{padding:0 var(--space-2)}.nav-logo span:not(.nav-logo-icon){display:none}.calc-card{padding:var(--space-2)}.content-section{padding:var(--space-3)}.btn-lg{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.related-grid,.tool-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}}@media (max-width:768px) and (max-height:450px) and (orientation:landscape){:root{--nav-height:52px}.hero{padding:calc(var(--nav-height) + var(--space-4)) 0 var(--space-4)}.hero h1{font-size:clamp(1.4rem,5vw,2rem);margin-bottom:var(--space-3)}.hero-stats{flex-direction:row;gap:var(--space-6);flex-wrap:wrap;justify-content:center;margin-top:var(--space-6)}.calc-page{padding-top:calc(var(--nav-height) + var(--space-4));padding-bottom:var(--space-8)}.calc-card{padding:var(--space-4)}.nav-links{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:var(--space-6)}}@media (hover:none){.card:hover,.card-tool:hover,.directory-col:hover,.btn-primary:hover,.btn-secondary:hover,.footer-social a:hover{transform:none}.card:hover{box-shadow:var(--glass-shadow)}.directory-item:hover{transform:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (max-width:480px){.calc-keypad{gap:5px}.calc-btn{padding:10px 3px;font-size:11px;min-height:40px;border-radius:var(--radius-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.calc-screen{min-height:80px;padding:var(--space-3)}.calc-screen-val{font-size:var(--text-lg)}.calc-screen-eq{font-size:11px}}@media (max-width:360px){.calc-keypad{gap:3px}.calc-btn{padding:8px 2px;font-size:10px;min-height:36px}}.tape-note{max-width:min(140px,30vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.tape-paper-roll{height:260px}.keypad-btn{padding:8px 0;font-size:var(--text-base);min-height:44px}.status-display-value{font-size:var(--text-lg)}.status-pill-btn{padding:3px 6px;font-size:10px}.tax-settings-row{flex-direction:column;gap:var(--space-2);align-items:flex-start}.calc-status-bar{flex-direction:column;gap:var(--space-2);align-items:flex-start}}@media (max-width:600px){.triangle-inputs-grid{grid-template-columns:1fr}}@media (max-width:480px){.calorie-summary-box{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.calorie-summary-value{font-size:var(--text-xl)}.plan-tabs{flex-wrap:wrap;gap:var(--space-2)}.plan-tab{flex:1 1 calc(50% - var(--space-1));font-size:var(--text-xs)}}@media (max-width:600px){.goals-grid{grid-template-columns:1fr}.tdee-grid{grid-template-columns:1fr}}@media (max-width:480px){.tdee-hero-val{font-size:var(--text-3xl)}}@media (max-width:480px){.breakdown-legend{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.breakdown-legend{grid-template-columns:1fr}}@media (max-width:480px){.result-table th,.result-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (max-width:480px){.result-container{padding:var(--space-5)}}@media (max-width:480px){.password-options-grid,.option-grid{grid-template-columns:1fr 1fr !important}}@media (max-width:480px){.dynamic-row{grid-template-columns:1fr !important}.add-row-btn{font-size:var(--text-xs)}}@media (max-width:480px){.converter-swap{margin:var(--space-2) 0}.swap-btn{width:40px;height:40px;font-size:var(--text-base)}}@media (max-width:480px){.word-counter-textarea{min-height:160px;font-size:var(--text-base)}}@media (max-width:480px){.contact-form .btn{width:100%}}@media (max-width:1024px){.nav-hamburger{display:flex !important;min-width:44px;min-height:44px;padding:var(--space-2);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-links:not(.active){pointer-events:none}}@media (max-width:600px){.search-container{max-width:100% !important;padding:0}#search-input{font-size:16px;padding-left:var(--space-10)}.search-results-dropdown{left:0 !important;right:0 !important}}@media (max-width:480px){.toast{left:var(--space-4);right:var(--space-4);transform:translateX(0) translateY(100px);text-align:center;border-radius:var(--radius-lg)}.toast.visible{transform:translateX(0) translateY(0)}}@media (max-width:480px){.qc-banner-actions{width:100%;flex-direction:column}.qc-btn-accept,.qc-btn-decline,.qc-btn-settings{width:100%;text-align:center}}@media (max-width:600px){.sitemap-grid,.sitemap-categories{grid-template-columns:1fr !important}}@media (max-width:480px){.static-page h1{font-size:clamp(1.5rem,6vw,2.25rem);margin-bottom:var(--space-5)}.static-content h2{font-size:var(--text-lg);margin-top:var(--space-6)}}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font:inherit;font-weight:500;color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color .15s ease,background .15s ease}.nav-dropdown-toggle:hover,.nav-dropdown.open .nav-dropdown-toggle{color:var(--text-primary);background:var(--bg-input)}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);display:none;z-index:500}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none}.nav-dropdown-menu a:hover{background:var(--bg-input);color:var(--text-primary)}.nav-dropdown-viewall{margin-top:var(--space-1);border-top:1px solid var(--border-default);color:var(--primary) !important;font-weight:600}.currency-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);padding:6px 12px;transition:border-color .15s ease,color .15s ease}.currency-chip:hover{border-color:var(--primary);color:var(--text-primary)}.currency-panel{position:fixed;top:64px;right:max(16px,calc((100vw - 1200px) / 2));width:300px;max-height:70vh;z-index:900;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden}.currency-panel.open{display:flex}.currency-panel-inner{display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2);min-height:0}.currency-list{overflow-y:auto;min-height:0;max-height:55vh}.currency-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;text-align:left;background:none;border:none;cursor:pointer;font:inherit;font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.currency-item:hover{background:var(--bg-input);color:var(--text-primary)}.currency-item.active{color:var(--primary);font-weight:700}.currency-item .cur-code{font-size:var(--text-xs);color:var(--text-muted)}.nav-drawer{display:none}.nav-drawer.open{display:block;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4) var(--space-5);max-height:calc(100vh - 64px);overflow-y:auto;z-index:800}.nav-drawer-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;border-bottom:1px solid var(--border-default);cursor:pointer;font:inherit;font-weight:600;color:var(--text-primary);padding:var(--space-3) 0}.nav-drawer-plus{font-size:1.2em;color:var(--text-muted);transition:transform .2s ease}.nav-drawer-group.open .nav-drawer-plus{transform:rotate(45deg)}.nav-drawer-panel{display:none;padding:var(--space-2) 0 var(--space-2) var(--space-4)}.nav-drawer-group.open .nav-drawer-panel{display:block}.nav-drawer-panel a{display:block;padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none}.nav-drawer-panel a:hover{color:var(--primary)}.nav-drawer-viewall{color:var(--primary) !important;font-weight:600}.nav-drawer-link{display:block;padding:var(--space-3) 0;font-weight:600;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-default)}.nav-drawer-cta{display:block;text-align:center;margin-top:var(--space-4)}.page-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-8);align-items:start;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16)}.sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width:1024px){.page-with-sidebar{grid-template-columns:1fr}.sidebar{position:static}}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.sidebar-heading{font-size:var(--text-sm);font-weight:700;margin:0 0 var(--space-3);color:var(--text-primary)}.sidebar-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.sidebar-heading-row .sidebar-heading{margin:0}.sidebar-viewall{font-size:var(--text-xs);color:var(--primary);text-decoration:none;font-weight:600}.sidebar-search{position:relative}.sidebar-ad-label{display:block;text-align:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.sidebar-ad-slot{min-height:250px}.sidebar-related{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-related-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:border-color .15s ease,color .15s ease,transform .15s ease}.sidebar-related-item:hover{border-color:var(--primary);color:var(--text-primary);transform:translateX(2px)}.sidebar-related-icon{font-size:1.1rem}.sidebar-cats{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-cat-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none}.sidebar-cat-item:hover{background:var(--bg-input)}.sidebar-cat-item strong{display:block;font-size:var(--text-sm);color:var(--text-primary)}.sidebar-cat-item small{display:block;font-size:var(--text-xs);color:var(--text-muted)}.sidebar-recent{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-recent-item{text-decoration:none}.sidebar-recent-title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.4}.sidebar-recent-item:hover .sidebar-recent-title{color:var(--primary)}.sidebar-recent-date{font-size:var(--text-xs);color:var(--text-muted)}.sidebar-share{display:flex;gap:var(--space-2);flex-wrap:wrap}.sidebar-embed{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.sidebar-embed summary{cursor:pointer;font-weight:600}.sidebar-embed-code{margin-top:var(--space-2);font-family:var(--font-mono,monospace);font-size:var(--text-xs);width:100%}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.rating-stars{display:flex;gap:4px}.rating-star{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-muted);padding:2px;transition:transform .1s ease,color .1s ease}.rating-star:hover,.rating-star.filled{color:#f59e0b;transform:scale(1.15)}.rating-summary{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-2) 0 0}.tool-header{margin-bottom:var(--space-5)}.tool-header h1{margin:var(--space-2) 0;font-size:var(--text-3xl)}.tool-intro{color:var(--text-secondary);max-width:70ch}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--text-xs);color:var(--text-muted)}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .sep{opacity:.5}.breadcrumbs .current{color:var(--text-secondary);font-weight:600}.result-hero{background:linear-gradient(135deg,var(--primary-soft,rgba(99,102,241,.08)),transparent);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.result-hero-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.result-hero-value{font-size:var(--text-3xl);font-weight:800;color:var(--primary);line-height:1.2}.result-hero-sub{font-size:var(--text-xs);color:var(--text-muted)}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-tile{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}.stat-tile-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.stat-tile-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.stat-tile.accent .stat-tile-value{color:var(--primary)}.toc{border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:var(--space-6) 0;background:var(--bg-card)}.toc summary{cursor:pointer;padding:var(--space-3) var(--space-4);font-weight:700;font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);list-style:none}.toc summary::-webkit-details-marker{display:none}.toc ol{margin:0;padding:0 var(--space-4) var(--space-4) var(--space-8);columns:2;column-gap:var(--space-6)}.toc li{padding:3px 0;font-size:var(--text-sm)}.toc a{color:var(--text-secondary);text-decoration:none}.toc a:hover{color:var(--primary)}@media (max-width:640px){.toc ol{columns:1}}.tool-content{margin-top:var(--space-6)}.tool-content h2{font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-3);scroll-margin-top:90px}.tool-content h3{font-size:var(--text-lg);margin:var(--space-5) 0 var(--space-2)}.tool-content p,.tool-content li{color:var(--text-secondary);line-height:1.75}.tool-content ul,.tool-content ol{padding-left:var(--space-6);margin:var(--space-3) 0}.tool-content table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--text-sm);display:block;overflow-x:auto}.tool-content th,.tool-content td{border:1px solid var(--border-default);padding:var(--space-2) var(--space-3);text-align:left}.tool-content th{background:var(--bg-input);color:var(--text-primary)}.tool-content .formula-box{background:var(--bg-input);border:1px solid var(--border-default);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;font-family:var(--font-mono,monospace);font-size:var(--text-sm);overflow-x:auto;color:var(--text-primary)}.tool-content .callout{background:var(--primary-soft,rgba(99,102,241,.08));border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0}.tool-disclaimer{margin-top:var(--space-8);padding:var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-muted)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.blog-card{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.blog-card-img{aspect-ratio:16/9;width:100%;object-fit:cover;background:var(--bg-input)}.blog-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.blog-card-meta{font-size:var(--text-xs);color:var(--text-muted)}.blog-card-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1.35}.blog-card:hover .blog-card-title{color:var(--primary)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.blog-card-more{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.post-hero-img{width:100%;border-radius:var(--radius-lg);margin:var(--space-5) 0}.post-summary{border-left:3px solid var(--primary);background:var(--primary-soft,rgba(99,102,241,.08));border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-style:italic;color:var(--text-secondary);margin:var(--space-4) 0}.post-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.footer-newsletter{margin-top:var(--space-4)}.footer-newsletter-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.footer-newsletter-row .form-input{flex:1;min-width:0}.footer-newsletter-msg{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--success,#10b981)}.footer-viewall{color:var(--primary) !important;font-weight:600}.footer-cookie-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.tools-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.tool-card-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--primary-soft,rgba(99,102,241,.1));border-radius:var(--radius-md);font-size:1.3rem}.tool-card-name{font-weight:700;color:var(--text-primary)}.tool-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}@media (max-width:1024px){.nav-links{display:none}}main#main-content{padding-top:var(--nav-height)}main#main-content>.calc-page,main#main-content>.static-page{padding-top:var(--space-8)}.currency-panel{top:calc(var(--nav-height) + 8px)}.embed-mode main#main-content{padding-top:0}.embed-mode .nav,.embed-mode .footer,.embed-mode .nav-search-panel,.embed-mode .nav-search-backdrop,.embed-mode .currency-panel{display:none !important}:root{--gradient-primary:#6366f1;--gradient-hero:#818cf8;--gradient-btn:#4f46e5;--gradient-btn-hover:#4338ca;--glass-bg:#131329;--glass-border:rgba(255,255,255,0.09);--glass-shadow:none;--glass-blur:none;--shadow-glow:none;--radius-2xl:14px;--bg-card:#131329;--bg-input:#0d0d20}[data-theme="light"]{--gradient-primary:#4f46e5;--gradient-hero:#4f46e5;--gradient-btn:#4338ca;--gradient-btn-hover:#3730a3;--glass-bg:#ffffff;--glass-border:#e2e8f0;--glass-shadow:none;--glass-blur:none;--shadow-glow:none;--bg-body:#f8fafc;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-input:#ffffff;--border-default:#e2e8f0;--shadow-lg:0 8px 24px rgba(15,23,42,0.08)}.calc-card,.sidebar-card,.tool-card,.blog-card,.stat-tile,.content-section,.card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none;border:1px solid var(--border-default)}.calc-card{border-radius:12px;padding:var(--space-6)}.calc-card:hover{transform:none;box-shadow:none}.btn-primary,button.btn-primary{background:var(--gradient-btn);box-shadow:none;border-radius:8px;font-weight:600}.btn-primary:hover{background:var(--gradient-btn-hover);transform:none;box-shadow:none}.btn-secondary{box-shadow:none;border-radius:8px}.btn-secondary:hover{transform:none}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;padding:0.55rem 0.75rem;font-size:0.92rem;box-shadow:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.12)}.form-input-lg{padding:0.7rem 0.9rem;font-size:1rem}.form-label{font-size:0.8rem;font-weight:600;letter-spacing:0;text-transform:none;margin-bottom:0.3rem}.form-group{margin-bottom:1rem}.form-hint{font-size:0.75rem}.tool-header{margin-bottom:var(--space-4)}.tool-header h1{font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:800;letter-spacing:-0.02em;color:var(--text-primary);background:none;-webkit-text-fill-color:initial;margin:var(--space-2) 0 var(--space-1)}.tool-intro{font-size:0.95rem}.result-value,.result-item-value,.calorie-summary-value,.hero-stat-value{background:none !important;-webkit-background-clip:initial !important;-webkit-text-fill-color:initial !important;color:var(--primary) !important;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.result-item-value{font-size:1.15rem}.result-container{background:var(--bg-input);border:1px solid var(--border-default);border-radius:10px;box-shadow:none}.result-label{font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--text-muted)}.tabs{gap:4px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:9px;padding:3px}.tab{border-radius:7px;box-shadow:none;font-size:0.85rem;font-weight:600}.tab.active{background:var(--gradient-btn);color:#fff;box-shadow:none}.preset-btn,.counter-btn,.option-btn,.plan-tab{border-radius:8px;box-shadow:none}.preset-btn.active{background:var(--gradient-btn);box-shadow:none}.sidebar-card{border-radius:12px}.sidebar-heading{font-size:0.82rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.sidebar-related-item{border-radius:8px}.tool-content h2{letter-spacing:-0.01em;font-weight:800}.toc{border-radius:12px}.faq-item{border-radius:10px;box-shadow:none}.faq-question{font-size:0.95rem}.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}[data-theme="light"] .nav{background:rgba(255,255,255,0.95)}.nav.scrolled{box-shadow:0 1px 8px rgba(15,23,42,0.06)}.hero{background:var(--bg-body)}.hero h1{letter-spacing:-0.02em}.hero-badge{box-shadow:none}.hero::before,.hero::after{display:none}.sidebar-ad-slot{min-height:0}.sidebar-ad-slot .adsbygoogle{max-height:300px;overflow:hidden}.calc-card{padding:var(--space-7,1.75rem)}.calc-card .form-input,.calc-card .form-select{padding:0.7rem 0.85rem;font-size:0.95rem}.calc-card .btn-primary.btn-lg,.calc-card .btn-primary[style*="width"]{border-radius:9px}:root{--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary:#3b82f6;--primary-soft:rgba(59,130,246,0.12);--gradient-primary:#3b82f6;--gradient-hero:#60a5fa;--gradient-btn:#2563eb;--gradient-btn-hover:#1d4ed8;--text-accent:#60a5fa;--accent-400:#38bdf8;--accent-500:#0ea5e9;--accent-600:#0284c7;--bg-body:#0b1220;--bg-surface:#0f172a;--bg-card:#111c30;--bg-input:#0b1526;--glass-bg:#111c30;--border-default:rgba(148,163,184,0.16);--glass-border:rgba(148,163,184,0.16);--bg-footer:#0b1220;--max-width:1320px}[data-theme="light"]{--primary-400:#3b82f6;--primary-500:#2563eb;--primary-600:#1d4ed8;--primary-700:#1e40af;--primary:#1d4ed8;--primary-soft:rgba(29,78,216,0.08);--gradient-primary:#1d4ed8;--gradient-hero:#1e40af;--gradient-btn:#1e40af;--gradient-btn-hover:#1e3a8a;--text-accent:#1d4ed8;--bg-body:#f8fafc;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-input:#ffffff;--glass-bg:#ffffff;--border-default:#e2e8f0;--glass-border:#e2e8f0;--bg-footer:#ffffff}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}::selection{background:rgba(37,99,235,0.25)}.container,.nav-inner,.calc-container{max-width:var(--max-width)}.page-with-sidebar{max-width:var(--max-width);grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-10);padding-left:var(--space-6);padding-right:var(--space-6)}@media (max-width:1024px){.page-with-sidebar{grid-template-columns:1fr}}.nav-inner{padding:0 var(--space-6)}.nav-links{gap:2px;flex-wrap:nowrap}.nav-links a,.nav-dropdown-toggle{white-space:nowrap;font-size:0.9rem;padding:var(--space-2) 0.7rem}.nav-dropdown-toggle{line-height:1.2}.nav-dropdown-toggle svg{flex-shrink:0;opacity:0.55;transition:transform .15s ease}.nav-dropdown.open .nav-dropdown-toggle svg{transform:rotate(180deg)}.nav-dropdown-menu{border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,0.12);padding:6px}.nav-dropdown-menu a{padding:8px 10px;border-radius:7px;white-space:nowrap}.nav-logo{flex-shrink:0}.nav-actions{flex-shrink:0;gap:var(--space-2)}.currency-chip{white-space:nowrap}@media (max-width:1200px) and (min-width:1025px){.nav-links a,.nav-dropdown-toggle{font-size:0.85rem;padding:var(--space-2) 0.5rem}}.footer{padding:var(--space-12) 0 var(--space-6)}.footer-grid{gap:var(--space-8)}[data-theme="light"] .footer{background:#ffffff;border-top:1px solid var(--border-default)}[data-theme="light"] .footer-brand h3,[data-theme="light"] .footer-brand .footer-brand-title{color:#0f172a}[data-theme="light"] .footer-brand p:not(.footer-brand-title),[data-theme="light"] .footer-bottom p{color:#475569}[data-theme="light"] .footer-heading{color:#0f172a}[data-theme="light"] .footer-links a{color:#475569}[data-theme="light"] .footer-links a:hover{color:var(--primary)}[data-theme="light"] .footer-bottom{border-top:1px solid var(--border-default)}[data-theme="light"] .footer-social a{background:#f1f5f9;border:1px solid var(--border-default);color:#475569}[data-theme="light"] .footer-social a:hover{background:var(--gradient-btn);color:#fff}.footer-social a:hover{transform:none}.footer-viewall{color:var(--text-accent) !important}.footer-newsletter .form-input{font-size:0.85rem}.footer-newsletter-row .btn{padding:0.5rem 0.9rem}.calc-card .form-input,.calc-card .form-select,.calc-card .form-textarea,.calc-card .input-icon-wrapper{width:100%}.calc-card .input-icon-wrapper .form-input{width:100%}.calc-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:end}@media (max-width:640px){.calc-card .form-row{grid-template-columns:1fr}}.calc-card .form-group{margin-bottom:1.1rem;min-width:0}.calc-card .form-label{display:flex;align-items:center;gap:4px}.calc-card .btn-primary{width:100%;justify-content:center;padding:0.8rem 1rem;font-size:0.95rem}.calc-card .btn-primary.btn-inline{width:auto}.calc-card .result-container{margin-top:var(--space-5);padding:var(--space-5)}.calc-card h2,.calc-card h3{letter-spacing:-0.01em}a{color:var(--text-accent)}.tool-content a{color:var(--text-accent);text-decoration:underline;text-underline-offset:2px}.nav-links a,.nav-dropdown-toggle,.breadcrumbs a,.footer-links a,.blog-card,.tool-card,.sidebar-related-item,.sidebar-cat-item,.directory-item{text-decoration:none}@media (min-width:1100px){.footer-grid{grid-template-columns:1.6fr repeat(4,1fr);gap:var(--space-6)}}@media (min-width:1025px){.page-with-sidebar{gap:0}.page-with-sidebar>.tool-main,.page-with-sidebar>.post-main{padding-right:var(--space-10);border-right:1px solid var(--border-default);min-width:0}.page-with-sidebar>.sidebar{padding-left:var(--space-10)}}.calc-card{border-radius:12px}.calc-card .form-label{font-size:0.82rem;margin-bottom:0.35rem;color:var(--text-primary)}.calc-card .form-input,.calc-card .form-select{height:46px;padding:0 0.85rem;line-height:44px}.calc-card textarea.form-input{height:auto;line-height:1.5;padding:0.6rem 0.85rem}.calc-card .input-icon-wrapper .form-input{padding-left:2.3rem}.calc-card .form-hint{margin-top:0.3rem}.input-suffix-wrapper{position:relative}.input-suffix-wrapper .form-input{padding-right:3rem}.input-suffix{position:absolute;right:1px;top:1px;bottom:1px;display:flex;align-items:center;padding:0 0.75rem;background:var(--bg-body);border-left:1px solid var(--border-default);border-radius:0 7px 7px 0;font-size:0.8rem;font-weight:600;color:var(--text-muted);pointer-events:none}.calc-actions{display:flex;gap:0.6rem;margin-top:0.25rem}.calc-actions .btn-primary{flex:1}.calc-actions .btn-clear{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:8px;padding:0 1.2rem;font-weight:600;cursor:pointer;font-size:0.9rem}.calc-actions .btn-clear:hover{color:var(--text-primary);border-color:var(--text-muted)}.gender-btn,.preset-btn,.plan-tab,.option-btn{border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-secondary);border-radius:8px;font-weight:600}.gender-btn.active,.preset-btn.active,.plan-tab.active,.option-btn.active{border-color:var(--primary);background:var(--primary-soft);color:var(--text-accent)}.calc-card .result-container,.health-report-card,.action-plan-card,.calorie-summary-box{background:var(--bg-body);border:1px solid var(--border-default);border-radius:10px}.calc-card table{width:100%;border-collapse:collapse;font-size:0.85rem}.calc-card th,.calc-card td{border:1px solid var(--border-default);padding:0.5rem 0.7rem;text-align:left}.calc-card th{background:var(--bg-input)}input[type="range"]{accent-color:var(--primary)}input[type="radio"],input[type="checkbox"]{accent-color:var(--primary)}:root{--max-width:1368px}.calc-card.split-card{display:block}.calc-card-tool{width:100%}.calc-card .form-row{grid-template-columns:1fr 1fr}:root{--max-width:1440px}@media (min-width:1025px){.page-with-sidebar>.tool-main,.page-with-sidebar>.post-main{padding-right:24px}.page-with-sidebar>.sidebar{padding-left:24px}}.page-with-sidebar{padding-top:var(--space-5)}:root{--max-width:1368px}.page-with-sidebar{grid-template-columns:minmax(0,1fr) 360px}@media (min-width:1025px){.page-with-sidebar{gap:0}.page-with-sidebar>.tool-main,.page-with-sidebar>.post-main{padding-right:16px;border-right:1px solid var(--border-default)}.page-with-sidebar>.sidebar{padding-left:16px}}.tool-main .calc-container,.tool-main .calc-main{max-width:none;width:100%;margin:0;padding:0}.tool-main .calc-card{width:100%}.page-with-sidebar{max-width:calc(var(--max-width) + 48px);padding-left:24px;padding-right:24px}.tool-main .container,.post-main .container{max-width:none;padding-left:0;padding-right:0;margin:0}@media (max-width:1024px){.page-with-sidebar{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.page-with-sidebar>.tool-main,.page-with-sidebar>.post-main{border-right:none;padding-right:0}.page-with-sidebar>.sidebar{padding-left:0;margin-top:var(--space-8)}.nav-links{display:none !important}}@media (max-width:640px){.calc-card{padding:var(--space-4)}.calc-card .form-row{grid-template-columns:1fr}.tool-header h1{font-size:1.45rem}.stat-tiles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}}@media (max-width:560px){.nav-inner{padding:0 12px}.nav-actions{gap:6px}.nav-logo{font-size:1rem;gap:6px}.currency-chip{padding:5px 8px}.currency-chip svg{display:none}.nav-search-btn,.theme-toggle{padding:6px}.currency-panel{left:12px;right:12px;width:auto}}.fraction-equation-row{justify-content:center;gap:1.25rem}.dynamic-row{align-items:center;gap:0.6rem}.dynamic-row .form-input,.dynamic-row .form-select{margin:0}.add-row-btn{margin-top:0.25rem}.calc-card .btn-secondary{border-radius:8px}.footer-bottom p,.footer-bottom a,.footer-cookie-btn{color:#94a3b8}.footer-bottom a:hover,.footer-cookie-btn:hover{color:var(--text-accent)}[data-theme="light"] .footer-bottom p,[data-theme="light"] .footer-bottom a,[data-theme="light"] .footer-cookie-btn{color:#556274}[data-theme="light"] .footer-bottom a:hover,[data-theme="light"] .footer-cookie-btn:hover{color:var(--text-accent)}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}@media (min-width:1025px){.page-with-sidebar>.sidebar{position:sticky;top:calc(var(--nav-height) + 16px);max-height:calc(100vh - var(--nav-height) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.page-with-sidebar>.sidebar::-webkit-scrollbar{width:5px}.page-with-sidebar>.sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.page-with-sidebar>.sidebar::-webkit-scrollbar-track{background:transparent}}.home-hero{padding:var(--space-14,4rem) 0 var(--space-10);background:var(--bg-body)}.home-hero-title{font-size:clamp(2rem,5vw,3.1rem);font-weight:800;letter-spacing:-0.03em;line-height:1.12;margin:var(--space-5) 0 var(--space-4)}.home-hero-title span{color:var(--text-accent)}.home-hero-sub{color:var(--text-secondary);font-size:1.05rem;line-height:1.65}.home-hero-search{max-width:560px;margin:var(--space-6) auto 0;position:relative;z-index:50}.home-hero-search .form-input{border-radius:999px;padding-left:2.8rem;height:52px;box-shadow:0 4px 20px rgba(15,23,42,.06)}.home-hero-search .search-results-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);overflow-y:auto;max-height:300px;text-align:left;z-index:1000}.home-popular-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:var(--space-4);align-items:center}.home-popular-chips span{color:var(--text-muted);font-size:0.85rem}.home-popular-chips a{border:1px solid var(--border-default);background:var(--bg-card);border-radius:999px;padding:5px 14px;font-size:0.85rem;font-weight:600;color:var(--text-secondary);text-decoration:none}.home-popular-chips a:hover{border-color:var(--primary);color:var(--text-accent)}.home-trust-row{display:flex;gap:var(--space-8);justify-content:center;margin-top:1.75rem;flex-wrap:wrap;color:var(--text-muted);font-size:0.9rem}.home-trust-row strong{color:var(--text-primary)}.home-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.home-section-head h2{margin:0;font-size:1.5rem;letter-spacing:-0.02em}.home-section-head a{font-size:0.9rem;font-weight:600;color:var(--text-accent);text-decoration:none}.home-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.home-cat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px;padding:var(--space-5);display:flex;flex-direction:column}.home-cat-head{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.home-cat-head h3{margin:0;font-size:1.05rem}.home-cat-head p{margin:2px 0 0;color:var(--text-muted);font-size:0.8rem}.home-cat-list{list-style:none;margin:0 0 var(--space-4);padding:0;flex:1}.home-cat-list a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:8px;color:var(--text-secondary);font-size:0.9rem;text-decoration:none}.home-cat-list a:hover{background:var(--bg-input);color:var(--text-accent)}.home-cat-list .arrow{opacity:0;transition:opacity .12s ease,transform .12s ease;color:var(--text-accent)}.home-cat-list a:hover .arrow{opacity:1;transform:translateX(2px)}.home-cat-viewall{font-size:0.85rem;font-weight:700;color:var(--text-accent);text-decoration:none;border-top:1px solid var(--border-default);padding-top:var(--space-3)}.home-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);text-align:center}.home-why-grid>div{background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px;padding:var(--space-6) var(--space-4)}.home-why-grid span{font-size:1.8rem}.home-why-grid h3{margin:var(--space-3) 0 var(--space-2);font-size:1rem}.home-why-grid p{margin:0;color:var(--text-secondary);font-size:0.88rem;line-height:1.6}.home-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);text-align:center}.home-steps>div{padding:var(--space-4)}.home-steps em{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--gradient-btn);color:#fff;font-style:normal;font-weight:800;font-size:1.1rem;margin-bottom:var(--space-3)}.home-steps h3{margin:0 0 var(--space-2);font-size:1rem}.home-steps p{margin:0;color:var(--text-secondary);font-size:0.88rem}.home-cta{text-align:center;background:var(--gradient-btn);border-radius:18px;padding:var(--space-10) var(--space-6);color:#fff}.home-cta h2{color:#fff;margin:0 0 var(--space-2);letter-spacing:-0.02em}.home-cta p{color:rgba(255,255,255,.85);margin:0 0 var(--space-5)}.home-cta .btn-primary{background:#fff;color:var(--gradient-btn)}.home-cta .btn-primary:hover{background:#f1f5f9}.footer-bottom p a{color:#94a3b8 !important;text-decoration:none !important}.footer-bottom p a:hover{color:var(--text-accent) !important;text-decoration:underline !important}[data-theme="light"] .footer-bottom p a{color:#556274 !important}[data-theme="light"] .footer-bottom p a:hover{color:var(--text-accent) !important}.nav-dropdown-menu::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}.sidebar-search-item{display:block;padding:8px 12px;font-size:0.88rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border-default)}.sidebar-search-item:last-child{border-bottom:none}.sidebar-search-item:hover{background:var(--bg-input);color:var(--text-accent)}.sidebar-search .search-results-dropdown{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:200}@media (min-width:1025px){.page-with-sidebar>.sidebar{position:sticky;top:calc(var(--nav-height) + 16px);max-height:none;overflow-y:visible}}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:var(--space-10);align-items:center;text-align:left}.home-hero-copy .home-hero-search{margin-left:0}.home-hero-copy .home-popular-chips,.home-hero-copy .home-trust-row{justify-content:flex-start}.home-hero-calc .calc-card{padding:var(--space-4)}.home-hero-calc-hint{text-align:center;font-size:0.78rem;color:var(--text-muted);margin:var(--space-3) 0 0}@media (max-width:1100px){.home-hero-grid{grid-template-columns:1fr;text-align:center}.home-hero-copy .home-hero-search{margin:var(--space-6) auto 0}.home-hero-copy .home-popular-chips,.home-hero-copy .home-trust-row{justify-content:center}.home-hero-calc{max-width:520px;margin:0 auto;width:100%}}.home-cat-section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.home-cat-section + .home-cat-section{border-top:1px solid var(--border-default)}.home-cat-section-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.home-cat-section-title{flex:1;min-width:200px}.home-cat-section-title h2{margin:0;font-size:1.25rem;letter-spacing:-0.01em}.home-cat-section-title p{margin:2px 0 0;color:var(--text-muted);font-size:0.85rem}.home-cat-section-all{font-size:0.88rem;font-weight:600;color:var(--text-accent);text-decoration:none;white-space:nowrap}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-default);background:var(--bg-card);border-radius:999px;padding:8px 16px;font-size:0.88rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:border-color .12s ease,color .12s ease,transform .12s ease}.chip:hover{border-color:var(--primary);color:var(--text-accent);transform:translateY(-1px)}body{overflow-x:clip}.qc-hero{padding:var(--space-14,4.5rem) 0 var(--space-10);text-align:center}.qc-hero-eyebrow{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--text-accent);margin:0 0 var(--space-3)}.qc-hero-title{font-size:clamp(1.9rem,4.6vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 var(--space-4)}.qc-hero-sub{color:var(--text-secondary);max-width:54ch;margin:0 auto;font-size:1.02rem}.qc-hero-search{max-width:540px;margin:1.75rem auto 0;position:relative;z-index:60}.qc-hero-search .form-input{height:54px;border-radius:14px;padding-left:2.8rem;font-size:1rem;border-width:2px}.qc-hero-search .form-input:focus{border-color:var(--primary)}.qc-hero-search .search-results-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);overflow-y:auto;max-height:320px;text-align:left;z-index:1000}.qc-hero-stats{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap}.qc-hero-stats>div{border:1px solid var(--border-default);border-radius:12px;background:var(--bg-card);padding:10px 20px;min-width:120px}.qc-hero-stats b{display:block;font-size:1.25rem;letter-spacing:-.02em;color:var(--text-accent)}.qc-hero-stats span{font-size:.78rem;color:var(--text-muted)}.qc-h2{font-size:1.45rem;letter-spacing:-.02em;margin:0 0 var(--space-6)}.qc-bento{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);grid-template-areas:"b0 b0 s1 s2" "b1 b1 s3 s4" "b1 b1 s5 s6"}.qc-bento-tile{display:flex;flex-direction:column;justify-content:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:var(--space-5);text-decoration:none;transition:border-color .15s ease,transform .15s ease;min-height:96px}.qc-bento-tile:hover{border-color:var(--primary);transform:translateY(-2px)}.qc-bento-big.b0{grid-area:b0}.qc-bento-big.b1{grid-area:b1;background:linear-gradient(160deg,var(--primary-soft),transparent 65%),var(--bg-card)}.qc-bento-icon{font-size:1.5rem}.qc-bento-big .qc-bento-icon{font-size:2rem}.qc-bento-name{font-weight:700;color:var(--text-primary)}.qc-bento-big .qc-bento-name{font-size:1.15rem}.qc-bento-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.qc-bento-go{color:var(--text-accent);font-weight:700;font-size:.85rem;margin-top:4px}@media (max-width:900px){.qc-bento{grid-template-columns:1fr 1fr;grid-template-areas:"b0 b0" "b1 b1" "s1 s2" "s3 s4" "s5 s6"}}.qc-explorer{border:1px solid var(--border-default);border-radius:16px;background:var(--bg-card);overflow:hidden}.qc-explorer-tabs{display:flex;gap:4px;padding:var(--space-3);border-bottom:1px solid var(--border-default);overflow-x:auto;scrollbar-width:none}.qc-explorer-tabs::-webkit-scrollbar{display:none}.qc-explorer-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:none;border:none;cursor:pointer;font:inherit;font-weight:600;font-size:.9rem;color:var(--text-secondary);padding:9px 14px;border-radius:10px}.qc-explorer-tab em{font-style:normal;font-size:.72rem;font-weight:700;background:var(--bg-input);border:1px solid var(--border-default);border-radius:999px;padding:1px 8px;color:var(--text-muted)}.qc-explorer-tab:hover{background:var(--bg-input);color:var(--text-primary)}.qc-explorer-tab.active{background:var(--gradient-btn);color:#fff}.qc-explorer-tab.active em{background:#4b66bf;border-color:transparent;color:#fff}.qc-explorer-panel{display:none;padding:var(--space-5)}.qc-explorer-panel.active{display:block}.qc-explorer-tagline{margin:0 0 var(--space-4);color:var(--text-muted);font-size:.88rem}.qc-explorer-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:6px}.qc-explorer-tools a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none}.qc-explorer-tools a:hover{background:var(--bg-input);color:var(--text-accent)}.qc-explorer-all{display:inline-block;margin-top:var(--space-4);font-weight:700;font-size:.88rem;color:var(--text-accent);text-decoration:none}.qc-diff{max-width:820px}.qc-diff-row{display:flex;gap:var(--space-5);align-items:flex-start;padding:var(--space-5) 0;border-bottom:1px solid var(--border-default)}.qc-diff-row:last-child{border-bottom:none}.qc-diff-icon{flex-shrink:0;width:52px;height:52px;display:grid;place-items:center;font-size:1.5rem;background:var(--primary-soft);border-radius:14px}.qc-diff-row h3{margin:0 0 6px;font-size:1.02rem}.qc-diff-row p{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.65}.qc-faq-split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-10);align-items:start}.qc-faq-side h2{margin-bottom:var(--space-3)}.qc-faq-side p{color:var(--text-muted);font-size:.9rem}@media (max-width:800px){.qc-faq-split{grid-template-columns:1fr;gap:var(--space-4)}}.qc-endcap{text-align:center;padding-bottom:var(--space-14,4rem)}.qc-endcap p{color:var(--text-secondary);font-size:1rem}.qc-endcap a{color:var(--text-accent);font-weight:700}@media (max-width:560px){.nav-search-btn{display:none}}.sidebar-trending{list-style:none;margin:0;padding:0}.sidebar-trending a{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;color:var(--text-secondary);font-size:0.88rem;font-weight:500;text-decoration:none}.sidebar-trending a:hover{background:var(--bg-input);color:var(--text-accent)}.sidebar-trending em{font-style:normal;font-weight:800;font-size:0.72rem;width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;background:var(--primary-soft);color:var(--text-accent);border-radius:6px}.share-row{display:flex;gap:8px}.share-btn{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all .14s ease}.share-btn:hover{transform:translateY(-2px);color:#fff}.share-copy:hover{background:var(--gradient-btn);border-color:var(--gradient-btn)}.share-x:hover{background:#0f1419;border-color:#0f1419}.share-wa:hover{background:#25d366;border-color:#25d366}.share-fb:hover{background:#1877f2;border-color:#1877f2}.share-mail:hover{background:#64748b;border-color:#64748b}.share-embed-toggle{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;font:inherit;font-size:0.82rem;font-weight:700;color:var(--text-accent);padding:0;margin-top:var(--space-3)}.share-embed-toggle.open{color:var(--text-primary)}.share-embed-area{margin-top:var(--space-2)}.share-embed-hint{display:block;font-size:0.72rem;color:var(--text-muted);margin-top:4px}.rating-card{text-align:center}.rating-card .sidebar-heading{text-align:left}.rating-stars{display:flex;justify-content:center;gap:2px}.rating-star{background:none;border:none;cursor:pointer;font-size:1.9rem;line-height:1;padding:2px 3px;color:var(--border-default);transition:transform .1s ease,color .1s ease}.rating-star:hover,.rating-star.filled{color:#f59e0b}.rating-star:hover{transform:scale(1.18)}.rating-summary{margin:var(--space-2) 0 0}.rating-summary strong{font-size:1.3rem;letter-spacing:-0.02em;color:var(--text-primary)}.rating-count{display:inline-block;margin-left:6px;font-size:0.8rem;color:var(--text-muted)}@media (min-width:561px) and (max-width:1099px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6) var(--space-8)}.footer-brand{grid-column:1 / -1}.footer-newsletter{max-width:480px}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}}@media (max-width:1024px){.page-with-sidebar{grid-template-columns:minmax(0,1fr)}.page-with-sidebar>.tool-main,.page-with-sidebar>.post-main,.page-with-sidebar>.sidebar{min-width:0;max-width:100%}}.calc-card table{display:block;overflow-x:auto;max-width:100%}.section.container{padding-left:var(--space-6);padding-right:var(--space-6)}@media (max-width:560px){.section.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width:700px){.section.container{padding-top:var(--space-10);padding-bottom:var(--space-10)}.qc-h2{text-align:center;margin-bottom:var(--space-6);font-size:1.35rem}.home-section-head{justify-content:center;text-align:center}.qc-faq-side{text-align:center}.qc-faq-side h2 br{display:none}.qc-explorer-panel{padding:var(--space-4)}.qc-explorer-tools{grid-template-columns:1fr}.qc-diff-row{gap:var(--space-4);padding:var(--space-4) 0}.qc-diff-icon{width:44px;height:44px;font-size:1.25rem}.qc-hero-stats>div{min-width:calc(50% - 8px)}}.sidebar-mobile-kit{display:none;position:relative}.share-row-compact{margin-top:10px;align-items:center;gap:6px}.share-row-compact .share-btn{width:34px;height:34px}.share-row-label{font-size:0.8rem;font-weight:700;color:var(--text-muted);margin-right:2px}.sidebar-mobile-kit .search-results-dropdown{position:absolute;left:0;right:0;top:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:300}@media (max-width:1024px){.page-with-sidebar>.sidebar>*:not(.sidebar-mobile-kit){display:none}.sidebar-mobile-kit{display:block}.page-with-sidebar>.sidebar{margin-top:var(--space-6);position:static}}@media (max-width:640px){.calc-card [style*="grid-template-columns"]{grid-template-columns:1fr !important}.calc-card .result-container [style*="display:flex"],.calc-card .result-container [style*="display:flex"]{flex-wrap:wrap !important}}.calc-card .result-value,.calc-card .result-item-value,.calc-card .stat-tile-value{overflow-wrap:anywhere}.calc-card .result-container{min-width:0}@media (max-width:640px){.calc-card .result-grid,.calc-card .tdee-grid,.calc-card .pace-grid,.calc-card .goals-grid,.calc-card .name-stats-grid,.calc-card .fun-metrics-grid,.calc-card .plan-milestone-grid,.calc-card .tvm-input-grid{grid-template-columns:1fr !important}}.calc-card .result-value,.calc-card .result-item-value,.calc-card .stat-tile-value{overflow-wrap:break-word;word-break:normal}.sidebar-mobile-kit{margin-bottom:var(--space-5)}@media (max-width:1024px){.page-with-sidebar>.sidebar{display:none}.sidebar-mobile-kit{display:block}}.qc-hero{position:relative;z-index:30}.qc-hero-search{position:relative;z-index:200}.qc-hero-search .search-results-dropdown{z-index:1000}.qc-hero-search .search-results-dropdown{overflow-x:hidden}.qc-hero-search .nav-search-result-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.legal-hero{background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:var(--space-6) 0 var(--space-8);margin-bottom:var(--space-8)}.legal-hero-inner{display:flex;gap:var(--space-5);align-items:flex-start;margin-top:var(--space-4)}.legal-hero-icon{font-size:2.75rem;line-height:1;flex:0 0 auto;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:14px 16px}.legal-hero h1{margin:0 0 var(--space-2)}.legal-lede{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:1.05rem;max-width:62ch}.legal-updated{margin:0}.legal-badge{display:inline-block;font-size:.8rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:999px;padding:4px 12px}.legal-body{padding-bottom:var(--space-10)}.legal-summary{border:1px solid var(--border-default);border-left:4px solid var(--primary);border-radius:12px;background:var(--bg-card);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}.legal-summary h2{margin:0 0 var(--space-3);font-size:1.15rem}.legal-summary ul{margin:0;padding-left:1.15rem}.legal-summary li{margin-bottom:.5rem;line-height:1.65}.legal-summary-note{margin:var(--space-3) 0 0;font-size:.85rem;color:var(--text-secondary)}.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--space-8);align-items:start}.legal-toc{position:sticky;top:calc(var(--nav-height) + 16px);border:1px solid var(--border-default);border-radius:12px;background:var(--bg-card);padding:var(--space-4)}.legal-toc summary{cursor:pointer;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.legal-toc ol{margin:var(--space-3) 0 0;padding-left:1.3rem}.legal-toc li{margin-bottom:.45rem}.legal-toc a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;line-height:1.4}.legal-toc a:hover{color:var(--primary);text-decoration:underline}.legal-section{scroll-margin-top:calc(var(--nav-height) + 20px);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-default)}.legal-section:last-of-type{border-bottom:none}.legal-section h2{display:flex;align-items:center;gap:.65rem;font-size:1.35rem;margin:0 0 var(--space-3)}.legal-num{flex:0 0 auto;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--gradient-btn);color:#fff;font-size:.9rem;font-weight:700}.legal-anchor{opacity:0;color:var(--text-secondary);text-decoration:none;font-weight:400;transition:opacity .15s}.legal-section h2:hover .legal-anchor{opacity:.6}.legal-section p,.legal-section li{line-height:1.75;color:var(--text-secondary)}.legal-section p{margin:0 0 var(--space-3)}.legal-section ul{margin:0 0 var(--space-3);padding-left:1.25rem}.legal-section li{margin-bottom:.5rem}.legal-section strong{color:var(--text-primary)}.legal-section table{width:100%;border-collapse:collapse;margin:0 0 var(--space-4);font-size:.93rem}.legal-section th,.legal-section td{border:1px solid var(--border-default);padding:.7rem .85rem;text-align:left;vertical-align:top}.legal-section th{background:var(--bg-card);color:var(--text-primary)}.legal-section code{background:var(--bg-card);border:1px solid var(--border-default);border-radius:5px;padding:1px 6px;font-size:.88em}.legal-cta{border:1px solid var(--border-default);border-radius:14px;background:var(--bg-card);padding:var(--space-6);text-align:center;margin-top:var(--space-6)}.legal-cta h2{margin:0 0 var(--space-2);font-size:1.2rem}.legal-cta p{color:var(--text-secondary);margin:0 0 var(--space-4)}.legal-cta-links{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.legal-cta-links a{padding:.55rem 1.1rem;border-radius:9px;font-size:.9rem;font-weight:600;text-decoration:none}.legal-cta-links .btn-primary{background:var(--gradient-btn);color:#fff}.legal-cta-links .btn-ghost{border:1px solid var(--border-default);color:var(--text-secondary);background:var(--bg-card)}.legal-cta-links .btn-ghost:hover{color:var(--primary);border-color:var(--primary)}@media (max-width:900px){.legal-layout{grid-template-columns:1fr;gap:var(--space-6)}.legal-toc{position:static}.legal-toc ol{columns:2;column-gap:var(--space-5)}.legal-hero-inner{gap:var(--space-4)}.legal-hero-icon{font-size:2rem;padding:10px 12px}}@media (max-width:560px){.legal-toc ol{columns:1}.legal-hero-inner{flex-direction:column}.legal-section h2{font-size:1.15rem}.legal-summary{padding:var(--space-4)}.legal-section table{display:block;overflow-x:auto}}.post-byline{display:inline-flex;align-items:center;gap:.45rem}.post-byline a{color:var(--text-secondary);text-decoration:none;font-weight:600}.post-byline a:hover{color:var(--primary);text-decoration:underline}.post-byline-avatar{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gradient-btn);color:#fff;font-size:.72rem;font-weight:700;line-height:1}.author-box{display:flex;gap:var(--space-5);border:1px solid var(--border-default);border-radius:14px;background:var(--bg-card);padding:var(--space-5) var(--space-6);margin-top:var(--space-8)}.author-box-avatar{flex:0 0 auto}.author-box-avatar img,.author-box-avatar span{width:72px;height:72px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--gradient-btn);color:#fff;font-size:1.9rem;font-weight:700}.author-box-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.author-box h2{margin:.2rem 0 .15rem;font-size:1.2rem}.author-box h2 a{color:var(--text-primary);text-decoration:none}.author-box h2 a:hover{color:var(--primary)}.author-box-role{margin:0 0 .6rem;font-size:.88rem;color:var(--primary);font-weight:600}.author-box-bio{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.7;font-size:.93rem}.author-box-links{margin:0;display:flex;flex-wrap:wrap;gap:1rem;font-size:.88rem}.author-box-links a{color:var(--primary);text-decoration:none;font-weight:600}.author-box-links a:hover{text-decoration:underline}.author-hero{display:flex;gap:var(--space-6);align-items:flex-start;border-bottom:1px solid var(--border-default);padding-bottom:var(--space-6);margin:var(--space-5) 0 var(--space-8)}.author-hero-avatar img,.author-hero-avatar span{width:104px;height:104px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--gradient-btn);color:#fff;font-size:2.6rem;font-weight:700}.author-hero h1{margin:0 0 .3rem}.author-hero-role{margin:0 0 .8rem;color:var(--primary);font-weight:600}.author-hero-bio{margin:0 0 1rem;color:var(--text-secondary);line-height:1.75;max-width:68ch}.author-hero-links{margin:0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.9rem}.author-hero-links a{color:var(--primary);text-decoration:none;font-weight:600}.author-hero-count{background:var(--bg-card);border:1px solid var(--border-default);border-radius:999px;padding:.25rem .8rem;font-size:.82rem;color:var(--text-secondary)}.comments{margin-top:var(--space-8)}.comments h2{margin:0 0 var(--space-5);font-size:1.4rem}.comments-empty{color:var(--text-secondary);margin-bottom:var(--space-6)}.comment-list{list-style:none;margin:0 0 var(--space-8);padding:0}.comment{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-default)}.comment:last-child{border-bottom:none}.comment-avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary);font-weight:700}.comment-body{min-width:0}.comment-meta{margin:0 0 .3rem;font-size:.88rem;display:flex;gap:.6rem;flex-wrap:wrap}.comment-meta time{color:var(--text-secondary)}.comment-body p:last-child{margin:0;line-height:1.7;color:var(--text-secondary);overflow-wrap:anywhere}.comment-form{border:1px solid var(--border-default);border-radius:14px;background:var(--bg-card);padding:var(--space-6)}.comment-form h3{margin:0 0 .35rem;font-size:1.15rem}.comment-form-note{margin:0 0 var(--space-5);font-size:.88rem;color:var(--text-secondary)}.comment-form label{display:block;margin-bottom:var(--space-4);font-size:.9rem;font-weight:600}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{display:block;width:100%;margin-top:.35rem;padding:.65rem .8rem;font:inherit;font-weight:400;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:9px}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.comment-form textarea{resize:vertical;min-height:120px}.comment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.comment-form-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.comment-form-status{font-size:.9rem;color:var(--text-secondary)}.comment-form-status.is-ok{color:#16a34a;font-weight:600}.comment-form-status.is-error{color:#dc2626;font-weight:600}.comment-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (max-width:640px){.comment-form-grid{grid-template-columns:1fr}.author-box{flex-direction:column;gap:var(--space-4)}.author-hero{flex-direction:column;gap:var(--space-4)}.author-hero-avatar img,.author-hero-avatar span{width:80px;height:80px;font-size:2rem}}.calc-card h2{font-size:var(--text-2xl)}.calc-card h3{font-size:var(--text-xl)}.calc-card h4{font-size:var(--text-xs)}@media (max-width:768px){.footer-bottom p{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 .5rem;line-height:2.4}.footer-bottom p a,.footer-cookie-btn{display:inline-block;padding:.6rem .35rem;min-height:44px;line-height:1.9}.nav-logo{padding:.5rem .25rem;min-height:44px;display:inline-flex;align-items:center}.currency-chip,.theme-toggle,.nav-hamburger{min-height:44px;min-width:44px}.footer-links a{display:inline-block;padding:.35rem 0;min-height:40px;line-height:1.9}.footer-social a{min-width:44px;min-height:44px;display:inline-grid;place-items:center}.legal-cta-links a{min-height:44px;display:inline-flex;align-items:center}.breadcrumbs a{display:inline-block;padding:.35rem 0;min-height:40px;line-height:1.9}}.qc-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,380px);gap:var(--space-10);align-items:start;text-align:left}.qc-hero-grid .qc-hero-sub{margin-left:0}.qc-hero-grid .qc-hero-search{margin-left:0;margin-right:0;max-width:100%}.qc-hero-grid .qc-hero-stats{justify-content:flex-start}.qc-hero-calc{background:var(--bg-card);border:1px solid var(--border-default);border-radius:18px;padding:var(--space-4);box-shadow:var(--shadow-md);min-height:430px}.qc-hero-calc:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.qc-calc-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.qc-calc-title{font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.qc-calc-more{font-size:.82rem;font-weight:600;color:var(--primary);text-decoration:none}.qc-calc-more:hover{text-decoration:underline}.qc-calc-screen{background:var(--bg-input);border:1px solid var(--border-default);border-radius:12px;padding:.7rem .9rem;margin-bottom:var(--space-3);text-align:right;overflow:hidden}.qc-calc-expr{font-size:.82rem;color:var(--text-muted,var(--text-secondary));min-height:1.15rem;line-height:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-calc-value{display:block;font-family:var(--font-mono,monospace);font-size:clamp(1.5rem,3vw,1.95rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qc-k{height:48px;border:1px solid var(--border-default);border-radius:11px;background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:1.02rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform .06s}.qc-k:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.qc-k:active{transform:translateY(1px)}.qc-k-fn{color:var(--text-secondary)}.qc-k-op{color:var(--primary);font-weight:700}.qc-k-op.is-armed{background:var(--gradient-btn);border-color:var(--gradient-btn);color:#fff}.qc-k-zero{grid-column:span 2}.qc-k-eq{background:var(--gradient-btn);border-color:var(--gradient-btn);color:var(--text-on-primary,#fff)}.qc-k-eq:hover{background:var(--gradient-btn-hover);border-color:var(--gradient-btn-hover)}.qc-calc-hint{margin:var(--space-3) 0 0;text-align:center;font-size:.76rem;color:var(--text-muted,var(--text-secondary))}@media (max-width:1100px){.qc-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:var(--space-6)}}@media (max-width:860px){.qc-hero-grid{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.qc-hero-grid .qc-hero-sub{margin-left:auto;margin-right:auto}.qc-hero-grid .qc-hero-stats{justify-content:center}.qc-hero-calc{width:100%;max-width:380px;margin:0 auto;min-height:0}.qc-calc-hint{display:none}}@media (max-width:400px){.qc-k{height:44px;font-size:.96rem}.qc-calc-keys{gap:6px}}[data-theme="dark"] .qc-toggle-locked{color:#34d399}[data-theme="dark"] .qc-btn-save{color:#c7d2fe}.section.container{padding-top:var(--space-20);padding-bottom:var(--space-20)}@media (max-width:1024px){.section.container{padding-top:var(--space-12);padding-bottom:var(--space-12)}}@media (max-width:700px){.section.container{padding-top:var(--space-10);padding-bottom:var(--space-10)}}@media (max-width:700px){.qc-h2{text-align:left}.home-section-head{justify-content:flex-start;text-align:left}.qc-faq-side{text-align:left}}@media (max-width:860px){.qc-explorer-tabs{flex-wrap:wrap;overflow-x:visible;gap:6px}.qc-explorer-tab{flex:0 0 auto}}.calc-actions{align-items:stretch}.calc-actions>.btn-primary{margin-top:0 !important}.calc-actions>.btn-primary,.calc-actions>.btn-clear{min-height:48px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;justify-content:center}