*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--fo-bg,#07070a);color:var(--fo-text,#f1f5f9);font-family:var(--fo-font-sans,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}main{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shimmerSlide{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-12px) scale(1.02)}66%{transform:translateY(-6px) scale(.98)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05)}80%{transform:scale(.97)}to{transform:scale(1);opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lineExpand{0%{width:0;opacity:0}to{width:100%;opacity:1}}.animate-fadeInUp{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.animate-fadeIn{animation:fadeIn .4s ease both}.animate-scaleIn{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) both}.animate-float{animation:float 5s ease-in-out infinite}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.skipLink{position:absolute;top:-100px;left:16px;background:var(--fo-text);color:var(--fo-bg);padding:8px 16px;border-radius:8px;font-weight:700;z-index:9999;transition:top .2s}.skipLink:focus{top:16px}.container{width:min(1280px,calc(100% - 48px));margin:0 auto}@media (max-width:640px){.container{width:calc(100% - 32px)}}.gradient-text{background:var(--fo-gradient-brand,linear-gradient(135deg,#38bdf8 0,#818cf8 50%,#a78bfa 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&family=Instrument+Serif:ital@1&display=swap");:root{--fo-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--fo-font-display:"Space Grotesk",-apple-system,sans-serif;--fo-font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;--fo-font-mono:ui-monospace,"SF Mono",Menlo,Monaco,Consolas,monospace;--fo-radius-xs:6px;--fo-radius-sm:10px;--fo-radius-md:14px;--fo-radius-lg:20px;--fo-radius-xl:28px;--fo-radius-pill:9999px;--fo-transition-fast:0.15s cubic-bezier(0.16,1,0.3,1);--fo-transition-smooth:0.28s cubic-bezier(0.16,1,0.3,1);--fo-transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1)}:root,html[data-theme=dark]{--fo-bg:#07070a;--fo-bg-subtle:#0c0c12;--fo-surface:#0f1018;--fo-surface-hover:#141520;--fo-surface-2:#161824;--fo-surface-elevated:#1a1c2a;--fo-surface-glass:rgba(12,12,18,0.85);--fo-primary:#38bdf8;--fo-primary-hover:#7dd3fc;--fo-primary-glow:rgba(56,189,248,0.22);--fo-primary-glow-strong:rgba(56,189,248,0.45);--fo-accent-brand:#a78bfa;--fo-accent-brand-hover:#c4b5fd;--fo-accent-brand-glow:rgba(167,139,250,0.22);--fo-gradient-brand:linear-gradient(135deg,#38bdf8,#818cf8 50%,#a78bfa);--fo-gradient-brand-soft:linear-gradient(135deg,rgba(56,189,248,0.15),rgba(129,140,248,0.12) 50%,rgba(167,139,250,0.15));--fo-gradient-card-top:linear-gradient(180deg,rgba(255,255,255,0.04),transparent);--fo-gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(56,189,248,0.18) 0%,rgba(129,140,248,0.10) 40%,transparent 70%);--fo-gradient-cta:linear-gradient(135deg,#38bdf8,#818cf8);--fo-text:#f1f5f9;--fo-text-secondary:#94a3b8;--fo-text-tertiary:#64748b;--fo-text-muted:#475569;--fo-heading:#f8fafc;--fo-subtext:#94a3b8;--fo-card:#0f1018;--fo-card-surface:#13141e;--fo-card-border:rgba(255,255,255,0.07);--fo-border:rgba(255,255,255,0.07);--fo-border-hover:rgba(255,255,255,0.15);--fo-border-strong:rgba(255,255,255,0.20);--fo-border-subtle:rgba(255,255,255,0.04);--fo-accent:#f8fafc;--fo-accent-inverse:#07070a;--fo-accent-subtle:rgba(248,250,252,0.06);--fo-accent-glow:rgba(248,250,252,0.10);--fo-badge-bg:rgba(255,255,255,0.05);--fo-badge-border:rgba(255,255,255,0.09);--fo-badge-text:#cbd5e1;--fo-shadow-xs:0 2px 8px rgba(0,0,0,0.3);--fo-shadow-card:0 4px 24px rgba(0,0,0,0.4),0 1px 0 rgba(255,255,255,0.04) inset;--fo-shadow-hover:0 20px 48px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.12),0 0 30px rgba(56,189,248,0.06);--fo-shadow-dropdown:0 24px 60px rgba(0,0,0,0.72),0 0 0 1px rgba(255,255,255,0.10);--fo-shadow-glow-brand:0 0 40px rgba(56,189,248,0.18),0 0 80px rgba(129,140,248,0.10);--fo-shadow-cta:0 8px 32px rgba(56,189,248,0.35),0 2px 8px rgba(0,0,0,0.4);--fo-grid-color:rgba(255,255,255,0.022);--fo-logo-invert:0}html[data-theme=light]{--fo-bg:#f8f9fb;--fo-bg-subtle:#f0f2f7;--fo-surface:#ffffff;--fo-surface-hover:#f4f6fb;--fo-surface-2:#f0f2f6;--fo-surface-elevated:#ffffff;--fo-surface-glass:rgba(255,255,255,0.90);--fo-primary:#0284c7;--fo-primary-hover:#0369a1;--fo-primary-glow:rgba(2,132,199,0.20);--fo-primary-glow-strong:rgba(2,132,199,0.40);--fo-accent-brand:#7c3aed;--fo-accent-brand-hover:#6d28d9;--fo-accent-brand-glow:rgba(124,58,237,0.18);--fo-gradient-brand:linear-gradient(135deg,#0284c7,#4f46e5 50%,#7c3aed);--fo-gradient-brand-soft:linear-gradient(135deg,rgba(2,132,199,0.08),rgba(79,70,229,0.07) 50%,rgba(124,58,237,0.08));--fo-gradient-card-top:linear-gradient(180deg,rgba(255,255,255,0.8),transparent);--fo-gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(2,132,199,0.10) 0%,rgba(79,70,229,0.06) 40%,transparent 70%);--fo-gradient-cta:linear-gradient(135deg,#0284c7,#4f46e5);--fo-text:#0f172a;--fo-text-secondary:#475569;--fo-text-tertiary:#64748b;--fo-text-muted:#94a3b8;--fo-heading:#0f172a;--fo-subtext:#475569;--fo-card:#ffffff;--fo-card-surface:#ffffff;--fo-card-border:rgba(0,0,0,0.07);--fo-border:rgba(0,0,0,0.07);--fo-border-hover:rgba(0,0,0,0.16);--fo-border-strong:rgba(0,0,0,0.24);--fo-border-subtle:rgba(0,0,0,0.04);--fo-accent:#0f172a;--fo-accent-inverse:#ffffff;--fo-accent-subtle:rgba(15,23,42,0.05);--fo-accent-glow:rgba(15,23,42,0.08);--fo-badge-bg:rgba(0,0,0,0.04);--fo-badge-border:rgba(0,0,0,0.08);--fo-badge-text:#334155;--fo-shadow-xs:0 2px 8px rgba(0,0,0,0.05);--fo-shadow-card:0 4px 20px rgba(0,0,0,0.06),0 1px 0 rgba(255,255,255,0.8) inset;--fo-shadow-hover:0 16px 40px rgba(0,0,0,0.10),0 0 0 1px rgba(0,0,0,0.08);--fo-shadow-dropdown:0 20px 48px rgba(0,0,0,0.14),0 0 0 1px rgba(0,0,0,0.07);--fo-shadow-glow-brand:0 0 40px rgba(2,132,199,0.12),0 0 80px rgba(79,70,229,0.06);--fo-shadow-cta:0 8px 28px rgba(2,132,199,0.30),0 2px 6px rgba(0,0,0,0.08);--fo-grid-color:rgba(0,0,0,0.02);--fo-logo-invert:1}body,html{background-color:var(--fo-bg)!important;color:var(--fo-text)!important;font-family:var(--fo-font-sans);min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}article,aside,footer,header,main,nav,section{color:var(--fo-text)}a{color:inherit;text-decoration:none}.siteBackground{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--fo-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--fo-grid-color) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 120% 60% at 50% 0,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 120% 60% at 50% 0,black 30%,transparent 85%)}.siteHeader,.toolSiteHeader{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--fo-surface-glass)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--fo-border)!important;transition:border-color var(--fo-transition-fast),background var(--fo-transition-fast)}.siteHeaderInner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--fo-font-display);font-weight:700;font-size:19px;letter-spacing:-.03em;color:var(--fo-text)!important;text-decoration:none;transition:opacity var(--fo-transition-fast)}.brand:hover{opacity:.85}.brandLogoImage{height:26px;width:auto;object-fit:contain;filter:invert(var(--fo-logo-invert))}.brandOrb{width:8px;height:8px;border-radius:50%;background:var(--fo-primary);box-shadow:0 0 12px var(--fo-primary),0 0 24px var(--fo-primary-glow);animation:orbPulse 2.5s ease-in-out infinite}@keyframes orbPulse{0%,to{box-shadow:0 0 10px var(--fo-primary),0 0 20px var(--fo-primary-glow)}50%{box-shadow:0 0 16px var(--fo-primary),0 0 36px var(--fo-primary-glow-strong)}}.headerNav{display:flex;align-items:center;gap:28px}.headerNav a{font-size:13px;font-weight:500;color:var(--fo-text-secondary)!important;transition:color var(--fo-transition-fast)}.headerNav a:hover{color:var(--fo-text)!important}.headerActions{display:flex;align-items:center;gap:12px}.themeToggle{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--fo-radius-pill);border:1px solid var(--fo-border)!important;background:var(--fo-surface)!important;color:var(--fo-text)!important;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--fo-transition-fast)}.themeToggle:hover{border-color:var(--fo-border-hover)!important;background:var(--fo-surface-hover)!important;transform:translateY(-1px);box-shadow:var(--fo-shadow-xs)}.themeToggleIcon{font-size:13px;line-height:1}.actionButton,.fullAction,.primaryAction,.primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--fo-radius-md);background:var(--fo-gradient-cta)!important;color:#ffffff!important;border:none!important;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:var(--fo-shadow-cta);transition:all var(--fo-transition-smooth);letter-spacing:-.01em}.actionButton:hover,.fullAction:hover,.primaryAction:hover,.primaryButton:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(56,189,248,.45),0 2px 10px rgba(0,0,0,.35);filter:brightness(1.08)}.actionButtonGhost,.change,.reset,.secondaryAction,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--fo-radius-md);background:var(--fo-surface)!important;color:var(--fo-text)!important;border:1px solid var(--fo-border)!important;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--fo-transition-fast)}.actionButtonGhost:hover,.change:hover,.reset:hover,.secondaryAction:hover,.secondaryButton:hover{background:var(--fo-surface-hover)!important;border-color:var(--fo-border-hover)!important;transform:translateY(-1px);box-shadow:var(--fo-shadow-xs)}a.toolCard{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:var(--fo-radius-lg);background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;color:var(--fo-text)!important;text-decoration:none;transition:all var(--fo-transition-smooth);box-shadow:var(--fo-shadow-card);overflow:hidden}a.toolCard:before{inset:0;background:var(--fo-gradient-brand-soft);border-radius:inherit;pointer-events:none}a.toolCard:after,a.toolCard:before{content:"";position:absolute;opacity:0;transition:opacity var(--fo-transition-smooth)}a.toolCard:after{top:0;left:0;right:0;height:1px;background:var(--fo-gradient-brand)}a.toolCard:hover{transform:translateY(-5px);border-color:var(--fo-border-hover)!important;box-shadow:var(--fo-shadow-hover)}a.toolCard:hover:before{opacity:1}a.toolCard:hover:after{opacity:.6}div.toolCard{position:relative;border-radius:var(--fo-radius-xl);background:var(--fo-surface)!important;border-top:1px solid var(--fo-border)!important;border:1px solid var(--fo-border)!important;border-top:1px solid rgba(255,255,255,.1)!important;color:var(--fo-text)!important;box-shadow:0 20px 60px -12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.1);padding:32px;box-sizing:border-box;overflow:hidden;background-image:var(--fo-gradient-card-top)!important;background-blend-mode:overlay}div.toolCard:hover{transform:none!important}[data-theme=light] div.toolCard{background:#ffffff!important;border:1px solid rgba(0,0,0,.07)!important;border-top-color:rgba(255,255,255,.95)!important;box-shadow:0 16px 48px -8px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.9)!important}.toolCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.toolCardIcon{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--fo-radius-md);background:var(--fo-gradient-brand-soft);border:1px solid rgba(56,189,248,.15);color:var(--fo-text);font-size:18px;transition:all var(--fo-transition-smooth);position:relative;overflow:hidden}[data-theme=light] .toolCardIcon{background:var(--fo-gradient-brand-soft);border-color:rgba(2,132,199,.15)}.toolCard:hover .toolCardIcon{transform:scale(1.1) rotate(-3deg);box-shadow:0 4px 16px var(--fo-primary-glow);border-color:rgba(56,189,248,.3)}.toolCategoryBadge{display:inline-block;padding:4px 10px;border-radius:var(--fo-radius-pill);background:var(--fo-badge-bg);border:1px solid var(--fo-badge-border);color:var(--fo-text-tertiary);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all var(--fo-transition-fast)}.toolCard:hover .toolCategoryBadge{border-color:rgba(56,189,248,.25);color:var(--fo-primary)}.toolCardTitle{font-family:var(--fo-font-display);font-size:16px;font-weight:700;letter-spacing:-.025em;color:var(--fo-text)!important;margin:0 0 6px;transition:color var(--fo-transition-fast)}.toolCard:hover .toolCardTitle{color:var(--fo-heading)!important}.toolCardDesc{font-size:12.5px;line-height:1.55;color:var(--fo-text-secondary)!important;margin:0;flex:1 1}.toolCardFooter{display:flex;align-items:center;justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid var(--fo-border);transition:border-color var(--fo-transition-fast)}.toolCard:hover .toolCardFooter{border-color:rgba(56,189,248,.15)}.toolCardArrow{font-size:13px;font-weight:600;color:var(--fo-text-tertiary);transition:transform var(--fo-transition-fast),color var(--fo-transition-fast)}.toolCard:hover .toolCardArrow{color:var(--fo-primary);transform:translateX(4px)}.toolShell{min-height:100vh;background:var(--fo-bg)!important;color:var(--fo-text)!important}.toolHero{max-width:900px;margin:52px auto 60px;padding:0 24px;text-align:center}.toolHero .eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fo-primary);margin-bottom:14px;background:var(--fo-gradient-brand-soft);border:1px solid rgba(56,189,248,.18);padding:5px 14px;border-radius:var(--fo-radius-pill)}.toolHero h1{font-family:var(--fo-font-display);font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.04em;color:var(--fo-text)!important;margin:0 0 18px}.toolHero h1 em{font-family:var(--fo-font-serif);font-style:italic;font-weight:400;background:var(--fo-gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.toolHero .lead{max-width:640px;margin:0 auto;font-size:16px;line-height:1.65;color:var(--fo-text-secondary)!important}.toolWorkspace{max-width:900px;margin:36px auto 0;text-align:left}.calculatorCard,.filePreview,.panel,.resultBox,.summary,.toolResult{background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;border-radius:var(--fo-radius-lg)!important;box-shadow:var(--fo-shadow-card)!important;color:var(--fo-text)!important}.panelHead{padding:22px 26px!important;border-bottom:1px solid var(--fo-border)}.panelHead h2{font-family:var(--fo-font-display);font-size:18px!important;letter-spacing:-.02em;margin:0;color:var(--fo-text)!important}.panelHead p,.panelHead small{color:var(--fo-text-secondary)!important}.toolInput,.toolTextarea,input,select,textarea{background:var(--fo-bg-subtle)!important;color:var(--fo-text)!important;border:1px solid var(--fo-border)!important;border-radius:var(--fo-radius-md)!important;font-family:inherit;font-size:14px;transition:all var(--fo-transition-fast)}.toolInput:focus,.toolTextarea:focus,input:focus,select:focus,textarea:focus{background:var(--fo-surface)!important;border-color:var(--fo-primary)!important;outline:none!important;box-shadow:0 0 0 3px var(--fo-primary-glow)!important}input::placeholder,textarea::placeholder{color:var(--fo-text-tertiary)!important}.drop{border:1.5px dashed var(--fo-border-strong)!important;background:var(--fo-surface)!important;border-radius:var(--fo-radius-lg)!important;transition:all var(--fo-transition-fast)}.drop.drag,.drop.isDragging,.drop:hover{border-color:var(--fo-primary)!important;background:var(--fo-surface-hover)!important;box-shadow:0 0 0 4px var(--fo-primary-glow)!important}.contentSection,.faqSection{background:transparent!important;color:var(--fo-text)!important;border-top:1px solid var(--fo-border)}.contentSection h2,.faqSection h2{font-family:var(--fo-font-display);font-size:clamp(26px,3.5vw,40px);letter-spacing:-.03em;color:var(--fo-text)!important}.contentSection li,.contentSection p,.faqSection p{color:var(--fo-text-secondary)!important;line-height:1.65}.faqList details,.guideGrid article{background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;border-radius:var(--fo-radius-md);transition:all var(--fo-transition-fast)}.faqList details:hover,.guideGrid article:hover{border-color:var(--fo-border-hover)!important;box-shadow:var(--fo-shadow-xs)}.faqList details{margin-bottom:10px;padding:16px 20px}.faqList summary{color:var(--fo-text)!important;font-weight:600;cursor:pointer}.relatedTools{border-top:1px solid var(--fo-border);padding:60px 0}.relatedTools nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.relatedTools nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--fo-radius-md);background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;color:var(--fo-text)!important;font-size:13px;font-weight:600;transition:all var(--fo-transition-fast)}.relatedTools nav a:hover{border-color:var(--fo-primary)!important;background:var(--fo-gradient-brand-soft)!important;transform:translateY(-2px);box-shadow:0 4px 16px var(--fo-primary-glow);color:var(--fo-primary)!important}.gradientText{background:var(--fo-gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:768px){.siteHeaderInner{padding:12px 16px}.headerNav{display:none}.toolHero{margin:32px auto 40px;padding:0 16px}}