:root{--bg: #faf9f6;--surface: rgba(255, 255, 255, .8);--surface-solid: #ffffff;--bg-primary: var(--surface-solid);--bg-secondary: var(--bg);--bg-tertiary: var(--surface);--text: #1a1a1a;--text-primary: var(--text);--text-secondary: #6b6b6b;--text-muted: #999999;--accent: #0d9488;--accent-dark: #136c6c;--accent-soft: #ccfbf1;--accent-light: rgba(13, 148, 136, .16);--border: rgba(0, 0, 0, .06);--border-subtle: rgba(0, 0, 0, .05);--border-interactive: #cfcfcb;--border-solid: #e8e8e6;--color-primary: var(--surface-solid);--color-text: var(--text);--color-muted: var(--text-muted);--color-accent: var(--accent);--color-border: var(--border-solid);--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--shadow-soft: 0 2px 12px rgba(0, 0, 0, .08);--shadow-menu: 0 8px 32px rgba(0, 0, 0, .08);--shadow-menu-strong: 0 8px 32px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-medium: .3s cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--nav-height: 72px;--footer-height: 56px;--page-side-padding: 48px;--content-top-offset: 48px;--section-gap: 40px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}body{background-color:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable}@media(max-width:768px){.nav-container{padding:0 var(--space-md)!important}.nav-desktop-links{display:none!important}.nav-mobile-menu{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;position:absolute;top:var(--nav-height);left:0;right:0;bottom:auto;background-color:var(--surface-solid);padding:var(--space-lg) var(--space-lg) var(--space-xl) var(--space-lg);z-index:99;pointer-events:auto!important;gap:20px;border-bottom:1px solid var(--border-solid);box-shadow:var(--shadow-menu)}.nav-mobile-menu a{padding:var(--space-xs) var(--space-md);font-size:18px!important;margin-left:0!important;text-decoration:none;color:var(--text);font-weight:500}.nav-mobile-menu a:last-child{border-bottom:none}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);cursor:pointer;padding:var(--space-xs);pointer-events:auto;margin-left:auto}.home-label-content{padding:var(--space-lg) var(--space-lg) 0!important}.home-section{top:var(--space-lg)!important;left:var(--space-lg)!important;right:var(--space-lg)!important}.home-label-footer{padding:var(--space-md) var(--space-lg)!important}.home-dots{display:none!important}.tools-page-container{flex-direction:column!important;padding:var(--space-md)!important;height:auto!important;min-height:calc(100vh - var(--nav-height) - var(--footer-height))!important;max-height:none!important;overflow:visible!important}.tools-sidebar{width:100%!important;height:auto!important;max-height:none!important;margin:0!important;align-self:stretch!important;flex-shrink:0!important;position:relative!important;z-index:10!important;padding:var(--space-sm) var(--space-md)!important;overflow:visible!important}.tools-sidebar-header,.tools-sidebar-header.open{margin-bottom:0!important}.tools-sidebar-content{display:none!important}.tools-sidebar-content.open{display:flex!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;background-color:var(--surface-solid)!important;border:1px solid var(--border-solid)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;padding:20px 0!important;z-index:1000!important;max-height:60vh!important;overflow:hidden!important;flex-direction:column!important}.tools-sidebar-content.open .tools-sidebar-scroll{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important}.tools-content{padding:0!important;align-items:flex-start!important;justify-content:center!important;flex:1 0 auto!important;width:100%!important}.tools-card{width:100%!important;margin:0 auto}}@media(min-width:769px){.mobile-only,.nav-mobile-menu,.mobile-menu-btn{display:none!important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.tools-card input::placeholder,.tools-card textarea::placeholder{color:transparent!important;opacity:0!important}.tools-card button:focus-visible,.tools-card input:focus-visible,.tools-card textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tools-card input:focus-visible,.tools-card textarea:focus-visible{border-color:var(--accent)!important;border-bottom-color:var(--accent)!important}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-solid);border-radius:3px}.thin-scrollbar::-webkit-scrollbar{width:4px;height:4px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{opacity:0;animation:fadeUp 1s var(--ease-out-expo) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes toolFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progressBar{0%{left:-50%;width:40%}60%{left:100%;width:50%}to{left:100%;width:50%}}.reveal{opacity:0;transform:translateY(30px);transition:all var(--transition-medium)}.reveal.visible{opacity:1;transform:translateY(0)}