.page-container{background:var(--color-background);min-height:100vh;overflow:hidden;padding-top:var(--header-height);position:relative}.page-background{animation:gradientShift 20s ease-in-out infinite;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes gradientShift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-20px) scale(1.05)}66%{transform:translate(20px,-10px) scale(.95)}}.page-wrapper{margin:0 auto;max-width:1200px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;z-index:1}.page-hero{animation:fadeInUp .8s ease-out;margin-bottom:var(--spacing-3xl);text-align:center}.hero-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;border-radius:24px;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);transition:all .3s ease;width:80px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-icon:hover{transform:scale(1.1) rotate(5deg)}.hero-icon svg{height:40px;width:40px}.hero-title{color:var(--text-primary);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--spacing-md) 0}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.glass-panel{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 10px 40px rgba(0,0,0,.08);padding:var(--spacing-2xl);transition:all .3s ease}.glass-panel:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 20px 60px rgba(0,0,0,.12);transform:translateY(-4px)}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border:1px solid var(--glass-border);box-shadow:0 10px 40px rgba(0,0,0,.08);color:inherit;display:block;position:relative;text-decoration:none;transition:all .3s ease}.card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent 60%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 60px rgba(0,0,0,.15);transform:translateY(-6px) scale(1.02)}.card:hover:before{opacity:1}.card-icon{align-items:center;border-radius:16px;display:flex;font-size:2.5rem;height:60px;justify-content:center;margin-bottom:var(--spacing-md);transition:all .3s ease;width:60px}.card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.card-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-md)}.btn{border-radius:var(--radius-md);font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .3s ease}.btn-primary{background:var(--color-primary);box-shadow:0 10px 30px rgba(0,122,255,.3)}.btn-primary:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-primary:hover{box-shadow:0 15px 40px rgba(0,122,255,.4);transform:translateY(-2px)}.btn-primary:hover:before{height:300px;width:300px}.btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-background);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);box-shadow:0 10px 30px rgba(0,122,255,.3);color:#fff;transform:translateY(-2px)}.btn-ghost{border:1px solid var(--glass-border);color:var(--color-text-primary)}.btn-ghost:hover{background:var(--glass-background);border-color:var(--color-primary);transform:translateY(-1px)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:hsla(0,0%,100%,.03);border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.04);color:var(--color-text-primary);font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.form-input:hover,.form-select:hover,.form-textarea:hover{background:hsla(0,0%,100%,.05);box-shadow:0 4px 12px rgba(0,0,0,.08)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:hsla(0,0%,100%,.05);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(0,122,255,.1)}.form-textarea{font-family:inherit}.nav-tabs{margin-bottom:var(--spacing-xl);overflow-x:auto;padding:var(--spacing-sm);-webkit-overflow-scrolling:touch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 10px 40px rgba(0,0,0,.08)}.nav-tab,.nav-tabs{display:flex;gap:var(--spacing-sm)}.nav-tab{align-items:center;background:transparent;border:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;white-space:nowrap}.nav-tab:hover{background:hsla(0,0%,100%,.05);color:var(--color-text-primary)}.nav-tab.active{background:var(--color-primary);box-shadow:0 5px 20px rgba(0,122,255,.3);color:#fff}.grid-auto{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.search-container{width:100%}.search-icon{color:var(--color-text-secondary)}.search-input{background:hsla(0,0%,100%,.03);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg)*2.5);transition:all .3s ease;width:100%}.search-input:focus,.search-input:hover{background:hsla(0,0%,100%,.05)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(0,122,255,.1);outline:none}.section-header{margin-bottom:var(--spacing-2xl)}.section-title{color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:var(--spacing-sm)}.section-title:after{background:linear-gradient(90deg,#007aff,transparent);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.section-subtitle{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6}.stats-grid{background:hsla(0,0%,100%,.02);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:var(--spacing-xl) 0;padding:var(--spacing-xl)}.stat-item{border:none;padding:var(--spacing-md)}.stat-number{color:var(--color-primary);font-size:2.5rem;letter-spacing:-.02em;margin-bottom:var(--spacing-xs)}.stat-label{font-weight:500;letter-spacing:.1em}.empty-state,.stat-label{color:var(--color-text-secondary)}.empty-state{padding:var(--spacing-3xl) var(--spacing-xl)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:1.1rem;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.page-wrapper{padding:var(--spacing-xl) var(--spacing-md)}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.glass-panel{padding:var(--spacing-lg)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-tabs{gap:var(--spacing-xs);padding:var(--spacing-xs)}.nav-tab{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.btn{justify-content:center;max-width:300px;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}body{font-weight:400;letter-spacing:-.022em;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.03em;line-height:1.1}h1{font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.04em}h2{font-size:var(--font-size-4xl);font-weight:700}h3{font-size:var(--font-size-3xl)}h3,h4{font-weight:600}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h5,h6{font-weight:600}h6{font-size:var(--font-size-lg)}p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}strong{font-weight:600}code,pre{font-weight:400}code{font-size:.875em;padding:.2em .4em}pre{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg)}::selection{background:var(--primary);color:#fff}:focus{outline:none}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);background-clip:padding-box;border:3px solid transparent;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--primary:#007aff;--primary-hover:#0051d5;--primary-light:#4da2ff;--secondary:#5856d6;--secondary-hover:#4240c4;--success:#34c759;--danger:#ff3b30;--warning:#ff9500;--info:#007aff;--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-card:hsla(0,0%,100%,.05);--bg-hover:hsla(0,0%,100%,.08);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.85);--text-muted:hsla(0,0%,100%,.55);--text-disabled:hsla(0,0%,100%,.35);--border-color:hsla(0,0%,100%,.15);--border-subtle:hsla(0,0%,100%,.08);--shadow-sm:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);--shadow-md:0 4px 6px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.12);--shadow-lg:0 10px 20px rgba(0,0,0,.2),0 6px 6px rgba(0,0,0,.15);--shadow-xl:0 20px 40px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(0,122,255,.3);--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.25rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-primary:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Cascadia Code","Menlo",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.125rem;--font-size-4xl:3rem;--font-size-5xl:4rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:200ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-spring:600ms cubic-bezier(0.175,0.885,0.32,1.275);--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--blur-xl:40px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:2000}body.light-theme{--bg-primary:#fff;--bg-secondary:#f2f2f7;--bg-tertiary:#e5e5ea;--bg-card:rgba(0,0,0,.02);--bg-hover:rgba(0,0,0,.04);--text-primary:#000;--text-secondary:rgba(0,0,0,.85);--text-muted:rgba(0,0,0,.55);--text-disabled:rgba(0,0,0,.35);--border-color:rgba(0,0,0,.12);--border-subtle:rgba(0,0,0,.06);--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.16);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);--shadow-lg:0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 40px rgba(0,0,0,.15)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .25rem}pre{background:var(--bg-secondary);border-radius:var(--radius-md);overflow-x:auto;padding:var(--spacing-md)}.header{backdrop-filter:saturate(180%) blur(var(--blur-lg));-webkit-backdrop-filter:saturate(180%) blur(var(--blur-lg));background:rgba(0,0,0,.8);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;transition:all var(--transition-base);z-index:var(--z-sticky)}body.light-theme .header{background:hsla(0,0%,100%,.72)}.nav{height:52px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg);position:relative}.logo,.nav{align-items:center;display:flex}.logo{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-sm);letter-spacing:-.02em;text-decoration:none;transition:all var(--transition-fast);z-index:1002}.logo:hover{opacity:.8}.logo-icon{align-items:center;display:flex}.logo-svg{color:var(--primary);height:28px;transition:all var(--transition-spring);width:28px}.logo:hover .logo-svg{transform:scale(1.05) rotate(5deg)}.logo-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.nav-items{align-items:center;display:flex;gap:var(--spacing-xl)}.nav-items a{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;position:relative;transition:color var(--transition-fast)}.nav-items a:hover{color:var(--text-primary)}.nav-items a:after{background:var(--primary);bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.nav-items a:hover:after{width:100%}.theme-toggle{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.theme-toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.theme-toggle svg{height:18px;transition:all var(--transition-spring);width:18px}.theme-toggle:hover svg{transform:rotate(180deg)}.mobile-menu-toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:0;position:relative;width:40px;z-index:1002}.hamburger-line{background:var(--text-primary);display:block;height:2px;margin:3px 0;transform-origin:center;transition:all .3s ease;width:24px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{display:none}@media (max-width:768px){.nav{padding:0 var(--spacing-md)}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:none}.nav-items{align-items:center;background:var(--bg-primary);bottom:0;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;opacity:0;padding:0;position:fixed;right:0;top:0;transform:scale(.95);transition:all .4s cubic-bezier(.25,.46,.45,.94);visibility:hidden;width:100%;z-index:1001}body.light-theme .nav-items{background:#fff}.nav-items.active{gap:0;margin:0;opacity:1;padding:0;transform:scale(1);visibility:visible}.nav-items a{align-items:center;animation:fadeInUp .5s ease forwards;color:var(--text-primary);display:inline-flex;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;opacity:0;padding:var(--spacing-sm) 0;position:relative;transform:translateY(20px)}.nav-items.active a{gap:0;opacity:1;transform:translateY(0)}.nav-items a:first-child{animation-delay:.1s}.nav-items a:nth-child(2){animation-delay:.15s}.nav-items a:nth-child(3){animation-delay:.2s}.nav-items a:nth-child(4){animation-delay:.25s}.nav-items a:nth-child(5){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.nav-items a:after{background:var(--primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-items a:focus:after,.nav-items a:hover:after{width:100%}.theme-toggle{animation:fadeInUp .5s ease .35s forwards;background:var(--bg-tertiary);border-radius:var(--radius-full);gap:var(--spacing-sm);height:48px;margin-top:var(--spacing-xl);opacity:0;padding:0 var(--spacing-lg);transform:translateY(20px);width:auto}.nav-items.active .theme-toggle{opacity:1;transform:translateY(0)}.theme-toggle:after{color:var(--text-primary);content:"Toggle Theme";font-size:var(--font-size-sm);font-weight:500}}@media (max-width:480px){.nav{height:48px;padding:0 var(--spacing-sm)}.logo-svg{height:24px;width:24px}.logo-text{font-size:var(--font-size-base)}.nav-items{padding:var(--spacing-xl)}.nav-items a{font-size:1.5rem}}@media (max-width:768px){.nav-items:before{animation:rotateGradient 20s linear infinite;background:radial-gradient(circle at center,var(--primary) 0,transparent 70%);content:"";height:200%;opacity:.05;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-menu-toggle.active{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:var(--radius-full);height:48px;position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);width:48px;z-index:1003}body.light-theme .mobile-menu-toggle.active{background:rgba(0,0,0,.05)}.mobile-menu-toggle.active .hamburger-line{background:var(--text-primary)}}body.dark-theme .nav-items{background:rgba(0,0,0,.95)}body.light-theme .nav-items{background:hsla(0,0%,100%,.98)}body[style*="overflow: hidden"]{position:fixed;width:100%}.nav-contact,.nav-social{display:none}@media (max-width:768px){.nav-contact,.nav-social{display:flex}.nav-items:after{background-image:radial-gradient(circle at 20% 80%,var(--primary) 0,transparent 50%),radial-gradient(circle at 80% 20%,var(--primary) 0,transparent 50%);bottom:0;content:"";left:0;opacity:.03;pointer-events:none;position:absolute;right:0;top:0}.nav-items{counter-reset:menu-counter}.nav-items>a:not(.nav-contact a):not(.nav-social a){align-items:center;counter-increment:menu-counter;display:inline-flex;gap:var(--spacing-lg);position:relative}.nav-contact a,.nav-social a{counter-increment:none}.nav-items>a:not(.nav-contact a):not(.nav-social a):before{color:var(--primary);content:"0" counter(menu-counter);font-feature-settings:"tnum";font-size:.875rem;font-weight:600;letter-spacing:.05em;opacity:.5}.nav-social{animation:fadeInUp .5s ease .4s forwards;bottom:var(--spacing-2xl);display:flex;gap:var(--spacing-lg);opacity:0;position:absolute;transform:translateX(-50%)}.nav-social a{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}body.light-theme .nav-social a{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}.nav-social a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.nav-social svg{height:20px;width:20px}.nav-items a:hover{color:var(--primary);transform:translateX(10px)}.logo{mix-blend-mode:normal}.nav-contact{animation:fadeInUp .5s ease .45s forwards;bottom:calc(var(--spacing-2xl) + 80px);opacity:0;position:absolute;text-align:center;transform:translateX(-50%)}.nav-contact p{color:var(--text-secondary);font-size:.875rem;margin:0}.nav-contact a{animation:none!important;color:var(--primary);font-size:.875rem!important;padding:0!important;text-decoration:none}.nav-contact a:after,.nav-contact a:before{display:none}}.footer{background:var(--bg-primary);margin-top:var(--spacing-3xl);overflow:hidden;position:relative}.footer-gradient{background:radial-gradient(ellipse at top,rgba(0,122,255,.1) 0,transparent 70%);height:400px;left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-top{backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:var(--spacing-3xl) 0;position:relative}.footer-top:before{background:linear-gradient(90deg,transparent,var(--primary) 50%,transparent);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.footer-grid{align-items:start;display:grid;gap:var(--spacing-3xl);grid-template-columns:2fr 1fr}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-tools{justify-self:end;max-width:250px}.footer-brand{gap:var(--spacing-lg)}.footer-logo{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.footer-logo,.footer-logo-icon{align-items:center;display:flex}.footer-logo-icon{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,122,255,.3);height:40px;justify-content:center;width:40px}.footer-logo-icon svg{color:#fff;height:24px;width:24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer-logo-text{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;font-size:var(--font-size-xl);font-weight:700;-webkit-text-fill-color:#fff;background-clip:text;letter-spacing:-.02em}.footer-tagline{color:var(--text-secondary);line-height:1.6;max-width:280px}.footer-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.badge{font-size:var(--font-size-sm);gap:var(--spacing-xs);transition:all var(--transition-fast)}.badge-glow{overflow:hidden;position:relative}.badge-glow:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 4px 12px rgba(0,122,255,.2);color:var(--primary);transform:translateY(-1px)}.badge-icon{font-size:var(--font-size-base)}.footer-github{margin-top:var(--spacing-xs)}.github-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);transition:all var(--transition-fast)}.github-link:hover{color:var(--primary)}.github-link svg{transition:transform var(--transition-fast)}.github-link:hover svg{transform:scale(1.1)}.footer-heading{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin:0;opacity:.9;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none}.footer-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-sm);justify-content:space-between;overflow:hidden;padding:var(--spacing-xs) 0;position:relative;transition:all var(--transition-fast)}.footer-link:before{background:var(--primary);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.footer-link:hover{color:var(--primary)}.footer-link:hover:before{width:100%}.link-arrow{opacity:0;transform:translateX(-5px);transition:all var(--transition-fast)}.footer-link:hover .link-arrow{opacity:1;transform:translateX(0)}.footer-link-more{align-items:center;color:var(--primary);display:inline-flex;font-weight:500;gap:var(--spacing-xs);margin-top:var(--spacing-sm);transition:all var(--transition-fast)}.footer-link-more:hover{gap:var(--spacing-sm)}.footer-bottom{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--spacing-lg) 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.footer-copyright{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.footer-copyright p{margin-bottom:0}.heart-icon{animation:heartbeat 1.5s ease-in-out infinite;color:#ff3b30;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-status{align-items:center;background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.footer-status,.status-dot{border-radius:var(--radius-full)}.status-dot{animation:blink 2s ease-in-out infinite;background:var(--success);height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.footer-links-minimal{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.footer-links-minimal a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-links-minimal a:hover{color:var(--primary)}.footer-links-minimal .separator{color:var(--text-muted)}.scroll-to-top{align-items:center;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:fixed;right:var(--spacing-xl);transform:translateY(20px);transition:all var(--transition-fast);visibility:hidden;width:48px;z-index:100}.scroll-to-top:hover{background:var(--primary);box-shadow:0 8px 24px rgba(0,122,255,.3);color:#fff;transform:translateY(-2px)}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}@media (max-width:768px){.footer-grid{gap:var(--spacing-2xl);grid-template-columns:1fr}.footer-tools{justify-self:start;max-width:100%}.footer-top{padding:var(--spacing-2xl) 0}.footer-bottom-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-links-minimal{order:3}.footer-status{order:2}.scroll-to-top{bottom:var(--spacing-md);height:40px;right:var(--spacing-md);width:40px}}body.light-theme .footer{background:#f5f5f7}body.light-theme .footer-top{background:hsla(0,0%,100%,.8)}body.light-theme .footer-gradient{background:radial-gradient(ellipse at top,rgba(0,122,255,.05) 0,transparent 70%)}body.light-theme .footer-bottom{background:#fff}body.light-theme .badge{border-color:rgba(0,0,0,.08)}body.light-theme .badge,body.light-theme .footer-status{background:rgba(0,0,0,.04)}body.light-theme .scroll-to-top{background:hsla(0,0%,100%,.9)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-sm);justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);box-shadow:0 2px 8px rgba(0,122,255,.2);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(0,122,255,.3)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-color)}.btn-ghost{background:transparent;color:var(--primary);padding:var(--spacing-xs) var(--spacing-md)}.btn-ghost:hover{background:var(--bg-hover)}.btn-icon{border-radius:var(--radius-full)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.form-label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,122,255,.1);outline:none}.form-textarea{font-family:var(--font-mono);min-height:120px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--spacing-xl)}.form-switch{display:inline-block;height:28px;position:relative;width:48px}.form-switch input{height:0;opacity:0;width:0}.form-switch-slider{background:var(--bg-tertiary);bottom:0;cursor:pointer;left:0;right:0;top:0}.form-switch-slider,.form-switch-slider:before{border-radius:var(--radius-full);position:absolute;transition:all var(--transition-fast)}.form-switch-slider:before{background:#fff;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:22px;left:3px;width:22px}.form-switch input:checked+.form-switch-slider{background:var(--primary)}.form-switch input:checked+.form-switch-slider:before{transform:translateX(20px)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--border-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));background:var(--bg-card);border:1px solid var(--border-subtle)}.badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.2);color:var(--primary)}.badge-success{background:rgba(52,199,89,.1);border-color:rgba(52,199,89,.2);color:var(--success)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{display:inline-block;position:relative}.tooltip:after{background:var(--bg-tertiary);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-md);color:var(--text-primary);content:attr(data-tooltip);font-size:var(--font-size-sm);left:50%;opacity:0;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all var(--transition-fast);white-space:nowrap}.tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(-12px)}.support-button-container{bottom:var(--spacing-xl);opacity:0;position:fixed;right:var(--spacing-xl);transform:translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.support-button-container.visible{opacity:1;transform:translateY(0)}.support-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.support-button:hover{border-color:#ff813f;box-shadow:var(--shadow-xl);color:#ff813f;transform:translateY(-2px)}.support-button:hover .support-icon{transform:scale(1.2) rotate(-10deg)}.support-icon{font-size:1.25rem;transition:transform .2s ease}.support-text{display:none}.bmc-button.large{font-size:1rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.bmc-button.large .bmc-icon{font-size:1.5rem}.support-section{margin-top:var(--spacing-3xl)}.support-cta{margin-top:var(--spacing-xl);text-align:center}.support-note{margin-top:var(--spacing-md)}@media (min-width:768px){.support-text{display:inline}}@media (max-width:767px){.support-button-container{bottom:var(--spacing-lg);right:var(--spacing-lg)}.support-button{height:48px;justify-content:center;padding:var(--spacing-sm);width:48px}}.homepage-container{min-height:100vh;overflow-x:hidden;position:relative}.homepage-tech-icon{align-items:center;animation:homepage-icon-fade-in 1.2s ease-out backwards;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.03);border-radius:20px;cursor:grab;display:flex;height:80px;justify-content:center;opacity:.6;pointer-events:all;position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94);user-select:none;-webkit-user-select:none;width:80px;will-change:transform}.homepage-tech-icon:first-child{animation-delay:.05s}.homepage-tech-icon:nth-child(2){animation-delay:.1s}.homepage-tech-icon:nth-child(3){animation-delay:.15s}.homepage-tech-icon:nth-child(4){animation-delay:.2s}.homepage-tech-icon:nth-child(5){animation-delay:.25s}.homepage-tech-icon:nth-child(6){animation-delay:.3s}.homepage-tech-icon:nth-child(7){animation-delay:.35s}.homepage-tech-icon:nth-child(8){animation-delay:.4s}@keyframes homepage-icon-fade-in{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:.4;transform:scale(1) rotate(0deg)}}.homepage-tech-icon.active{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.3);opacity:.8;transform:scale(1.1)}.homepage-tech-icon-emoji{filter:grayscale(.5);font-size:40px;line-height:1;transition:all .3s ease}.homepage-tech-icon:hover{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.3);box-shadow:0 10px 30px rgba(0,122,255,.2);opacity:1}.homepage-tech-icon:hover .homepage-tech-icon-tooltip{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.homepage-tech-icon:hover .homepage-tech-icon-emoji{filter:grayscale(0);transform:scale(1.1)}.homepage-tech-icon-tooltip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:100%;box-shadow:0 4px 12px rgba(0,0,0,.1);color:var(--text-primary);font-size:.875rem;font-weight:500;left:50%;margin-bottom:var(--spacing-sm);opacity:0;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transform:translateX(-50%) translateY(0);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:10}.homepage-tech-icon-tooltip:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--bg-secondary);content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.homepage-hero{align-items:center;display:flex;min-height:90vh;overflow:hidden;padding:var(--spacing-3xl) 0 var(--spacing-3xl) 0;position:relative}.homepage-hero-background{inset:0;position:absolute;z-index:-1}.homepage-hero-gradient{background:radial-gradient(ellipse at top,rgba(0,122,255,.1) 0,transparent 60%);inset:0;pointer-events:none;position:absolute;z-index:2}@keyframes homepage-gradient-shift{0%,to{transform:scale(1) rotate(0deg)}33%{transform:scale(1.1) rotate(120deg)}66%{transform:scale(.9) rotate(240deg)}}.homepage-hero-orbs{inset:0;position:absolute;z-index:0}.homepage-orb{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.homepage-orb-1{animation:homepage-float-1 25s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);height:600px;right:-200px;top:-300px;width:600px}.homepage-orb-2{animation:homepage-float-2 20s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-200px;height:400px;left:-100px;width:400px}@keyframes homepage-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,50px) scale(1.1)}66%{transform:translate(50px,-30px) scale(.9)}}@keyframes homepage-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(100px,-100px) scale(1.2)}}.homepage-hero-content{animation:homepage-fade-in-up 1s ease-out;position:relative;text-align:center;z-index:10}@keyframes homepage-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.homepage-hero-badge{align-items:center;backdrop-filter:blur(10px);background:var(--glass-background);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md);position:relative}.homepage-badge-pulse{animation:homepage-pulse 2s ease-in-out infinite;background:var(--primary);border-radius:50%;height:8px;left:var(--spacing-sm);width:8px}@keyframes homepage-pulse{0%{box-shadow:0 0 0 0 rgba(0,122,255,.7)}70%{box-shadow:0 0 0 10px rgba(0,122,255,0)}to{box-shadow:0 0 0 0 rgba(0,122,255,0)}}.homepage-hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--spacing-xl)}.homepage-title-line{color:var(--text-primary);display:block}.homepage-title-gradient{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;display:block;-webkit-text-fill-color:transparent;animation:homepage-gradient-text 8s ease-in-out infinite;background-clip:text;background-size:200% 200%}@keyframes homepage-gradient-text{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.homepage-hero-description{color:var(--text-secondary);font-size:clamp(1.125rem,3vw,1.375rem);line-height:1.6;margin:0 auto var(--spacing-2xl);max-width:700px}.homepage-hero-stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-2xl)}.homepage-stat{text-align:center}.homepage-stat-number{color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.homepage-stat-label{color:var(--text-secondary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.homepage-stat-divider{background:var(--border-color);height:40px;width:1px}.homepage-hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.homepage-btn-primary{align-items:center;background:var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,122,255,.3);color:#fff;display:inline-flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .3s ease}.homepage-btn-primary:hover{box-shadow:0 8px 30px rgba(0,122,255,.4);transform:translateY(-2px)}.homepage-btn-secondary{align-items:center;backdrop-filter:blur(10px);background:var(--glass-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.homepage-btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:var(--primary);transform:translateY(-2px)}.homepage-search-section{padding:var(--spacing-2xl) 0}.homepage-search-wrapper{margin:0 auto;max-width:600px;position:relative}.homepage-search-icon{color:var(--text-secondary);left:var(--spacing-lg);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.homepage-search-input{backdrop-filter:blur(10px);background:var(--glass-background);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-primary);font-size:1.125rem;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) calc(var(--spacing-lg)*3);transition:all .3s ease;width:100%}.homepage-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,122,255,.1);outline:none}.homepage-search-input::placeholder{color:var(--text-tertiary)}.homepage-search-suggestions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.3);left:0;margin-top:var(--spacing-sm);opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.homepage-search-suggestions.active{opacity:1;transform:translateY(0);visibility:visible}.homepage-search-suggestion{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:background .2s ease}.homepage-search-suggestion:hover{background:rgba(0,122,255,.1)}.homepage-suggestion-icon{font-size:1.5rem}.homepage-suggestion-content{flex:1}.homepage-suggestion-title{color:var(--text-primary);font-weight:600;margin-bottom:2px}.homepage-suggestion-desc{color:var(--text-secondary);font-size:.875rem}.homepage-featured-section{padding:var(--spacing-3xl) 0}.homepage-section-header{margin-bottom:var(--spacing-3xl);text-align:center}.homepage-section-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md)}.homepage-section-icon{font-size:2rem}.homepage-section-description{color:var(--text-secondary);font-size:1.125rem}.homepage-tools-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.homepage-tool-card{backdrop-filter:blur(10px);background:var(--glass-background);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-decoration:none;transition:all .3s ease}.homepage-tool-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);height:2px;opacity:0;transition:opacity .3s ease}.homepage-tool-card:hover{border-color:var(--primary);box-shadow:0 10px 40px rgba(0,0,0,.1)}.homepage-tool-card:hover:before{opacity:1}.homepage-tool-card:hover .homepage-tool-arrow{transform:translateX(4px)}.homepage-tool-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.homepage-tool-name{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.homepage-tool-description{margin-bottom:var(--spacing-md)}.homepage-tool-arrow{color:var(--primary);transition:transform .3s ease}.homepage-features-section{background:rgba(0,0,0,.2);padding:var(--spacing-3xl) 0}.homepage-features-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.homepage-feature-card{backdrop-filter:blur(10px);background:var(--glass-background);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-2xl);position:relative;text-align:center;transition:all .3s ease}.homepage-feature-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.1);transform:translateY(-4px)}.homepage-feature-card:hover .homepage-icon-bg{transform:scale(1.1) rotate(10deg)}.homepage-feature-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);position:relative;width:80px}.homepage-icon-bg{background:linear-gradient(135deg,var(--primary) 0,#764ba2 100%);border-radius:20px;inset:0;opacity:.1;position:absolute;transition:all .3s ease}.homepage-feature-icon svg{color:var(--primary);position:relative;z-index:1}.homepage-feature-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.homepage-feature-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.homepage-feature-highlight{align-items:center;background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-md);color:var(--primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.homepage-feature-highlight span{font-size:1.125rem}.homepage-cta-section{overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.homepage-cta-content{position:relative;text-align:center;z-index:1}.homepage-cta-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.homepage-cta-description{color:var(--text-secondary);font-size:1.25rem;margin-bottom:var(--spacing-2xl)}.homepage-cta-actions{display:flex;justify-content:center}.homepage-btn-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(102,126,234,.4);color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-2xl);text-decoration:none;transition:all .3s ease}.homepage-btn-cta:hover{box-shadow:0 15px 40px rgba(102,126,234,.5);transform:translateY(-2px)}.homepage-cta-decoration{pointer-events:none}.homepage-cta-decoration,.homepage-cta-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.homepage-cta-ring{border:2px solid rgba(102,126,234,.2);border-radius:50%}.homepage-cta-ring-1{animation:homepage-ring-expand 3s ease-in-out infinite;height:400px;width:400px}.homepage-cta-ring-2{animation:homepage-ring-expand 3s ease-in-out 1s infinite;height:500px;width:500px}.homepage-cta-ring-3{animation:homepage-ring-expand 3s ease-in-out 2s infinite;height:600px;width:600px}@keyframes homepage-ring-expand{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.homepage-hero{min-height:70vh}.homepage-hero-title{font-size:2rem}.homepage-hero-description{font-size:1rem}.homepage-stat-divider{display:none}.homepage-hero-stats{gap:var(--spacing-lg)}.homepage-features-grid,.homepage-tools-grid{grid-template-columns:1fr}.homepage-tech-icon{height:45px;width:45px}.homepage-tech-icon-emoji{font-size:20px}.homepage-tech-icons{gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md)}}.homepage-tools-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));z-index:1}.homepage-tool-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.homepage-tool-card:before{background:linear-gradient(90deg,transparent,var(--primary),transparent);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.homepage-tool-card:hover{box-shadow:0 12px 24px -10px rgba(0,0,0,.3),0 0 0 1px var(--primary);transform:translateY(-4px)}.homepage-tool-card:hover:before{transform:translateX(100%)}.homepage-tool-link{color:inherit;display:block;text-decoration:none}.homepage-tool-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.homepage-tool-icon{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;font-size:2rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.homepage-tool-card:hover .homepage-tool-icon{background:rgba(0,122,255,.1);transform:scale(1.1) rotate(5deg)}.homepage-tool-info{flex:1}.homepage-tool-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0;transition:color .3s ease}.homepage-tool-card:hover .homepage-tool-name{color:var(--primary)}.homepage-tool-category{color:var(--text-tertiary);font-size:.75rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.homepage-tool-description{color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.homepage-tool-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.homepage-tool-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.homepage-tool-tag{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;padding:2px 8px;white-space:nowrap}.homepage-tool-action{align-items:center;color:var(--primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);opacity:0;transform:translateX(-10px);transition:all .3s ease}.homepage-tool-card:hover .homepage-tool-action{opacity:1;transform:translateX(0)}.homepage-tool-action svg{height:16px;transition:transform .3s ease;width:16px}.homepage-tool-card:hover .homepage-tool-action svg{transform:translateX(4px)}.homepage-tool-badge{align-items:center;background:var(--primary);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 12px;position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.homepage-tool-badge:before{content:"⭐";font-size:.875rem}.homepage-tech-icon-svg{align-items:center;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.homepage-tech-icon-svg svg{height:100%;width:100%;fill:currentColor}.homepage-tech-icon-svg.multicolor svg{fill:initial}.homepage-tech-icon-img{filter:brightness(0) invert(1) opacity(.7);height:50px;object-fit:contain;transition:all .3s ease;width:50px}.homepage-tech-icon:hover .homepage-tech-icon-img{filter:brightness(1) invert(0) opacity(1);transform:scale(1.1)}.homepage-tech-icon.active .homepage-tech-icon-img{filter:brightness(1) invert(0) opacity(.9)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.hero{overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.hero:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at center,rgba(0,122,255,.1) 0,transparent 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.hero-content{position:relative;text-align:center;z-index:1}.hero-title{font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--spacing-lg)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{color:var(--text-secondary);font-size:var(--font-size-xl);line-height:1.6;margin:0 auto var(--spacing-xl);max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.search-section{padding:var(--spacing-sm) 0}.search-container{margin:0 auto;max-width:600px}.search-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 28px);transition:all var(--transition-fast);width:100%}.search-bar:hover{border-color:var(--text-muted)}.search-bar:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,122,255,.1);outline:none}.search-icon{color:var(--text-muted);left:var(--spacing-lg)}.search-clear{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:32px}.search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.tools-section{padding:var(--spacing-3xl) 0}.section-header{margin-bottom:var(--spacing-3xl);text-align:center}.section-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-md)}.section-description{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-2xl) 0;padding:0 var(--spacing-lg)}.category-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.category-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.tools-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:var(--spacing-2xl)}.tool-card{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border-radius:var(--radius-xl);cursor:pointer;display:block;overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-base)}.tool-card:before{background:linear-gradient(135deg,transparent,rgba(0,122,255,.05));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.tool-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tool-card:hover:before{opacity:1}.tool-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--primary);display:flex;height:56px;justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base);width:56px}.tool-card:hover .tool-icon{background:var(--primary);color:#fff;transform:scale(1.1)}.tool-name{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.tool-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--spacing-md)}.tool-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);position:relative;z-index:1}.tool-tag{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.features-section{background:var(--bg-secondary);margin:var(--spacing-3xl) 0;padding:var(--spacing-3xl) 0}.features-content{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-2xl)}.features-grid{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-2xl)}.feature-item{padding:var(--spacing-lg);text-align:center}.feature-icon{align-items:center;background:var(--primary);border-radius:var(--radius-xl);box-shadow:0 8px 24px rgba(0,122,255,.2);color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto var(--spacing-md);padding:var(--spacing-lg);width:72px}.feature-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.feature-description{color:var(--text-secondary);line-height:1.5}.cta-section{padding:var(--spacing-3xl) 0}.cta-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md)}.cta-description{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto var(--spacing-xl);max-width:600px}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.stats-section{background:var(--bg-tertiary);padding:var(--spacing-3xl) 0}.stats-grid{gap:var(--spacing-xl);text-align:center}.stat-number{color:var(--primary);font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--font-size-base)}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-3xl)}.tools-grid{gap:var(--spacing-md)}.features-grid,.tools-grid{grid-template-columns:1fr}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.cta-actions,.hero-actions{align-items:center;flex-direction:column}.cta-actions .btn,.hero-actions .btn{max-width:300px;width:100%}}.tools-grid-3{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-2xl)}.tools-cta{margin-top:var(--spacing-2xl);text-align:center}.features-section-enhanced{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);overflow:hidden;padding:var(--spacing-3xl) 0;position:relative}.features-section-enhanced:before{animation:pulse 10s ease-in-out infinite;background:radial-gradient(circle at center,rgba(0,122,255,.05) 0,transparent 70%);content:"";height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%}.features-grid-enhanced{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:var(--spacing-2xl);position:relative;z-index:1}.feature-card-enhanced{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-2xl);position:relative;transition:all .3s ease}.feature-card-enhanced:hover{border-color:var(--primary);box-shadow:0 20px 40px rgba(0,122,255,.15);transform:translateY(-4px)}.feature-card-enhanced:hover .feature-glow{opacity:1}.feature-card-enhanced:hover .feature-icon-enhanced{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg)}.feature-glow{background:radial-gradient(circle at center,rgba(0,122,255,.1) 0,transparent 50%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.feature-icon-enhanced{align-items:center;background:rgba(0,122,255,.1);border-radius:var(--radius-lg);color:var(--primary);display:flex;height:64px;justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);transition:all .3s ease;width:64px}.feature-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.stat-badge{background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-full);color:var(--primary);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1024px){.tools-grid-3{gap:var(--spacing-lg);grid-template-columns:1fr}.features-grid-enhanced{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.features-grid-enhanced{grid-template-columns:1fr}.feature-card-enhanced{padding:var(--spacing-lg)}.feature-icon-enhanced{height:56px;width:56px}}.search-section{display:none}.tools-page .stat-number{color:#007aff}.tools-page .card:hover{border-color:#007aff}.tools-page .btn-primary{background:linear-gradient(135deg,#007aff,#0051d5)}.tools-page{background:var(--color-background);min-height:100vh;padding-top:var(--header-height);position:relative}.tools-page:before{background-image:radial-gradient(circle at 20% 80%,rgba(0,122,255,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,81,213,.05) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,122,255,.03) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.tools-page .hero-icon{background:linear-gradient(135deg,#007aff,#0051d5);box-shadow:0 20px 40px rgba(0,122,255,.4)}.tools-page .search-section{margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px}.tools-page .tools-content,.tools-page .tools-grid{margin-top:var(--spacing-2xl)}.tools-page .tools-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tools-page .tools-count{color:var(--color-text-secondary);font-size:.95rem;margin:var(--spacing-lg) 0;text-align:center}.tools-page .empty-state{grid-column:1/-1}@media (max-width:768px){.tools-page .page-wrapper{padding:var(--spacing-lg) var(--spacing-md)}.tools-page .hero-title{font-size:2.5rem}.tools-page .hero-subtitle{font-size:1.1rem}.tools-page .nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs)}.tools-page .tools-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.resources-page .stat-number{color:#af52de}.resources-page .card:hover{border-color:#af52de}.resources-page .btn-primary{background:linear-gradient(135deg,#af52de,#8e35ba)}.resources-page{background:var(--color-background);min-height:100vh;padding-top:var(--header-height);position:relative}.resources-page:before{background-image:radial-gradient(circle at 25% 25%,rgba(175,82,222,.05) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,122,255,.05) 0,transparent 50%),radial-gradient(circle at 50% 90%,rgba(255,69,58,.03) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.resources-page .hero-icon{background:linear-gradient(135deg,#af52de,#8e35ba);box-shadow:0 20px 40px rgba(175,82,222,.4)}.resources-page .search-section{margin-bottom:var(--spacing-2xl)}.resources-page .search-filter-container{align-items:center;display:flex;gap:var(--spacing-md)}.resources-page .search-container{flex:1}.resources-page .filter-group{margin:0;min-width:200px}.resources-page .nav-tabs{margin-bottom:var(--spacing-2xl)}.resources-page .resources-content{margin-top:var(--spacing-xl)}.resources-page .resource-section{display:none}.resources-page .resource-section.active{display:block}.resources-page .resource-link{text-decoration:none}.resources-page .resource-meta{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-md)}.resources-page .resource-category{background:rgba(175,82,222,.1);border-radius:var(--radius-full);color:var(--color-primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.resources-page .resource-arrow{color:var(--color-primary);transition:transform .3s ease}.resources-page .card:hover .resource-arrow{transform:translate(2px,-2px)}.resources-page .empty-state{grid-column:1/-1}.resource-card{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;display:block;overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--transition-base)}.resource-card:before{background:linear-gradient(135deg,transparent,rgba(0,122,255,.05));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.resource-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.resource-card:hover:before{opacity:1}@media (max-width:768px){.resources-page .page-wrapper{padding:var(--spacing-lg) var(--spacing-md)}.resources-page .hero-title{font-size:2.25rem}.resources-page .hero-subtitle{font-size:1.1rem}.resources-page .search-filter-container{flex-direction:column;gap:var(--spacing-md)}.resources-page .filter-group{width:100%}.resources-page .nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--spacing-xs);padding-bottom:var(--spacing-xs)}}.about-page .hero-icon{background:linear-gradient(135deg,#007aff,#0051d5);box-shadow:0 20px 40px rgba(0,122,255,.4)}.about-page .stat-number{color:#007aff}.about-page .card:hover{border-color:#007aff}.about-page .btn-primary{background:linear-gradient(135deg,#007aff,#0051d5)}.support-page .hero-icon{background:linear-gradient(135deg,#ff813f,#ff6b3f);box-shadow:0 20px 40px rgba(255,129,63,.4)}.support-page .stat-number{color:#ff813f}.support-page .card:hover{border-color:#ff813f}.support-page .btn-primary{background:linear-gradient(135deg,#ff813f,#ff6b3f)}.nopadding{margin:0!important;padding:0!important}.column{flex-direction:column}.support-page .page-header{margin-bottom:var(--spacing-3xl);text-align:center}.coffee-emoji{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:var(--spacing-md)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.support-page h1{background:linear-gradient(135deg,#ff813f,#ff6b3f);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);-webkit-text-fill-color:#fff}.support-content{margin:0 auto;max-width:1200px}.support-intro{margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl);text-align:center}.support-intro h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg)}.support-intro p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto var(--spacing-xl);max-width:800px}.support-stats{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-2xl)}.stat-item{background:var(--surface-bg);border-radius:var(--radius-lg);gap:var(--spacing-md);padding:var(--spacing-lg);transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px)}.stat-icon{filter:grayscale(0);font-size:2.5rem}.stat-info{text-align:left}.stat-value{font-size:1.75rem}.support-options{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-3xl)}.support-option{padding:var(--spacing-xl);position:relative;transition:all .3s ease}.support-option:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.support-option.featured{border:2px solid var(--primary);transform:scale(1.05)}.support-option.featured:before{background:var(--primary);border-radius:var(--radius-full);color:#fff;content:"MOST POPULAR";font-size:.75rem;font-weight:600;left:50%;padding:var(--spacing-xs) var(--spacing-md);position:absolute;top:-12px;transform:translateX(-50%)}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.option-header h3{color:var(--text-primary);font-size:1.5rem}.price{color:var(--primary);font-size:2rem;font-weight:700}.support-option p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.benefits-list{list-style:none;padding:0}.benefits-list li{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.cta-section{margin:var(--spacing-3xl) 0;text-align:center}.bmc-btn{align-items:center;background:linear-gradient(135deg,#ff813f,#ff6b3f);border-radius:var(--radius-full);box-shadow:0 4px 15px rgba(255,129,63,.3);color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;transition:all .3s ease}.bmc-btn:hover{background:linear-gradient(135deg,#ff6b3f,#f53);box-shadow:0 6px 20px rgba(255,129,63,.4);transform:translateY(-2px)}.btn-icon{font-size:1.5rem}.support-note{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-lg)}.impact-section{margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl)}.impact-section h3{font-size:1.75rem;margin-bottom:var(--spacing-2xl);text-align:center}.impact-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.impact-item{text-align:center}.impact-icon{display:block;font-size:3rem;margin-bottom:var(--spacing-md)}.impact-item h4{color:var(--text-primary);font-size:1.125rem;margin-bottom:var(--spacing-sm)}.impact-item p{color:var(--text-secondary);font-size:.875rem}.alternative-support{margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl)}.alternative-support h3{font-size:1.75rem;margin-bottom:var(--spacing-2xl);text-align:center}.alt-support-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.alt-support-item{background:var(--surface-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.alt-support-item h4{color:var(--text-primary);font-size:1.125rem;margin-bottom:var(--spacing-sm)}.alt-support-item p{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.btn-small{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.supporters-section{margin:0 auto;max-width:600px;text-align:center}.supporters-section h3{font-size:1.5rem;margin-bottom:var(--spacing-xl)}.supporters-list{background:var(--surface-bg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.supporter{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.supporter:last-child{border-bottom:none}.supporter-icon{font-size:1.5rem}.supporter-name{color:var(--text-primary);font-weight:600}.supporter-message{margin-left:auto}.supporter-message,.supporters-note{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.support-page h1{font-size:2rem}.coffee-emoji{font-size:3rem}.support-options{grid-template-columns:1fr}.support-option.featured{transform:scale(1)}.price{font-size:1.5rem}.support-stats{grid-template-columns:1fr}.impact-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.alt-support-grid{grid-template-columns:1fr}}[data-theme=dark] .support-option.featured{border-color:#ff813f}[data-theme=dark] .bmc-btn{box-shadow:0 4px 15px rgba(255,129,63,.5)}.bmc-button{align-items:center;background:linear-gradient(135deg,#ff813f,#ff6b3f);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(255,129,63,.3);color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.bmc-button:hover{background:linear-gradient(135deg,#ff6b3f,#f53);box-shadow:0 4px 12px rgba(255,129,63,.4);transform:translateY(-2px)}.bmc-icon{font-size:1.125rem}.footer-support{border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.footer-support .support-text{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.contact-page{background:var(--bg-primary);min-height:100vh;padding-top:var(--header-height);position:relative}.contact-page .hero-icon{background:linear-gradient(135deg,#00d924,#00a818);box-shadow:0 20px 40px rgba(0,217,36,.4)}.contact-page .stat-number{color:#00d924}.contact-page .card:hover{border-color:#00d924}.contact-page .glass-panel:hover{border-color:rgba(0,217,36,.3)}.contact-page .btn-primary{background:linear-gradient(135deg,#00d924,#00a818);box-shadow:0 2px 8px rgba(0,217,36,.3)}.contact-page .btn-primary:hover{background:linear-gradient(135deg,#00a818,#008514);box-shadow:0 4px 12px rgba(0,217,36,.4)}.contact-page .form-input:focus,.contact-page .form-textarea:focus{border-color:#00d924;box-shadow:0 0 0 3px rgba(0,217,36,.1)}.contact-page .content-section{margin:0 auto;max-width:1200px}.contact-form{display:flex;flex-direction:column;gap:0}.btn-submit{margin-top:var(--spacing-md);width:100%}.btn-loading{align-items:center;display:inline-flex;gap:var(--spacing-sm)}.spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.contact-link{color:#00d924;font-weight:500;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#00a818;text-decoration:underline}.link-primary{color:#00d924;font-weight:500;text-decoration:none}.link-primary:hover{color:#00a818;text-decoration:underline}.info-note{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xs)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;padding:0}.faq-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.95rem;gap:var(--spacing-sm);line-height:1.6}.faq-icon{color:#00d924;flex-shrink:0;font-size:1.25rem;margin-top:-2px}.toast{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-background);box-shadow:var(--shadow-lg);transform:translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-content{align-items:center;display:flex;gap:var(--spacing-sm)}.toast-icon{font-size:1.25rem}.toast-message{color:var(--text-primary);font-weight:500}.toast-success{background:linear-gradient(135deg,rgba(0,217,36,.1) 0,var(--glass-background) 100%);border-color:rgba(0,217,36,.3)}.toast-success .toast-icon{color:#00d924}@media (max-width:768px){.contact-page .grid-2{grid-template-columns:1fr}.toast{bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md)}}.legal-page{min-height:100vh;padding:var(--spacing-xl) 0}.legal-page .page-hero{margin-bottom:var(--spacing-2xl);text-align:center}.legal-page .hero-icon{align-items:center;border-radius:20px;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.legal-page .hero-icon.icon-blue{background:linear-gradient(135deg,var(--primary-light),var(--primary));box-shadow:0 10px 30px rgba(0,122,255,.3)}.legal-page .hero-icon.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 10px 30px rgba(139,92,246,.3)}.legal-page .hero-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.legal-page .hero-subtitle{color:var(--text-secondary);font-size:1.125rem}.legal-content{padding:var(--spacing-2xl)}.legal-content,.legal-section{margin-bottom:var(--spacing-2xl)}.legal-section:last-child{margin-bottom:0}.legal-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.legal-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.legal-section ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.legal-section li{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-sm)}.legal-section strong{color:var(--text-primary);font-weight:600}.legal-section a{color:var(--primary);font-weight:500;text-decoration:none}.legal-section a:hover{text-decoration:underline}.highlight-box{background:var(--bg-primary);border-left:4px solid var(--primary);border-radius:var(--radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.highlight-box p{color:var(--text-primary);margin:0}.fun-footer{border-top:1px solid var(--border-subtle);margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);text-align:center}.fun-footer p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.fun-footer em{color:var(--text-muted);font-style:normal}.version-info{color:var(--text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.legal-page .hero-title{font-size:2rem}.legal-content{padding:var(--spacing-lg)}.legal-section h2{font-size:1.25rem}}body.light-theme .highlight-box{background:var(--bg-secondary)}body.light-theme .legal-content{background:#fff}.visual-subnet-calculator{margin:0 auto;max-width:1600px}.input-section{margin-bottom:var(--spacing-xl)}.network-input-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mask-input-group{align-items:center;display:flex;position:relative}.mask-input-group .prefix{color:var(--text-secondary);font-weight:600;left:var(--spacing-sm);position:absolute}.mask-input{padding-left:var(--spacing-xl);text-align:center;width:100px}.display-options{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding-top:var(--spacing-lg)}.options-label{color:var(--text-secondary);font-weight:500}.checkbox-label{color:var(--text-secondary);gap:var(--spacing-xs)}.checkbox-label:hover{color:var(--text-primary)}.subnets-section{margin-bottom:var(--spacing-xl)}.subnets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.subnets-header h3{font-size:var(--font-size-lg);margin:0}.subnet-actions{display:flex;gap:var(--spacing-sm)}.table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.subnets-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.subnets-table th{background:var(--bg-primary);color:var(--text-primary);font-weight:600;text-align:left;white-space:nowrap}.subnets-table td,.subnets-table th{border-bottom:1px solid var(--border-subtle);padding:var(--spacing-sm) var(--spacing-md)}.subnets-table td{font-family:var(--font-mono)}.subnet-row{transition:background-color var(--transition-fast)}.subnet-row:hover{background:var(--bg-hover)}.subnet-row.selected{background:var(--primary-light)}.subnet-address{color:var(--primary);font-weight:600}.divide-btn,.join-btn{align-items:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.divide-btn:hover,.join-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.select-col{width:40px}.divide-col,.hosts-col,.join-col{text-align:center}.hidden{display:none!important}.table-footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-md)}.visual-tree-section{margin-bottom:var(--spacing-xl)}.visual-tree-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.tree-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.network-tree{background:var(--bg-primary);border-radius:var(--radius-lg);overflow-x:auto;padding:var(--spacing-lg)}.tree-node{margin-bottom:var(--spacing-xs)}.tree-node-content{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast)}.tree-node-content:hover{background:var(--bg-hover)}.tree-toggle{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:transform var(--transition-fast);width:20px}.tree-toggle.expanded{transform:rotate(90deg)}.tree-spacer{display:inline-block;width:20px}.tree-info{align-items:center;display:flex;flex:1;gap:var(--spacing-lg)}.tree-network{color:var(--primary);font-family:var(--font-mono);font-weight:600}.tree-hosts{color:var(--text-secondary)}.tree-hosts,.tree-mask{font-size:var(--font-size-sm)}.tree-mask{color:var(--text-muted);font-family:var(--font-mono)}.tree-actions{display:flex;gap:var(--spacing-xs)}.tree-divide-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all var(--transition-fast);width:24px}.tree-divide-btn:hover{background:var(--bg-hover);border-color:var(--border-subtle);color:var(--primary)}.tree-children{border-left:1px solid var(--border-subtle);margin-left:var(--spacing-xl);padding-left:var(--spacing-lg)}.quick-actions{margin-bottom:var(--spacing-xl)}.quick-actions h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg) 0}.action-buttons{flex-wrap:wrap}.action-btn{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);display:flex;gap:var(--spacing-sm)}.action-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.action-btn svg{flex-shrink:0}@media (max-width:1024px){.network-input-row{flex-direction:column}.input-group{width:100%}.display-options{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:768px){.subnets-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.subnet-actions{width:100%}.tree-info{align-items:flex-start;gap:var(--spacing-xs)}.action-buttons,.tree-info{flex-direction:column}.action-btn{justify-content:center;width:100%}}.tool-btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.tool-btn-ghost{border-color:transparent}.tool-btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-subtle)}body.light-theme .visual-subnet-calculator{--bg-hover:rgba(0,0,0,.05);--primary-light:rgba(0,122,255,.1)}body.light-theme .subnet-row:hover{background:var(--bg-hover)}body.light-theme .subnet-row.selected{background:var(--primary-light)}body.light-theme .tree-node-content:hover{background:var(--bg-hover)}.mode-selector{background:hsla(0,0%,100%,.03);border-radius:16px;display:flex;gap:2px;margin-bottom:2rem;padding:4px}.mode-tab{align-items:center;background:transparent;border:none;border-radius:12px;color:#999;cursor:pointer;display:flex;flex:1;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.mode-tab:hover{background:hsla(0,0%,100%,.05)}.mode-tab.active{background:hsla(0,0%,100%,.1);color:#fff}.mode-tab svg{flex-shrink:0;height:20px;width:20px}.encoding-options{margin-bottom:1.5rem;margin-top:1rem;max-width:200px}.conversion-stats{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:2rem;margin-top:1rem;padding-top:1rem}.use-cases-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.use-case-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .2s ease}.use-case-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.use-case-icon{align-items:center;background:rgba(0,122,255,.1);border-radius:12px;color:#007aff;display:flex;height:48px;justify-content:center;width:48px}.use-case-icon svg{height:24px;width:24px}.use-case-item h3{color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.use-case-item p{color:var(--text-secondary,#999);font-size:.875rem;line-height:1.4;margin:0}.use-case-item code{background:rgba(0,122,255,.1);border-radius:6px;color:#007aff;font-family:var(--font-mono);font-size:.75rem;padding:.25rem .5rem;word-break:break-all}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;gap:1rem;margin-top:1rem;padding:1rem 1.25rem}.error-icon{flex-shrink:0;height:24px;width:24px}.error-title{font-weight:600;margin-bottom:.25rem}.error-text{font-size:.875rem;opacity:.9}@media (max-width:768px){.mode-selector{flex-wrap:wrap}.mode-tab{flex:1 1 calc(50% - 2px);min-width:140px}.conversion-stats{flex-direction:column;gap:.75rem}.stat-item{display:flex;justify-content:space-between}.use-cases-grid{grid-template-columns:1fr}}@media (max-width:480px){.mode-tab span{display:none}.mode-tab{padding:.75rem}}.json-stats{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:2rem;margin-top:1rem;padding-top:1rem}.stat-value{color:var(--text-primary,#fff);font-size:.875rem}.error-message,.success-message{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;display:flex;gap:1rem;margin-top:1rem;padding:1rem 1.25rem}.success-message{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.error-icon,.success-icon{flex-shrink:0;height:24px;width:24px}.error-title,.success-title{font-weight:600;margin-bottom:.25rem}.error-text,.success-text{font-size:.875rem;opacity:.9}.code-content .json-key{color:#ff79c6}.code-content .json-string{color:#f1fa8c}.code-content .json-number{color:#bd93f9}.code-content .json-boolean{color:#f55}.code-content .json-null{color:#6272a4}@media (max-width:640px){.json-stats{flex-direction:column;gap:.75rem}.stat-item{justify-content:space-between}}.file-upload-section{margin:1.5rem 0;position:relative;width:100%}.divider-text{color:var(--text-secondary,#999);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin:1.5rem 0;position:relative;text-align:center;text-transform:uppercase}.divider-text:after,.divider-text:before{background:hsla(0,0%,100%,.1);content:"";height:1px;position:absolute;top:50%;width:calc(50% - 2rem)}.divider-text:before{left:0}.divider-text:after{right:0}.file-upload-label{align-items:center;background:hsla(0,0%,100%,.05);border:1px dashed hsla(0,0%,100%,.2);border-radius:12px;color:var(--text-secondary,#999);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.file-upload-label:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3);color:var(--text-primary,#fff)}.file-upload-label svg{height:20px;width:20px}.file-info{color:var(--text-secondary,#999);font-size:.875rem;margin-top:.75rem;text-align:center}.hash-results{display:flex;flex-direction:column;gap:1rem}.hash-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.hash-item:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.hash-item[data-algorithm=MD5] .hash-algorithm{color:#ef4444}.hash-item[data-algorithm=SHA-1] .hash-algorithm{color:#f59e0b}.hash-item[data-algorithm=SHA-256] .hash-algorithm{color:#10b981}.hash-item[data-algorithm=SHA-512] .hash-algorithm{color:#3b82f6}.copy-feedback{content:"Copied!"}.hash-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.hash-algorithm{color:var(--text-primary,#fff);font-weight:600}.hash-length{background:hsla(0,0%,100%,.05);border-radius:6px;color:var(--text-secondary,#999);font-size:.75rem;padding:.25rem .5rem}.hash-value-wrapper{align-items:center;display:flex;gap:.75rem}.hash-value{color:#007aff;flex:1;font-family:var(--font-mono);font-size:.875rem;line-height:1.4;word-break:break-all}.copy-hash-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary,#999);cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.copy-hash-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:var(--text-primary,#fff)}.copy-hash-btn svg{height:16px;width:16px}.comparison-tool{display:flex;flex-direction:column;gap:1rem}.comparison-result{margin-top:1rem}.match-result{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease}.match-result.match{background:rgba(0,217,36,.1);border:1px solid rgba(0,217,36,.3);color:#00d924}.match-result.no-match{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.match-result svg{height:24px;width:24px}@media (max-width:640px){.hash-value{font-size:.75rem}.hash-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.quick-generate-section{text-align:center}.uuid-display{background:rgba(0,122,255,.05);border:2px solid rgba(0,122,255,.2);border-radius:16px;cursor:pointer;margin:2rem 0;padding:2rem;position:relative;transition:all .3s ease}.uuid-display:hover{background:rgba(0,122,255,.08);border-color:rgba(0,122,255,.3);transform:translateY(-2px)}.uuid-value{color:#007aff;display:block;font-family:var(--font-mono);font-size:1.25rem;line-height:1.6;word-break:break-all}.copy-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);font-size:.875rem;padding:.5rem 1rem}.copy-btn:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3)}.options-grid{gap:1.5rem;margin-top:1.5rem}.bulk-section{animation:slideIn .3s ease;margin-top:2rem}.history-item{cursor:pointer}.history-uuid{color:#007aff;font-family:var(--font-mono);font-size:.875rem;transition:color .2s ease;word-break:break-all}.history-uuid.copied{color:#00d924}.history-time{flex-shrink:0}.section-actions{display:flex;gap:.75rem}#bulk-output{max-height:400px;overflow-y:auto}#clear-history-btn{margin-top:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-item{animation:slideIn .3s ease}@media (max-width:768px){.uuid-display{padding:1.5rem}.uuid-value{font-size:1rem}.options-grid{grid-template-columns:1fr}.section-actions{flex-wrap:wrap;width:100%}.section-actions .tool-btn{flex:1}}@media (max-width:480px){.history-item{align-items:flex-start;flex-direction:column;gap:.5rem}.history-uuid{font-size:.75rem}.history-time{align-self:flex-end}}.color-display-section{margin-bottom:2rem;text-align:center}.color-preview{align-items:center;background:#007aff;border-radius:16px;display:flex;height:200px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.color-preview:before{background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.1) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.1) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.1) 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;content:"";inset:0;opacity:.5;position:absolute}.color-info{position:relative;text-align:center;z-index:1}.color-value-large{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:.05em}.color-name,.color-value-large{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.color-name{font-size:1.125rem;font-weight:500;margin-top:.5rem}.picker-controls{align-items:center;display:flex;gap:1rem;justify-content:center}.native-color-picker{background:transparent;border:none;border-radius:8px;cursor:pointer;height:40px;width:60px}.native-color-picker::-webkit-color-swatch-wrapper{padding:0}.native-color-picker::-webkit-color-swatch{border:2px solid hsla(0,0%,100%,.2);border-radius:8px}.sliders-section{margin-top:2rem}.slider-group{gap:1.25rem}.slider-control,.slider-group{display:flex;flex-direction:column}.slider-control{gap:.5rem}.slider-label{align-items:center;color:var(--text-secondary,#999);display:flex;font-size:.875rem;font-weight:500;justify-content:space-between}.slider-value{color:var(--text-primary,#fff);font-family:var(--font-mono);font-weight:600}.color-slider{-webkit-appearance:none;appearance:none;border-radius:4px;height:8px;outline:none;transition:opacity .2s;width:100%}.color-slider:hover{opacity:.9}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;height:20px;transition:transform .2s;width:20px}.color-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.color-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;height:20px;width:20px}.slider-red{background:linear-gradient(90deg,#000,red)}.slider-green{background:linear-gradient(90deg,#000,#0f0)}.slider-blue{background:linear-gradient(90deg,#000,#00f)}.slider-alpha{background-image:linear-gradient(90deg,transparent,#fff),repeating-conic-gradient(#999 0 25%,#666 0 50%) 50% /16px 16px}.formats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.format-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;padding:1rem;transition:all .2s ease}.format-item:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.format-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.format-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.copy-format-btn,.format-label{color:var(--text-secondary,#999)}.copy-format-btn{background:none;border:none;cursor:pointer;padding:.25rem;transition:color .2s ease}.copy-format-btn:hover{color:var(--text-primary,#fff)}.copy-format-btn svg{height:16px;width:16px}.format-input{font-family:var(--font-mono);font-size:.875rem}.copy-feedback{animation:fadeInOut 2s ease;background:#00d924;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.harmony-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.harmony-item{text-align:center}.harmony-type{color:var(--text-secondary,#999);font-size:.875rem;font-weight:500;margin-bottom:.75rem}.harmony-colors{display:flex;gap:.5rem;justify-content:center}.harmony-color{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;height:50px;transition:all .2s ease;width:50px}.harmony-color:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);transform:scale(1.1)}.color-history{display:flex;flex-wrap:wrap;gap:.75rem}.history-color{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;height:60px;transition:all .2s ease;width:60px}.history-color:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);transform:scale(1.05)}.empty-state{width:100%}@media (max-width:768px){.color-value-large{font-size:1.5rem}.formats-grid{grid-template-columns:1fr}.harmony-grid{grid-template-columns:1fr 1fr}.harmony-colors{flex-wrap:wrap}}@media (max-width:480px){.color-preview{height:150px}.picker-controls{flex-direction:column;width:100%}.picker-controls .tool-btn{width:100%}.harmony-color,.history-color{height:45px;width:45px}}.expression-section{margin-bottom:2rem}.expression-container{position:relative}.expression-input-wrapper{align-items:center;display:flex;position:relative}.cron-expression-input{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.1em;padding-right:120px;text-align:center}.expression-actions{display:flex;gap:.5rem;position:absolute;right:.75rem}.icon-btn{border-radius:8px;color:var(--text-secondary,#999);height:40px;width:40px}.icon-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:var(--text-primary,#fff)}.icon-btn svg{height:20px;width:20px}.parse-status{font-size:.875rem;margin-top:.5rem;min-height:24px;text-align:center;transition:all .3s ease}.parse-status.success{color:#00d924}.parse-status.error{color:#ef4444}.description-box{background:rgba(0,122,255,.05);border:1px solid rgba(0,122,255,.2);gap:1rem;margin-top:1.5rem;padding:1.5rem}.description-box,.description-icon{align-items:center;border-radius:12px;display:flex}.description-icon{background:rgba(0,122,255,.1);color:#007aff;flex-shrink:0;height:48px;justify-content:center;width:48px}.description-icon svg{height:24px;width:24px}.cron-description{color:var(--text-primary,#fff);font-size:1.125rem;font-weight:500}.builder-section{margin-top:2rem}.builder-fields{display:flex;flex-direction:column;gap:1.5rem}.builder-field{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:1rem}.field-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.field-icon{font-size:1.25rem}.field-name{color:var(--text-primary,#fff);font-weight:500}.field-range{color:var(--text-secondary,#999);font-size:.875rem;margin-left:auto}.field-controls{display:flex;flex-direction:column;gap:1rem}.field-type-select{width:100%}.field-values{min-height:0}.range-inputs,.step-inputs{align-items:center;display:flex;gap:.75rem}.range-inputs input,.step-inputs input{width:100px}.presets-container{display:flex;flex-direction:column;gap:2rem}.preset-category-title{color:var(--text-secondary,#999);font-size:1rem;font-weight:600;margin-bottom:1rem;text-transform:capitalize}.preset-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.preset-item{align-items:flex-start;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:left;transition:all .2s ease}.preset-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.preset-icon{font-size:1.5rem}.preset-name{color:var(--text-primary,#fff);font-weight:500}.preset-cron{color:#007aff;font-family:var(--font-mono);font-size:.75rem}.next-runs{display:flex;flex-direction:column;gap:.75rem}.next-run-item{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;display:grid;gap:1rem;grid-template-columns:40px 1fr 1fr auto;padding:1rem}.run-number{align-items:center;background:rgba(0,122,255,.1);border-radius:8px;color:#007aff;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.run-date{color:var(--text-primary,#fff);font-weight:500}.run-time{color:var(--text-secondary,#999);font-family:var(--font-mono)}.run-relative{color:#00d924;font-size:.875rem}.reference-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reference-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;flex-direction:column;padding:1rem}.reference-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.reference-icon{align-items:center;background:rgba(0,122,255,.1);border-radius:8px;color:#007aff;display:flex;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;height:32px;justify-content:center;width:32px}.reference-title{color:var(--text-primary,#fff);font-weight:500}.reference-desc{color:var(--text-secondary,#999);font-size:.875rem;margin:0}@media (max-width:768px){.cron-expression-input{font-size:1.25rem}.preset-grid{grid-template-columns:1fr}.next-run-item{gap:.75rem;grid-template-columns:40px 1fr}.run-relative,.run-time{grid-column:2}.reference-grid{grid-template-columns:1fr}}.pattern-section{margin-bottom:2rem}.pattern-input-wrapper{align-items:center;background:hsla(0,0%,100%,.02);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;padding:.75rem;transition:all .3s ease}.pattern-input-wrapper:focus-within{background:hsla(0,0%,100%,.04);border-color:#007aff}.regex-delimiter{color:#007aff;font-family:var(--font-mono);font-size:1.5rem;font-weight:600;margin:0 .5rem}.regex-input{background:transparent;border:none;color:var(--text-primary,#fff);flex:1;font-family:var(--font-mono);font-size:1.125rem;letter-spacing:.05em;outline:none}.regex-input::placeholder{color:var(--text-secondary,#999)}.flags-container{border-left:1px solid hsla(0,0%,100%,.1);display:flex;gap:.5rem;margin-left:1rem;padding-left:1rem}.flag-toggle{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary,#999);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:.875rem;font-weight:600;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.flag-toggle:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary,#fff);transform:scale(1.05)}.flag-toggle.active{background:#007aff;border-color:#007aff;color:#fff}.flag-toggle input{opacity:0;position:absolute}.pattern-error{color:#ef4444;font-size:.875rem;margin-top:.5rem;min-height:20px}.test-section{margin-bottom:2rem}.test-input-wrapper{position:relative}.test-textarea{min-height:150px;resize:vertical}.highlighted-overlay,.test-textarea{font-family:var(--font-mono);line-height:1.6}.highlighted-overlay{bottom:0;color:transparent;font-size:.875rem;left:0;padding:1rem;pointer-events:none;position:absolute;right:0;top:0;white-space:pre-wrap;word-wrap:break-word;overflow:hidden}.highlight-match{background:rgba(0,217,36,.3);border-radius:4px;color:transparent;padding:0 2px}.results-section{margin-bottom:0}.match-stats{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.stat-value{color:#00d924}.matches-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.match-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:1rem}.match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.match-number{color:var(--text-primary,#fff);font-weight:600}.match-position{color:var(--text-secondary,#999);font-size:.875rem}.match-value{background:rgba(0,217,36,.1);border:1px solid rgba(0,217,36,.2);border-radius:8px;color:var(--text-primary,#fff);font-family:var(--font-mono);font-size:.875rem;padding:.75rem;word-break:break-all}.match-groups{border-top:1px solid hsla(0,0%,100%,.05);margin-top:.75rem;padding-top:.75rem}.group-item{align-items:baseline;display:flex;gap:.75rem;margin-bottom:.5rem}.group-label{color:var(--text-secondary,#999);font-size:.875rem;min-width:70px}.group-value{background:hsla(0,0%,100%,.02);border-radius:6px;color:#007aff;flex:1;font-family:var(--font-mono);font-size:.875rem;padding:.5rem .75rem}.replace-section{display:flex;flex-direction:column;gap:1rem}.replace-output{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;color:var(--text-primary,#fff);font-family:var(--font-mono);font-size:.875rem;padding:1rem;word-break:break-all}.pattern-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pattern-tab{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary,#999);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pattern-tab:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary,#fff)}.pattern-tab.active{background:#007aff;border-color:#007aff;color:#fff}.patterns-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pattern-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;padding:1rem;transition:all .2s ease}.pattern-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.pattern-name{color:var(--text-primary,#fff);font-weight:600;margin-bottom:.5rem}.pattern-regex{background:rgba(0,122,255,.1);border-radius:6px;color:#007aff;display:block;font-family:var(--font-mono);font-size:.75rem;margin-bottom:.5rem;padding:.5rem;word-break:break-all}.pattern-desc{color:var(--text-secondary,#999);font-size:.875rem}.cheat-sheet-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cheat-category{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:1rem}.cheat-title{color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin-bottom:1rem}.cheat-items{display:flex;flex-direction:column;gap:.75rem}.cheat-item{gap:1rem}.cheat-item code{background:rgba(0,122,255,.1);border-radius:6px;color:#007aff;display:inline-block;font-size:.875rem;min-width:60px;padding:.25rem .5rem;text-align:center}.cheat-item span{color:var(--text-secondary,#999);font-size:.875rem}@media (max-width:768px){.pattern-input-wrapper{align-items:stretch;flex-direction:column;gap:1rem}.flags-container{border-left:none;border-top:1px solid hsla(0,0%,100%,.1);justify-content:center;margin-left:0;padding-left:0;padding-top:1rem}.regex-delimiter{display:none}.cheat-sheet-grid,.patterns-grid{grid-template-columns:1fr}}.generator-section{margin-bottom:2rem}.controls-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.options-row{display:flex;gap:2rem;margin-bottom:1.5rem}.checkbox-label{color:var(--text-secondary,#999);font-size:.875rem;gap:.5rem;transition:color .2s ease}.checkbox-label:hover{color:var(--text-primary,#fff)}.checkbox-label input[type=checkbox]{accent-color:#007aff;cursor:pointer}.output-section{margin-top:2rem}.output-actions{display:flex;gap:.75rem}.output-container{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;margin-top:1rem;max-height:500px;min-height:200px;overflow-y:auto;padding:1.5rem}.output-text{color:var(--text-primary,#fff);font-family:inherit;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0}.output-stats{border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:2rem;margin-top:1rem;padding-top:1rem}.stat-item{gap:.5rem}.stat-label{color:var(--text-secondary,#999)}.stat-value{color:#007aff;font-family:var(--font-mono)}.style-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.style-card{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:all .2s ease}.style-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-2px)}.style-icon{font-size:2rem}.style-name{color:var(--text-primary,#fff);font-weight:600}.style-desc{color:var(--text-secondary,#999);font-size:.75rem}.history-list{max-height:400px}.history-item:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.history-header{margin-bottom:.5rem}.history-type{color:var(--text-primary,#fff);font-weight:500;text-transform:capitalize}.history-time{font-size:.75rem}.history-preview,.history-time{color:var(--text-secondary,#999)}.history-preview{font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.history-use-btn{background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);border-radius:8px;color:#007aff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.history-use-btn:hover{background:rgba(0,122,255,.2);border-color:rgba(0,122,255,.3)}@media (max-width:768px){.controls-grid{grid-template-columns:1fr}.options-row{flex-direction:column;gap:1rem}.output-stats{flex-wrap:wrap;gap:1rem}.style-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.output-actions{flex-direction:column;width:100%}.output-actions .tool-btn{width:100%}.style-grid{grid-template-columns:1fr}}.search-section{margin-bottom:1.5rem}.search-wrapper{position:relative}.search-icon{color:var(--text-secondary,#999);height:20px;left:1rem;width:20px}.search-input{padding-left:3rem}.category-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.category-tab{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary,#999);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.category-tab:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary,#fff)}.category-tab.active{background:#007aff;border-color:#007aff;color:#fff}.emoji-grid-wrapper{margin:-.5rem;max-height:500px;min-height:400px;overflow-y:auto}.emoji-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));padding:.5rem}.emoji-item{align-items:center;aspect-ratio:1;background:hsla(0,0%,100%,.02);border:1px solid transparent;border-radius:12px;cursor:pointer;display:flex;font-size:1.75rem;justify-content:center;transition:all .2s ease}.emoji-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:scale(1.1)}.emoji-item:active{transform:scale(.95)}.emoji-details{align-items:flex-start;display:flex;gap:2rem}.emoji-preview{align-items:center;background:hsla(0,0%,100%,.05);border-radius:16px;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.preview-emoji{font-size:4rem;line-height:1}.emoji-info{flex:1}.emoji-name{color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.emoji-keywords{color:var(--text-secondary,#999);font-size:.875rem;margin-bottom:1.5rem}.emoji-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.code-display{display:flex;flex-direction:column;gap:.75rem}.code-item{align-items:center;display:flex;gap:1rem}.code-label{color:var(--text-secondary,#999);font-size:.875rem;min-width:80px}.code-value{background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);border-radius:6px;color:#007aff;flex:1;font-family:var(--font-mono);font-size:.875rem;padding:.5rem .75rem}.copy-toast{align-items:center;background:#00d924;border-radius:12px;bottom:2rem;box-shadow:0 4px 12px rgba(0,217,36,.3);color:#fff;display:flex;font-weight:500;gap:.5rem;left:50%;padding:.75rem 1.5rem;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .3s ease;z-index:1000}.copy-toast.show{transform:translateX(-50%) translateY(0)}.copy-toast svg{height:20px;width:20px}.empty-state{grid-column:1/-1;padding:3rem 2rem}.emoji-grid-wrapper::-webkit-scrollbar{width:8px}.emoji-grid-wrapper::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.emoji-grid-wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}.emoji-grid-wrapper::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15)}@media (max-width:768px){.emoji-details{align-items:center;flex-direction:column;text-align:center}.emoji-preview{height:100px;width:100px}.preview-emoji{font-size:3rem}.emoji-actions{justify-content:center}.code-item{align-items:stretch;flex-direction:column}.code-label{min-width:auto}}@media (max-width:480px){.category-tabs{gap:.25rem}.category-tab{font-size:.875rem;padding:.375rem .75rem}.emoji-grid{gap:.375rem;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.emoji-item{font-size:1.5rem}}.demo-notice{background:rgba(255,149,0,.1);border:1px solid rgba(255,149,0,.2);border-radius:12px;color:#ff9500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.demo-notice svg{height:20px;width:20px}.search-section{margin-bottom:2rem}.domain-search-wrapper{align-items:center;background:hsla(0,0%,100%,.02);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;margin-bottom:1.5rem;padding:.75rem;transition:all .3s ease}.domain-search-wrapper:focus-within{background:hsla(0,0%,100%,.04);border-color:#007aff}.domain-prefix{color:var(--text-secondary,#999);font-weight:500;padding:0 .75rem}.domain-input{background:transparent;border:none;color:var(--text-primary,#fff);flex:1;font-family:var(--font-mono);font-size:1.125rem;font-weight:500;letter-spacing:.02em;outline:none;padding:.5rem 0}.domain-input::placeholder{color:var(--text-secondary,#999)}.tld-selection{margin-top:1.5rem}.selection-title{color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin-bottom:1rem}.tld-categories{gap:1.5rem}.tld-categories,.tld-category{display:flex;flex-direction:column}.tld-category{gap:.75rem}.category-name{color:var(--text-secondary,#999);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.tld-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tld-chip{display:inline-block;position:relative}.tld-chip input{opacity:0;position:absolute}.tld-chip span{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:var(--text-secondary,#999);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.tld-chip:hover span{background:hsla(0,0%,100%,.08);color:var(--text-primary,#fff)}.tld-chip input:checked+span,.tld-chip.selected span{background:#007aff;border-color:#007aff;color:#fff}.results-section{margin-top:2rem}.results-grid{gap:1rem}.result-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:1.25rem}.result-card:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.result-card.available{border-color:rgba(0,217,36,.2)}.result-card.taken{opacity:.7}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.result-domain{color:var(--text-primary,#fff);font-family:var(--font-mono);font-size:1.125rem;font-weight:600}.result-status{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.result-card.available .result-status{color:#00d924}.result-card.taken .result-status{color:#ef4444}.result-status svg{height:16px;width:16px}.result-details{align-items:center;display:flex;justify-content:space-between}.result-price{color:#007aff;font-size:1.25rem;font-weight:600}.register-btn{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.register-btn:hover{background:#0051d5;transform:translateY(-1px)}.result-actions{gap:.75rem}.whois-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary,#999);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.whois-btn:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary,#fff)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.1);height:40px;width:40px}.loading-state p{color:var(--text-secondary,#999)}.suggestions-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.suggestion-card{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.suggestion-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.suggestion-domain{color:var(--text-primary,#fff);font-family:var(--font-mono);font-weight:500}.suggestion-action{color:#007aff;font-size:.75rem}.history-list{gap:.75rem}.history-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;justify-content:space-between;padding:1rem}.history-domain{color:var(--text-primary,#fff);font-family:var(--font-mono)}.history-check-btn{background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);border-radius:6px;color:#007aff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.history-check-btn:hover{background:rgba(0,122,255,.2)}.bulk-section{display:flex;flex-direction:column;gap:1rem}.error-toast{background:#ef4444;border-radius:12px;bottom:2rem;box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff;font-weight:500;left:50%;padding:.75rem 1.5rem;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .3s ease;z-index:1000}.error-toast.show{transform:translateX(-50%) translateY(0)}.empty-state{color:var(--text-secondary,#999);font-style:italic;padding:2rem}@media (max-width:768px){.domain-search-wrapper{align-items:stretch;flex-direction:column;gap:1rem}.domain-prefix{display:none}.result-header{gap:.5rem}.result-details,.result-header{align-items:flex-start;flex-direction:column}.result-details{gap:.75rem}.register-btn{width:100%}.suggestions-grid{grid-template-columns:1fr}}.template-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:var(--spacing-xl)}.template-card{background:hsla(0,0%,100%,.02);justify-content:space-between;position:relative}.template-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.template-card.selected{background:rgba(52,199,89,.1);border-color:var(--color-success)}.template-checkbox{opacity:0;position:absolute}.template-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.template-check{align-items:center;border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.template-check svg{opacity:0;transform:scale(0);transition:all .2s ease}.template-card.selected .template-check{background:var(--color-success);border-color:var(--color-success)}.template-card.selected .template-check svg{opacity:1;transform:scale(1)}.action-buttons,.custom-rules-section,.result-panel{margin-top:var(--spacing-xl)}.result-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.gitignore-output{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;line-height:1.6;max-height:600px;overflow-x:auto;overflow-y:auto;padding:var(--spacing-lg)}@media (max-width:640px){.template-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.action-buttons,.result-actions{flex-direction:column}.template-card{padding:var(--spacing-sm)}.template-name{font-size:.8rem}}.gitignore-output::-webkit-scrollbar{height:8px;width:8px}.gitignore-output::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.gitignore-output::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.gitignore-output::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.upload-area{background:rgba(255,105,180,.02);border:2px dashed rgba(255,105,180,.3);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-3xl);text-align:center;transition:all .3s ease}.upload-area:hover{background:rgba(255,105,180,.05);border-color:rgba(255,105,180,.5)}.upload-area.drag-over{background:rgba(255,105,180,.1);border-color:var(--color-pink);transform:scale(1.02)}.file-input{display:none}.upload-content svg{color:var(--color-pink);margin-bottom:var(--spacing-md)}.upload-text{color:var(--text-primary);font-size:1.125rem;font-weight:500;margin-bottom:var(--spacing-xs)}.upload-subtext{color:var(--text-secondary);font-size:.875rem}.compression-settings{margin-top:var(--spacing-xl)}.settings-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.quality-slider{-webkit-appearance:none;background:hsla(0,0%,100%,.1);border-radius:3px;height:6px;outline:none;width:100%}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-pink);border-radius:50%;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.quality-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.quality-slider::-moz-range-thumb{background:var(--color-pink);border-radius:50%;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.quality-value{color:var(--color-pink);float:right;font-weight:600}.quality-labels{color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-top:var(--spacing-xs)}.checkbox-label{margin-bottom:var(--spacing-lg)}.checkbox-label input[type=checkbox]{accent-color:var(--color-pink);height:20px;width:20px}.files-list{margin-top:var(--spacing-xl)}.files-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.file-card{background:rgba(0,0,0,.2);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .2s ease}.file-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.file-preview{height:120px;object-fit:cover;width:100%}.file-info{padding:var(--spacing-sm)}.file-name{color:var(--text-primary);font-size:.813rem;font-weight:500;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-secondary);font-size:.75rem}.remove-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transition:all .2s ease;width:28px}.file-card:hover .remove-btn{opacity:1}.remove-btn:hover{background:rgba(255,69,58,.9)}.results-summary{background:rgba(255,105,180,.05);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.summary-stat{flex:1;text-align:center}.stat-label,.stat-value{display:block}.stat-value{font-size:1.25rem}.stat-value.success{color:var(--color-success)}.results-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.result-card{align-items:center;display:flex;gap:var(--spacing-md)}.result-preview{border-radius:var(--radius-sm);height:80px;object-fit:cover;width:80px}.result-info{flex:1}.result-name{font-size:.875rem}.result-name,.result-sizes{margin-bottom:var(--spacing-sm)}.result-sizes{align-items:center;display:flex;font-size:.813rem;gap:var(--spacing-sm)}.original-size{color:var(--text-secondary)}.compressed-size,.compression-badge{color:var(--color-success);font-weight:600}.compression-badge{background:rgba(52,199,89,.2);border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;padding:2px 8px}.download-single{padding:var(--spacing-sm)}.download-actions{display:flex;gap:var(--spacing-md);justify-content:center}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.results-summary{flex-direction:column;gap:var(--spacing-md)}.results-grid{grid-template-columns:1fr}.action-buttons,.download-actions{flex-direction:column}}@media (max-width:480px){.upload-area{padding:var(--spacing-xl)}.files-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.file-preview{height:100px}}.qr-container{align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 400px}.content-type-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-xs)}.tab-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.input-section{display:none}.input-section.active{display:block}.input-row{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.char-count{color:var(--text-secondary);display:block;font-size:.75rem}.customization-section{border-top:1px solid hsla(0,0%,100%,.1);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.customization-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.size-slider{-webkit-appearance:none;background:hsla(0,0%,100%,.1);border-radius:3px;height:6px;outline:none;width:100%}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.size-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.size-value{color:var(--color-primary);display:inline-block;font-weight:600;margin-left:var(--spacing-sm);min-width:60px}.color-input-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.color-input{border:none;border-radius:var(--radius-sm);cursor:pointer;height:40px;width:50px}.color-text{flex:1}.logo-upload{margin-top:var(--spacing-lg)}.logo-upload-area{border:2px dashed hsla(0,0%,100%,.2);border-radius:var(--radius-md);cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .2s ease;width:120px}.logo-upload-area:hover{background:hsla(0,0%,100%,.02);border-color:hsla(0,0%,100%,.4)}.logo-upload-content{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;justify-content:center}.logo-preview{height:100%;object-fit:contain;width:100%}.remove-logo-btn{background:rgba(255,69,58,.9);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:24px;line-height:1;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transition:all .2s ease;width:24px}.remove-logo-btn:hover{transform:scale(1.1)}.qr-preview{background:rgba(0,0,0,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);min-height:300px;padding:var(--spacing-xl)}.qr-code-container,.qr-preview{align-items:center;display:flex;justify-content:center}#qrcode{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md)}.download-options{display:flex;gap:var(--spacing-md);justify-content:center}.checkbox-label{cursor:pointer;margin-top:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);height:18px;width:18px}@media (max-width:1024px){.qr-container{grid-template-columns:1fr}.preview-panel{position:static}}@media (max-width:640px){.content-type-tabs{gap:var(--spacing-xs)}.tab-btn{font-size:.813rem;padding:var(--spacing-xs) var(--spacing-sm)}.customization-grid,.input-row{grid-template-columns:1fr}.download-options{flex-direction:column}}.content-type-tabs::-webkit-scrollbar{height:4px}.content-type-tabs::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.content-type-tabs::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.current-time-section{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);text-align:center}.local-time-display{margin-top:var(--spacing-lg)}.time-display{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:3rem;font-weight:300;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.date-display{color:var(--text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-xs)}.timezone-display{color:var(--color-orange);font-size:.875rem;font-weight:500}.converter-section{margin-top:var(--spacing-xl)}.datetime-inputs{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.datetime-inputs .input-group:last-child{grid-column:1/-1}.search-container{margin-bottom:var(--spacing-lg);position:relative}.search-input{padding-left:44px}.search-icon{color:var(--text-secondary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.quick-add-section{margin-bottom:var(--spacing-lg)}.quick-add-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.quick-add-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quick-add-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.813rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.quick-add-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary);transform:translateY(-1px)}.search-results{background:var(--surface-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.3);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + var(--spacing-xs));z-index:10}.search-result-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:background .2s ease}.search-result-item:hover{background:hsla(0,0%,100%,.05)}.result-name{color:var(--text-primary);font-weight:500}.result-zone{font-size:.813rem}.no-results,.result-zone{color:var(--text-secondary)}.no-results{padding:var(--spacing-lg);text-align:center}.selected-timezones{min-height:200px}.timezone-card{align-items:center;background:rgba(0,0,0,.2);border-radius:var(--radius-md);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr auto auto;margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.timezone-card:hover{background:rgba(0,0,0,.3);transform:translateX(4px)}.timezone-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.timezone-full{color:var(--text-secondary);font-size:.813rem;margin-bottom:var(--spacing-xs)}.timezone-offset{color:var(--color-orange);font-size:.75rem;font-weight:500}.timezone-time{text-align:right}.timezone-time .time-display{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.date-display-small{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-xs)}.day-indicator{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:2px 8px}.day-indicator.same{background:rgba(52,199,89,.2);color:var(--color-success)}.day-indicator.tomorrow{background:rgba(255,159,10,.2);color:var(--color-orange)}.day-indicator.yesterday{background:rgba(255,69,58,.2);color:var(--color-error)}.remove-timezone-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.remove-timezone-btn:hover{background:rgba(255,69,58,.2);border-color:rgba(255,69,58,.5);color:var(--color-error)}.empty-state{color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--spacing-md)}.empty-state-hint{font-size:.875rem;margin-top:var(--spacing-sm);opacity:.7}.conversion-results{margin-top:var(--spacing-xl)}.conversion-header{background:rgba(255,159,10,.1);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.conversion-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm)}.conversion-header p{color:var(--text-secondary)}.conversion-items{display:grid;gap:var(--spacing-md)}.conversion-item{align-items:center;background:rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:var(--spacing-lg);transition:all .2s ease}.conversion-item:hover{background:rgba(0,0,0,.3)}.conversion-timezone h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.zone-name{color:var(--text-secondary);font-size:.813rem;margin-bottom:var(--spacing-xs)}.zone-offset{color:var(--color-orange);font-size:.75rem;font-weight:500}.converted-time{color:var(--text-primary);font-size:1.125rem;font-weight:500}@media (max-width:768px){.datetime-inputs,.timezone-card{grid-template-columns:1fr}.timezone-card{gap:var(--spacing-md)}.timezone-time{text-align:left}.conversion-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.time-display{font-size:2rem}}@media (max-width:480px){.quick-add-buttons{gap:var(--spacing-xs)}.quick-add-btn{font-size:.75rem;padding:4px 8px}}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.search-results::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.calculator-modes{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:var(--spacing-xs)}.mode-btn{flex:1;min-width:140px}.mode-btn.active{background:rgba(255,159,10,.15);border-color:var(--color-orange)}.mode-btn svg{transition:opacity .2s ease}.mode-btn.active svg,.mode-btn:hover svg{opacity:1}.calculator-section{display:none}.calculator-section.active{display:block}.presets-section{margin-bottom:var(--spacing-xl)}.presets-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.preset-buttons{display:flex;flex-wrap:wrap}.preset-btn{padding:var(--spacing-sm) var(--spacing-md)}.preset-btn:hover{background:rgba(255,159,10,.1);border-color:rgba(255,159,10,.3)}.input-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.hosting-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-with-unit{display:flex;gap:var(--spacing-sm)}.unit-select{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);width:100px}.duration-inputs{align-items:center;display:flex;gap:var(--spacing-sm)}.duration-input{width:80px}.duration-label{color:var(--text-secondary);font-size:.875rem}.results-content{margin-top:var(--spacing-lg)}.result-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.result-card{background:rgba(0,0,0,.2);padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.result-card:hover{background:rgba(0,0,0,.3);transform:translateY(-2px)}.result-card.primary-result{grid-column:1/-1}.result-card.highlight,.result-card.primary-result{background:rgba(255,159,10,.1);border:1px solid rgba(255,159,10,.3)}.result-icon{color:var(--color-orange);display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.result-value{font-weight:600;margin-bottom:var(--spacing-sm)}.progress-timeline{background:rgba(0,0,0,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.progress-timeline h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-lg)}.timeline-items{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.timeline-item{background:hsla(0,0%,100%,.02);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center}.timeline-percent{color:var(--color-orange);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.timeline-time{color:var(--text-secondary);font-size:.813rem}.calculation-details,.data-cost-estimate,.hosting-breakdown,.streaming-details{background:rgba(0,0,0,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.calculation-details h3,.data-cost-estimate h3,.hosting-breakdown h3,.hosting-recommendations h3,.streaming-details h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.detail-row{border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-secondary)}.detail-row span:last-child{color:var(--text-primary);font-weight:500}.breakdown-chart{margin-top:var(--spacing-lg)}.chart-bar{background:hsla(0,0%,100%,.05);height:40px;margin-bottom:var(--spacing-md);overflow:hidden;position:relative}.chart-bar,.chart-bar:before{border-radius:var(--radius-sm)}.chart-bar:before{background:linear-gradient(90deg,var(--color-orange),rgba(255,159,10,.6));content:"";height:100%;left:0;position:absolute;top:0;transition:width .6s ease;width:var(--value)}.bar-label{align-items:center;color:var(--text-primary);display:flex;font-size:.813rem;height:100%;padding:0 var(--spacing-md);position:relative;z-index:1}.hosting-recommendations{background:rgba(52,199,89,.05);border:1px solid rgba(52,199,89,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.hosting-recommendations p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.hosting-recommendations p:last-child{margin-bottom:0}@media (max-width:768px){.calculator-modes{gap:var(--spacing-sm)}.mode-btn{min-width:120px;padding:var(--spacing-md)}.mode-btn span{font-size:.813rem}.input-grid{grid-template-columns:1fr}.timeline-items{grid-template-columns:repeat(2,1fr)}.result-value{font-size:1.5rem}}@media (max-width:480px){.calculator-modes{flex-direction:column}.mode-btn{flex-direction:row;justify-content:center}.duration-inputs{flex-wrap:wrap}.preset-buttons{gap:var(--spacing-xs)}.preset-btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}.calculator-modes::-webkit-scrollbar{height:4px}.calculator-modes::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.calculator-modes::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.chmod-container{gap:var(--spacing-xl)}.chmod-container,.input-methods{display:grid;margin-bottom:var(--spacing-xl)}.input-methods{align-items:center;gap:var(--spacing-lg);grid-template-columns:1fr auto 1fr}.numeric-input-section,.symbolic-input-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chmod-numeric{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.25rem;letter-spacing:.1em}.chmod-numeric,.input-hint{text-align:center}.or-divider{align-items:center;display:flex;justify-content:center;position:relative}.or-divider span{background:var(--surface-elevated);color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:var(--spacing-sm);position:relative;z-index:1}.or-divider:before{background:hsla(0,0%,100%,.1);content:"";height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.permissions-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.permission-group{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.permission-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.permission-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;transition:all .2s ease}.permission-checkbox:hover{transform:translateX(4px)}.permission-checkbox input[type=checkbox]{opacity:0;position:absolute}.checkbox-visual{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);flex-shrink:0;height:24px;position:relative;transition:all .2s ease;width:24px}.permission-checkbox input:checked+.checkbox-visual{background:var(--color-primary);border-color:var(--color-primary)}.permission-checkbox input:checked+.checkbox-visual:after{animation:checkmark .2s ease forwards;border:2px solid #fff;border-right:none;border-top:none;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-60%) rotate(-45deg);width:10px}@keyframes checkmark{to{transform:translate(-50%,-60%) rotate(-45deg) scale(1)}}.permission-label{display:flex;flex-direction:column;gap:2px}.permission-label strong{color:var(--text-primary);font-size:.875rem}.permission-label small{color:var(--text-secondary);font-size:.75rem}.special-permissions{background:rgba(138,43,226,.05);border:1px solid rgba(138,43,226,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.special-permissions h3{margin-bottom:var(--spacing-md)}.special-perms-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.permission-checkbox.special input:checked+.checkbox-visual{background:var(--color-purple);border-color:var(--color-purple)}.output-panel{position:sticky;top:var(--spacing-xl)}.result-displays{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.result-item{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.result-label{display:block;font-size:.875rem;margin-bottom:var(--spacing-sm)}.result-value{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:2rem;font-weight:300;letter-spacing:.1em}.result-value.symbolic{color:var(--color-purple)}.result-value.binary{font-size:1.5rem}.chmod-commands{background:rgba(0,0,0,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.chmod-commands h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.command-item{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.command-item:last-child{margin-bottom:0}.command-label{color:var(--text-secondary);font-size:.875rem;min-width:120px}.command-code{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.copy-btn{height:36px;width:36px}.copy-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.permission-meaning{background:rgba(138,43,226,.05);border:1px solid rgba(138,43,226,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.permission-meaning h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.meaning-content p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.meaning-content p:last-child{margin-bottom:0}.meaning-content strong{color:var(--text-primary)}.no-permissions{color:var(--text-secondary);opacity:.7;text-align:center}.common-permissions-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.common-perm-card{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);text-align:center;transition:all .2s ease}.common-perm-card:hover{background:rgba(138,43,226,.1);border-color:rgba(138,43,226,.3);transform:translateY(-2px)}.perm-value{color:var(--color-purple);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.5rem;font-weight:600}.perm-name,.perm-value{margin-bottom:var(--spacing-xs)}.perm-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.perm-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.reference-panel{margin-top:var(--spacing-xl)}.reference-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.reference-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.reference-table{border-collapse:collapse;width:100%}.reference-table td{border-bottom:1px solid hsla(0,0%,100%,.05);padding:var(--spacing-sm)}.reference-table td:first-child{color:var(--color-purple);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600;width:40px}.reference-table td:nth-child(2){color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;width:60px}.reference-table td:last-child{color:var(--text-secondary);font-size:.875rem}.notation-info p{color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-sm)}.notation-info ul{list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.notation-info li{color:var(--text-secondary);font-size:.875rem;padding:var(--spacing-xs) 0}.notation-info code{background:rgba(138,43,226,.1);border-radius:4px;color:var(--color-purple);font-family:SF Mono,Monaco,Cascadia Code,monospace;padding:2px 6px}@media (max-width:1024px){.chmod-container{grid-template-columns:1fr}.output-panel{position:static}}@media (max-width:768px){.input-methods{gap:var(--spacing-md);grid-template-columns:1fr}.or-divider:before{height:1px;width:100px}.permissions-grid,.reference-grid,.special-perms-grid{grid-template-columns:1fr}}@media (max-width:480px){.common-permissions-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.common-perm-card{padding:var(--spacing-sm)}.perm-value{font-size:1.25rem}.perm-name{font-size:.75rem}.perm-desc{display:none}}.url-input-group{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.url-input{flex:1;font-size:1rem}.demo-notice{align-items:center;background:rgba(255,159,10,.1);border:1px solid rgba(255,159,10,.3);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-md)}.demo-notice svg{color:var(--color-orange);flex-shrink:0}.results-container{margin-top:var(--spacing-xl)}.security-score{align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr}.score-circle{height:120px;position:relative;width:120px}.score-circle svg{transform:rotate(0deg)}.score-progress{transition:stroke-dashoffset 1.5s ease-out}.score-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.score-value{color:var(--text-primary);display:block;font-size:2rem;font-weight:600}.score-label{display:block;font-size:.75rem;margin-top:var(--spacing-xs)}.score-details h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.security-checks{flex-direction:column}.security-check,.security-checks{display:flex;gap:var(--spacing-md)}.security-check{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.security-check:hover{background:rgba(0,0,0,.3)}.check-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.security-check.pass .check-icon{color:var(--color-success)}.security-check.fail .check-icon{color:var(--color-error)}.check-details{flex:1}.check-name{color:var(--text-primary);font-weight:500;margin-bottom:2px}.check-value{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.813rem;margin-bottom:var(--spacing-xs)}.check-desc,.check-value{color:var(--text-secondary)}.check-desc{font-size:.75rem;opacity:.8}.headers-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{flex:1;min-width:200px}.filter-buttons,.headers-list{display:flex;gap:var(--spacing-sm)}.headers-list{flex-direction:column}.header-item{align-items:center;background:rgba(0,0,0,.2);border-radius:var(--radius-md);display:flex;padding:var(--spacing-md);transition:all .2s ease}.header-item:hover{background:rgba(0,0,0,.3);transform:translateX(4px)}.header-item.security-header{border-left:3px solid var(--color-purple)}.header-name{color:var(--text-primary);flex:0 0 250px;font-size:.875rem;font-weight:500}.header-value{color:var(--text-secondary);flex:1;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.813rem;margin-right:var(--spacing-md);word-break:break-all}.security-badge{background:rgba(138,43,226,.2);border-radius:var(--radius-sm);color:var(--color-purple);flex-shrink:0;font-size:.75rem;font-weight:500;padding:2px 8px}.info-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.info-item{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-md)}.info-label{font-size:.813rem;margin-bottom:var(--spacing-xs)}.info-value{font-size:1rem;font-weight:500}.detected-tech{margin-top:var(--spacing-lg)}.detected-tech h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.tech-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-badge{background:rgba(138,43,226,.1);border:1px solid rgba(138,43,226,.3);border-radius:var(--radius-sm);color:var(--color-purple);font-size:.813rem;padding:var(--spacing-xs) var(--spacing-sm)}.recommendation-item{background:rgba(0,0,0,.2);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative}.recommendation-item:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.recommendation-item.high:before{background:var(--color-error)}.recommendation-item.medium:before{background:var(--color-orange)}.recommendation-item.low:before{background:var(--color-warning)}.rec-icon{align-items:center;background:hsla(0,0%,100%,.05);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.recommendation-item.high .rec-icon{color:var(--color-error)}.recommendation-item.medium .rec-icon{color:var(--color-orange)}.recommendation-item.low .rec-icon{color:var(--color-warning)}.rec-content{flex:1}.rec-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.rec-content p{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.rec-action{background:rgba(0,0,0,.3);color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.813rem;padding:var(--spacing-sm)}.rec-action,.severity-badge{border-radius:var(--radius-sm)}.severity-badge{font-size:.75rem;font-weight:500;padding:2px 8px;position:absolute;right:var(--spacing-md);text-transform:uppercase;top:var(--spacing-md)}.recommendation-item.high .severity-badge{background:rgba(255,69,58,.2);color:var(--color-error)}.recommendation-item.medium .severity-badge{background:rgba(255,159,10,.2);color:var(--color-orange)}.recommendation-item.low .severity-badge{background:rgba(255,204,0,.2);color:var(--color-warning)}.no-recommendations{color:var(--text-secondary);padding:var(--spacing-3xl);text-align:center}.no-recommendations svg{color:var(--color-success);margin-bottom:var(--spacing-md)}.loading-spinner{border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.url-input-group{flex-direction:column}.security-score{grid-template-columns:1fr;text-align:center}.score-circle{margin:0 auto}.header-name{flex:0 0 150px}.headers-filter{flex-direction:column}.filter-buttons{overflow-x:auto;padding-bottom:var(--spacing-xs);width:100%}}@media (max-width:480px){.header-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.header-name{flex:none}.recommendation-item{flex-direction:column}.rec-icon{height:32px;width:32px}}.info-banner{background:rgba(52,199,89,.1);border:1px solid rgba(52,199,89,.3);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.info-banner svg{color:var(--color-success);flex-shrink:0}.info-banner p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.info-banner p:last-child{margin-bottom:0}.info-note{font-size:.813rem;opacity:.8}.scan-modes{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.mode-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);flex-direction:column;padding:var(--spacing-lg);transition:all .2s ease}.mode-btn:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px)}.mode-btn.active{background:rgba(52,199,89,.15);border-color:var(--color-success);color:var(--text-primary)}.mode-btn svg{opacity:.7}.mode-btn.active svg{color:var(--color-success);opacity:1}.scan-section{display:none}.scan-section.active{display:block}.host-input-group{margin-bottom:var(--spacing-md)}.range-inputs{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.range-presets{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.presets-label{color:var(--text-secondary);font-size:.875rem;margin-right:var(--spacing-sm)}.preset-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);font-size:.813rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.preset-btn:hover{background:rgba(52,199,89,.1);border-color:rgba(52,199,89,.3);color:var(--text-primary)}.single-port-input{margin:0 auto;max-width:300px}.progress-panel{margin-top:var(--spacing-xl)}.scan-progress{padding:var(--spacing-lg)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.progress-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.progress-text{color:var(--color-success);font-size:1rem;font-weight:600}.progress-bar{background:hsla(0,0%,100%,.1);border-radius:4px;height:8px;margin-bottom:var(--spacing-md);overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-success),rgba(52,199,89,.6));border-radius:4px;height:100%;transition:width .3s ease}.progress-status{color:var(--text-secondary);font-size:.875rem;text-align:center}.results-panel{margin-top:var(--spacing-xl)}.results-stats{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.stat-card{background:rgba(0,0,0,.2);border-radius:var(--radius-md);overflow:hidden;position:relative}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.open:before{background:var(--color-success)}.stat-card.closed:before{background:var(--color-error)}.stat-card.filtered:before{background:var(--color-warning)}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:600}.stat-label{font-size:.875rem;margin-bottom:var(--spacing-xs)}.stat-percent{font-size:.813rem;font-weight:500;opacity:.7}.results-filter{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ports-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.port-item{background:rgba(0,0,0,.2);border-left:4px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.port-item:hover{background:rgba(0,0,0,.3);transform:translateX(4px)}.port-item.open{border-left-color:var(--color-success)}.port-item.closed{border-left-color:var(--color-error)}.port-item.filtered{border-left-color:var(--color-warning)}.port-header{justify-content:space-between;margin-bottom:var(--spacing-sm)}.port-header,.port-info{align-items:center;display:flex}.port-info{gap:var(--spacing-md)}.port-number{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.125rem;font-weight:600}.port-service{color:var(--text-secondary);font-size:.875rem;font-weight:500}.port-status{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.port-status.open{background:rgba(52,199,89,.2);color:var(--color-success)}.port-status.closed{background:rgba(255,69,58,.2);color:var(--color-error)}.port-status.filtered{background:rgba(255,204,0,.2);color:var(--color-warning)}.port-details{color:var(--text-secondary);font-size:.813rem}.port-description{margin-bottom:var(--spacing-xs)}.port-latency{opacity:.8}.ports-reference{overflow-x:auto}.ports-table{border-collapse:collapse;width:100%}.ports-table td,.ports-table th{border-bottom:1px solid hsla(0,0%,100%,.05);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.ports-table th{background:rgba(0,0,0,.2);color:var(--text-primary);font-weight:600}.ports-table td{color:var(--text-secondary)}.ports-table tr:hover td{background:hsla(0,0%,100%,.02)}.ports-table .port-number{color:var(--color-success);font-family:SF Mono,Monaco,Cascadia Code,monospace}.ports-table .port-service{color:var(--text-primary);font-weight:500}.ports-table .port-protocol{font-size:.813rem}@media (max-width:768px){.scan-modes{gap:var(--spacing-sm);grid-template-columns:1fr}.mode-btn{flex-direction:row;justify-content:center;padding:var(--spacing-md)}.range-inputs,.results-stats{grid-template-columns:1fr}.results-filter{flex-wrap:wrap}}@media (max-width:480px){.range-presets{align-items:stretch;flex-direction:column}.preset-btn{text-align:center;width:100%}.port-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.ports-table{font-size:.813rem}.ports-table td,.ports-table th{padding:var(--spacing-xs) var(--spacing-sm)}}.robots-container{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.config-panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.subsection-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.template-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.template-card{align-items:center;background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-md);text-align:center;transition:all .2s ease}.template-card:hover{background:rgba(52,199,89,.1);border-color:rgba(52,199,89,.3);transform:translateY(-2px)}.template-card h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.template-card p{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.divider-section{margin:var(--spacing-xl) 0;position:relative;text-align:center}.divider-section:before{background:hsla(0,0%,100%,.1);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider-section span{background:var(--surface-elevated);color:var(--text-secondary);font-size:.875rem;padding:0 var(--spacing-md);position:relative}.rule-inputs{align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 2fr auto;margin-bottom:var(--spacing-md)}.common-paths{margin-top:var(--spacing-md)}.hint-text{color:var(--text-secondary);font-size:.813rem;margin-bottom:var(--spacing-sm)}.path-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.path-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.path-btn:hover{background:rgba(52,199,89,.1);border-color:rgba(52,199,89,.3);color:var(--text-primary)}.additional-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}.setting-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-hint{color:var(--text-secondary);font-size:.75rem;opacity:.8}.sitemap-input-group{display:flex;gap:var(--spacing-sm)}.current-rules{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.rules-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rule-group{background:hsla(0,0%,100%,.02);border-radius:var(--radius-md);padding:var(--spacing-md)}.rule-agent{color:var(--color-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;margin-bottom:var(--spacing-sm)}.rule-item{align-items:center;background:rgba(0,0,0,.3);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.rule-item:last-child{margin-bottom:0}.rule-directive{border-radius:var(--radius-xs);font-size:.813rem;font-weight:500;padding:2px 8px}.rule-directive.allow{background:rgba(52,199,89,.2);color:var(--color-success)}.rule-directive.disallow{background:rgba(255,69,58,.2);color:var(--color-error)}.rule-path{color:var(--text-primary);flex:1;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.813rem}.remove-rule-btn{align-items:center;background:hsla(0,0%,100%,.05);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-rule-btn:hover{background:rgba(255,69,58,.2);color:var(--color-error)}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.preview-panel{height:fit-content;position:sticky;top:var(--spacing-xl)}.preview-content{margin-bottom:var(--spacing-lg)}.robots-preview{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;line-height:1.6;max-height:500px;min-height:300px;overflow-x:auto;overflow-y:auto;padding:var(--spacing-lg)}.preview-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.validation-results{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.validation-results h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.validation-empty{color:var(--text-secondary);opacity:.7;text-align:center}.validation-success{color:var(--color-success);font-weight:500}.validation-issues,.validation-suggestions,.validation-warnings{margin-bottom:var(--spacing-md)}.validation-issues h4,.validation-suggestions h4,.validation-warnings h4{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.validation-issues h4{color:var(--color-error)}.validation-warnings h4{color:var(--color-warning)}.validation-suggestions h4{color:var(--color-primary)}.validation-issues p,.validation-suggestions p,.validation-warnings p{font-size:.813rem;margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md)}.info-panel{margin-top:var(--spacing-xl)}.reference-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.reference-card{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.reference-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.pattern-examples code,.syntax-examples code{background:rgba(52,199,89,.1);border:1px solid rgba(52,199,89,.2);border-radius:var(--radius-sm);color:var(--color-success);display:block;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.813rem;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.pattern-examples p,.syntax-examples p{color:var(--text-secondary);font-size:.813rem;margin-bottom:var(--spacing-md)}.best-practices{list-style:none;padding:0}.best-practices li{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.best-practices li:before{color:var(--color-success);content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:1024px){.robots-container{grid-template-columns:1fr}.preview-panel{position:static}}@media (max-width:768px){.reference-grid,.rule-inputs,.template-grid{grid-template-columns:1fr}.preview-actions{flex-direction:column}}@media (max-width:480px){.path-buttons{display:grid;grid-template-columns:1fr 1fr}.action-buttons{flex-direction:column}}.robots-preview::-webkit-scrollbar{width:8px}.robots-preview::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.robots-preview::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.robots-preview::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.webhook-container{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.endpoint-display{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.endpoint-input{background:rgba(0,0,0,.3);color:var(--text-primary);flex:1;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;padding:var(--spacing-md)}.copy-endpoint-btn,.endpoint-input{border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md)}.copy-endpoint-btn{align-items:center;background:hsla(0,0%,100%,.05);color:var(--text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.copy-endpoint-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.endpoint-info{flex-direction:column;margin-bottom:var(--spacing-lg)}.endpoint-info,.info-item{display:flex;gap:var(--spacing-sm)}.info-item{align-items:center;color:var(--text-secondary);font-size:.875rem}.info-item svg{opacity:.7}.listening-status{align-items:center;background:rgba(0,0,0,.2);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.status-indicator{background:rgba(255,69,58,.5);border-radius:50%;height:12px;transition:all .3s ease;width:12px}.status-indicator.active{animation:pulse 2s infinite;background:var(--color-success);box-shadow:0 0 0 4px rgba(52,199,89,.2)}.template-selector{margin-bottom:var(--spacing-lg)}.request-builder{display:flex;flex-direction:column;gap:var(--spacing-md)}.body-input,.headers-input{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.813rem;line-height:1.5}.history-panel{margin-top:var(--spacing-xl)}.history-controls{align-items:center;display:flex;gap:var(--spacing-md)}.request-count{color:var(--text-secondary);font-size:.875rem}.history-list{margin-top:var(--spacing-lg)}.empty-history{color:var(--text-secondary);padding:var(--spacing-3xl)}.empty-history svg{margin-bottom:var(--spacing-md)}.empty-hint{font-size:.875rem;margin-top:var(--spacing-sm);opacity:.7}.history-item{background:rgba(0,0,0,.2);margin-bottom:var(--spacing-md);overflow:hidden;transition:all .2s ease}.history-item:hover{background:rgba(0,0,0,.3)}.history-header{cursor:pointer;justify-content:space-between;padding:var(--spacing-md)}.history-header,.history-info{align-items:center;display:flex}.history-info{gap:var(--spacing-md)}.history-method{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.method-get{background:rgba(52,199,89,.2);color:var(--color-success)}.method-post{background:rgba(0,122,255,.2);color:var(--color-primary)}.method-patch,.method-put{background:rgba(255,159,10,.2);color:var(--color-orange)}.method-delete{background:rgba(255,69,58,.2);color:var(--color-error)}.history-time{font-size:.813rem}.test-badge{background:rgba(138,43,226,.2);border-radius:var(--radius-sm);color:var(--color-purple);font-size:.75rem;font-weight:500;padding:2px 6px}.expand-btn{align-items:center;background:hsla(0,0%,100%,.05);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.expand-btn:hover{background:hsla(0,0%,100%,.1)}.expand-btn.expanded{transform:rotate(180deg)}.history-details{padding:0 var(--spacing-md) var(--spacing-md)}.detail-section{margin-bottom:var(--spacing-md)}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.detail-content{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem;line-height:1.5;overflow-x:auto;padding:var(--spacing-md)}.metadata-grid{display:grid;gap:var(--spacing-sm)}.metadata-item{display:flex;font-size:.813rem;gap:var(--spacing-sm)}.metadata-label{color:var(--text-secondary)}.metadata-value{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;word-break:break-all}.toast{background:rgba(0,0,0,.9);border-radius:var(--radius-md);bottom:20px;color:#fff;font-size:.875rem;right:20px;transform:translateY(20px);transition:all .3s ease;z-index:1000}.toast-success{background:rgba(52,199,89,.9)}.toast-error{background:rgba(255,69,58,.9)}@media (max-width:1024px){.webhook-container{grid-template-columns:1fr}}@media (max-width:768px){.endpoint-info{font-size:.813rem}.history-info{flex-wrap:wrap}}@media (max-width:480px){.history-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.expand-btn{align-self:flex-end;margin-top:calc(var(--spacing-xl)*-1)}}.detail-content::-webkit-scrollbar{height:6px}.detail-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.detail-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.tool-content{background:var(--bg-primary);min-height:100vh;width:100%}.tool-wrapper{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Arial,sans-serif;margin:0 auto;max-width:1000px;padding:2rem}.tool-hero{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem;padding:2rem 0;text-align:center}.tool-hero .hero-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 10px 30px -10px rgba(102,126,234,.5);color:#fff;display:inline-flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.tool-hero .hero-icon.icon-blue{background:linear-gradient(135deg,#007aff,#0051d5);box-shadow:0 10px 30px -10px rgba(0,122,255,.5)}.tool-hero .hero-icon.icon-green{background:linear-gradient(135deg,#00d924,#00a818);box-shadow:0 10px 30px -10px rgba(0,217,36,.5)}.tool-hero .hero-icon.icon-orange{background:linear-gradient(135deg,#ff9500,#ff6200);box-shadow:0 10px 30px -10px rgba(255,149,0,.5)}.tool-hero .hero-icon.icon-pink{background:linear-gradient(135deg,#ff375f,#ff0d3e);box-shadow:0 10px 30px -10px rgba(255,55,95,.5)}.tool-hero .hero-icon.icon-purple{background:linear-gradient(135deg,#af52de,#8e35ba);box-shadow:0 10px 30px -10px rgba(175,82,222,.5)}.tool-hero .hero-icon svg{height:40px;width:40px}.tool-hero .hero-title{color:var(--text-primary,#fff);font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 .5rem}.tool-hero .hero-subtitle{color:var(--text-secondary,#999);font-size:1.25rem;font-weight:400;line-height:1.5;margin:0}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.2);overflow:hidden;padding:2rem;position:relative}.glass-panel,.section-header{margin-bottom:2rem;width:100%}.section-title{color:var(--text-primary,#fff);font-size:1.75rem;font-weight:600;margin:0 0 .5rem;text-align:left}.section-subtitle{color:var(--text-secondary,#999);font-size:1rem;line-height:1.5;margin:0 0 var(--spacing-sm) 0;text-align:left}.input-section{display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.input-group{gap:.5rem;margin-bottom:1.5rem;width:100%}.input-label{display:flex;flex-direction:column;gap:.25rem}.input-label span:first-child{color:var(--text-primary,#fff);font-size:.875rem;font-weight:500}.label-hint{color:var(--text-secondary,#999);font-size:.75rem}.tool-input,.tool-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--text-primary,#fff);font-family:inherit;font-size:1.125rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;width:100%}.tool-input:hover,.tool-textarea:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.2)}.tool-input:focus,.tool-textarea:focus{background:hsla(0,0%,100%,.08);border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.2);outline:none}.tool-textarea{font-family:var(--font-mono);line-height:1.6;min-height:200px;resize:vertical}.tool-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:-.01em;padding:.75rem 1.5rem;transition:all .3s ease}.tool-btn-primary{background:linear-gradient(135deg,#007aff,#0051d5);box-shadow:0 4px 15px rgba(0,122,255,.3);color:#fff}.tool-btn-primary:hover{box-shadow:0 6px 20px rgba(0,122,255,.4);transform:translateY(-2px)}.tool-btn-primary:active{transform:translateY(0)}.tool-btn-secondary{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-primary,#fff)}.tool-btn-secondary:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.tool-btn-ghost{background:transparent;border:1px solid rgba(0,122,255,.3);color:#007aff}.tool-btn-ghost:hover{background:rgba(0,122,255,.1);border-color:#007aff}.tool-btn svg{flex-shrink:0;height:20px;width:20px}.action-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.result-section{margin-top:2rem;width:100%}.result-box{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-top:1rem;padding:1.5rem;position:relative}.result-value{color:#007aff;font-size:1.125rem;font-weight:500;line-height:1.6;word-break:break-all}.code-display{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;max-height:500px;overflow:auto;padding:1.5rem;position:relative}.code-content{color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;white-space:pre}.copy-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary,#999);font-size:.75rem;font-weight:500;opacity:0;padding:.5rem .75rem;right:1rem;top:1rem;transition:all .2s ease}.code-display:hover .copy-btn,.result-box:hover .copy-btn{opacity:1}.copy-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:var(--text-primary,#fff)}.copy-btn.copied{background:#00d924;border-color:#00d924;color:#fff}.loading-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#007aff;display:inline-block;height:20px;width:20px}@media (max-width:768px){.tool-wrapper{padding:1.5rem}.tool-hero .hero-title{font-size:2.5rem}.tool-hero .hero-subtitle{font-size:1.125rem}.glass-panel{border-radius:16px;padding:1.5rem}.section-title{font-size:1.5rem}.action-group{flex-direction:column}.tool-btn{justify-content:center;width:100%}}@media (max-width:480px){.tool-wrapper{padding:1rem}.tool-hero{margin-bottom:2rem;padding:1.5rem 0}.tool-hero .hero-icon{height:60px;width:60px}.tool-hero .hero-icon svg{height:30px;width:30px}.tool-hero .hero-title{font-size:2rem}.tool-hero .hero-subtitle{font-size:1rem}.glass-panel{padding:1.25rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}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}.main-panel{overflow:hidden;position:relative}.tool-selector{background:hsla(0,0%,100%,.05);border-radius:var(--radius-lg);display:flex;margin-bottom:var(--space-2xl);padding:4px;position:relative}.selector-track{background:var(--primary);border-radius:var(--radius-md);height:calc(100% - 8px);position:absolute;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.selector-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);position:relative;transition:all .3s ease;z-index:1}.selector-btn:hover{color:var(--text-primary)}.selector-btn.active{color:#fff}.selector-icon{height:24px;transition:transform .3s ease;width:24px}.selector-btn:hover .selector-icon{transform:scale(1.1)}.selector-btn.active .selector-icon{transform:scale(1.2)}.tool-display{align-items:center;display:flex;justify-content:center;min-height:500px;transition:opacity .2s ease}.history-panel{margin-top:var(--space-xl)}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.panel-header h3{font-size:var(--text-lg);font-weight:600}.icon-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.icon-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary);transform:scale(1.05)}.icon-btn svg{height:18px;width:18px}.history-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto;padding-right:var(--space-sm)}.history-item-card{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .2s ease}.history-item-card:hover{background:hsla(0,0%,100%,.05);transform:translateX(4px)}.history-icon{font-size:1.5rem}.history-content{flex:1}.history-result{color:var(--text-primary);font-weight:500}.history-time{color:var(--text-secondary);font-size:var(--text-sm);opacity:.7}.history-cleared,.history-empty{color:var(--text-secondary);font-style:italic;padding:var(--space-2xl);text-align:center}.history-cleared{animation:fadeInOut 1.5s ease}.action-btn{background:var(--primary);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:600;overflow:hidden;padding:var(--space-md) var(--space-2xl);position:relative;transition:all .3s ease}.action-btn:hover{box-shadow:0 10px 30px -10px var(--primary);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-glow{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%}.action-btn:hover .btn-glow{opacity:1}.coin-flipper{padding:var(--space-2xl) 0;text-align:center}.coin-stage{height:200px;margin-bottom:var(--space-2xl);perspective:1000px}.coin-3d{height:160px;margin:0 auto;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:160px}.coin-face{backface-visibility:hidden;border-radius:50%;box-shadow:0 5px 20px rgba(0,0,0,.3);height:100%;position:absolute;width:100%}.coin-heads{background:linear-gradient(145deg,gold,orange);transform:rotateY(0deg)}.coin-tails{background:linear-gradient(145deg,silver,#a0a0a0);transform:rotateY(180deg)}.coin-inner{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.coin-svg{color:rgba(0,0,0,.3);height:90%;width:90%}.coin-text{font-size:24px;font-weight:700;fill:rgba(0,0,0,.4)}.coin-edge{background:linear-gradient(90deg,#b8860b,gold,#b8860b);border-radius:50%;height:100%;position:absolute;transform:translateZ(-10px);width:100%}.coin-3d.flipping{animation:coinFlip 2s ease-in-out}.coin-3d.show-heads{transform:rotateY(0deg)}.coin-3d.show-tails{transform:rotateY(180deg)}@keyframes coinFlip{0%{transform:rotateY(0) rotateX(0) scale(1)}10%{transform:rotateY(0) rotateX(0) scale(1.1)}50%{transform:rotateY(900deg) rotateX(540deg) scale(.8)}90%{transform:rotateY(5turn) rotateX(0) scale(1.1)}to{transform:rotateY(5turn) rotateX(0) scale(1)}}.result-announcement{margin-top:var(--space-2xl);position:relative}.result-title{font-size:var(--text-3xl);margin:0}.result-title span{color:var(--primary);font-weight:700}.fade-in{animation:fadeIn .5s ease}.dice-roller{padding:var(--space-2xl) 0}.dice-type-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-2xl)}.dice-type-chip{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.dice-type-chip:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary);transform:scale(1.05)}.dice-type-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.dice-icon{font-size:1.2rem}.dice-stage{height:200px;margin-bottom:var(--space-2xl);perspective:1000px;position:relative}.dice-3d{margin:50px auto;position:relative;transform:rotateX(-20deg) rotateY(-20deg);transform-style:preserve-3d;transition:transform .6s ease}.dice-3d,.dice-face{height:100px;width:100px}.dice-face{align-items:center;background:linear-gradient(145deg,var(--surface-elevated),var(--surface-secondary));border:1px solid hsla(0,0%,100%,.1);color:var(--primary);display:flex;font-size:2rem;font-weight:700;justify-content:center;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dice-front{transform:translateZ(50px)}.dice-back{transform:rotateY(180deg) translateZ(50px)}.dice-right{transform:rotateY(90deg) translateZ(50px)}.dice-left{transform:rotateY(-90deg) translateZ(50px)}.dice-top{transform:rotateX(90deg) translateZ(50px)}.dice-bottom{transform:rotateX(-90deg) translateZ(50px)}.dice-3d.rolling{animation:rollDice3D 1.5s ease-in-out}@keyframes rollDice3D{0%{transform:rotateX(-20deg) rotateY(-20deg)}50%{transform:rotateX(380deg) rotateY(320deg) rotate(180deg)}to{transform:rotateX(700deg) rotateY(700deg) rotate(1turn)}}.dice-shadow{animation:diceShadow 1.5s ease-in-out;background:radial-gradient(ellipse,rgba(0,0,0,.3) 0,transparent 80%);bottom:-10px;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes diceShadow{0%,to{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.1;transform:translateX(-50%) scale(.8)}}.dice-result-display{text-align:center}.result-number{color:var(--primary);font-size:4rem;font-weight:700;text-shadow:0 0 20px var(--primary-light)}.result-label{font-size:var(--text-lg)}.bounce-in{animation:bounceIn .5s ease}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.number-picker{padding:var(--space-2xl) 0}.range-selector{align-items:center;display:flex;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-2xl)}.range-input-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.range-input-group label{color:var(--text-secondary);font-size:var(--text-sm)}.range-input{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;padding:var(--space-sm) var(--space-md);text-align:center;transition:all .2s ease;width:100px}.range-input:focus{background:hsla(0,0%,100%,.08);border-color:var(--primary);outline:none}.range-separator{color:var(--text-secondary)}.range-separator svg{height:24px;width:24px}.number-display-container{align-items:center;display:flex;height:200px;justify-content:center;margin-bottom:var(--space-2xl)}.number-display{position:relative}.number-result{color:var(--primary);font-size:6rem;font-weight:700;line-height:1;transition:all .3s ease}.number-placeholder{opacity:.3}.number-value{display:inline-block;transition:all .1s ease}.number-value.final{animation:numberReveal .5s ease}@keyframes numberReveal{0%{opacity:0;transform:scale(.5) rotate(180deg)}50%{transform:scale(1.2) rotate(90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.number-result.picking{animation:numberPicking .1s ease infinite}.number-result.reveal{animation:numberBounce .5s ease}@keyframes numberPicking{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes numberBounce{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.number-particles{height:100%;pointer-events:none;width:100%}.number-particles,.particle{left:50%;position:absolute;top:50%}.particle{animation:particleFly 1s ease forwards;color:var(--primary);font-size:1.5rem;font-weight:700;opacity:0;transform:translate(-50%,-50%)}@keyframes particleFly{0%{opacity:1;transform:translate(-50%,-50%) translateX(0) translateY(0) scale(0)}to{opacity:0;transform:translate(-50%,-50%) translateX(calc(cos(var(--angle))*100px)) translateY(calc(sin(var(--angle))*100px)) scale(1)}}.quick-picks{margin-top:var(--space-2xl);text-align:center}.quick-picks h4{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.quick-pick-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:0 auto;max-width:400px}.quick-pick-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.quick-pick-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary);transform:translateY(-2px)}.custom-wheel{padding:var(--space-xl) 0}.wheel-main{align-items:center;display:flex;flex-direction:column;gap:var(--space-2xl)}.wheel-container{margin-bottom:var(--space-xl);position:relative}#wheel-canvas{display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.wheel-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spin-button{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:3px solid #fff;border-radius:50%;box-shadow:0 5px 20px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:var(--text-sm);font-weight:700;gap:4px;height:80px;justify-content:center;transition:all .2s ease;width:80px}.spin-button:hover{box-shadow:0 8px 30px rgba(0,0,0,.4);transform:scale(1.1)}.spin-button:active{transform:scale(.95)}.spin-button.spinning{animation:spinButtonRotate .5s ease infinite}@keyframes spinButtonRotate{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1)}}.spin-button svg{height:24px;width:24px}.wheel-pointer{left:50%;position:absolute;top:-20px;transform:translateX(-50%);z-index:10}.wheel-pointer svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));fill:var(--primary)}.wheel-result{margin-top:var(--space-xl);text-align:center}.wheel-result h2{font-size:var(--text-2xl);margin:0}.wheel-result span{color:var(--primary)}.result-confetti{height:300px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.wheel-result.celebrate .result-confetti:after,.wheel-result.celebrate .result-confetti:before{animation:confetti 1s ease-out forwards;content:"🎉";font-size:3rem;position:absolute}.wheel-result.celebrate .result-confetti:before{animation-delay:.1s;left:20%}.wheel-result.celebrate .result-confetti:after{animation-delay:.2s;right:20%}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-100px) rotate(2turn)}}.wheel-options-panel{margin-top:var(--space-2xl);max-width:400px;width:100%}.wheel-options-panel h4{font-size:var(--text-base);margin-bottom:var(--space-md)}.options-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);max-height:250px;overflow-y:auto}.wheel-option-item{align-items:center;background:hsla(0,0%,100%,.03);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-sm);transition:all .2s ease}.wheel-option-item:hover{background:hsla(0,0%,100%,.05)}.option-color-indicator{border-radius:var(--radius-sm);flex-shrink:0;height:24px;width:24px}.option-input{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.option-input:focus{background:hsla(0,0%,100%,.08);border-color:var(--primary);outline:none}.option-remove-btn{align-items:center;background:rgba(255,69,58,.1);border:1px solid rgba(255,69,58,.2);border-radius:var(--radius-sm);color:#ff453a;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.option-remove-btn:hover{background:rgba(255,69,58,.2);transform:scale(1.1)}.option-remove-btn svg{height:14px;width:14px}.add-option-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px dashed hsla(0,0%,100%,.2);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);transition:all .2s ease;width:100%}.add-option-btn:hover{background:hsla(0,0%,100%,.08);border-color:var(--primary);color:var(--primary)}.add-option-btn svg{height:18px;width:18px}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.tool-selector{flex-wrap:wrap}.selector-btn{flex:1 1 45%;padding:var(--space-sm) var(--space-md)}.selector-btn span{font-size:var(--text-sm)}.range-selector{flex-direction:column;gap:var(--space-md)}.range-separator{transform:rotate(90deg)}.dice-type-selector{justify-content:center}.quick-pick-grid{grid-template-columns:repeat(3,1fr)}#wheel-canvas{height:250px!important;width:250px!important}}@media (max-width:480px){.number-result{font-size:4rem}.coin-3d{height:120px;width:120px}.dice-3d,.dice-face{height:80px;width:80px}.dice-face{font-size:1.5rem}.dice-front{transform:translateZ(40px)}.dice-back{transform:rotateY(180deg) translateZ(40px)}.dice-right{transform:rotateY(90deg) translateZ(40px)}.dice-left{transform:rotateY(-90deg) translateZ(40px)}.dice-top{transform:rotateX(90deg) translateZ(40px)}.dice-bottom{transform:rotateX(-90deg) translateZ(40px)}}.history-list::-webkit-scrollbar,.options-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track,.options-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.history-list::-webkit-scrollbar-thumb,.options-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover,.options-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.code-output{color:var(--text-primary)}.section-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:400}.section-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.section-header h2{margin:0}.copy-section-btn{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;margin-left:auto;padding:var(--spacing-xs);transition:all var(--transition-fast)}.copy-section-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.claims-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.claim-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.claim-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.claim-item.expired{background:rgba(255,59,48,.1);border-color:var(--danger)}.claim-item.valid{background:rgba(52,199,89,.1);border-color:var(--success)}.claim-icon{font-size:var(--font-size-xl)}.claim-content{flex:1;min-width:0}.claim-label{color:var(--text-muted);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.claim-value{color:var(--text-primary);display:block;word-break:break-word}.signature-display{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto;padding:var(--spacing-md)}.signature-display code{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all}.empty-state{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-3xl);text-align:center}body.light-theme .claim-item,body.light-theme .signature-display{background:var(--bg-tertiary)}.password-display-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.password-display{align-items:center;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md);min-height:60px;padding:var(--spacing-lg)}#password-text{color:var(--text-primary);flex:1;font-family:var(--font-mono);font-size:var(--font-size-xl);letter-spacing:.05em;user-select:all;word-break:break-all}.password-actions{display:flex;gap:var(--spacing-sm)}.btn-icon{height:40px;justify-content:center;padding:0;width:40px}.btn-icon,.password-strength{align-items:center;display:flex}.password-strength{gap:var(--spacing-md)}.strength-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.strength-fill{background:var(--success);height:100%;transition:all var(--transition-base);width:0}.strength-text{font-size:var(--font-size-sm);font-weight:600;min-width:60px;text-align:right}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.settings-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg) 0}.setting-group{margin-bottom:var(--spacing-xl)}.setting-group:last-child{margin-bottom:0}.setting-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:var(--spacing-md)}.slider-container{padding-bottom:var(--spacing-lg);position:relative}.slider{-webkit-appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border-radius:50%;cursor:pointer;height:20px;transition:all var(--transition-fast);width:20px}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px rgba(0,122,255,.1);transform:scale(1.2)}.slider::-moz-range-thumb{background:var(--primary);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider-marks{bottom:0;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);justify-content:space-between;left:0;position:absolute;right:0}.checkbox-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.checkbox-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);transition:all var(--transition-fast)}.checkbox-item:hover{color:var(--primary)}.checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);user-select:none}.char-preview{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;padding:2px 6px}.preset-buttons{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.preset-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-md);transition:all var(--transition-fast)}.preset-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.preset-btn svg{height:20px;width:20px}.history-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.history-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.history-section h3{font-size:var(--font-size-lg);margin:0}.password-history{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.empty-history{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-xl);text-align:center}.history-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.history-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.history-password{color:var(--text-secondary);flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all}.history-meta{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-md)}.history-time{color:var(--text-muted)}.history-strength{font-size:var(--font-size-xs)}.history-strength.strength-1{color:var(--danger)}.history-strength.strength-2{color:var(--warning)}.history-strength.strength-3{color:var(--info)}.history-strength.strength-4{color:var(--success)}.history-copy{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.history-copy:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.tips-section{margin-top:var(--spacing-2xl)}.tips-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.tips-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tip-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.tip-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tip-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.tip-card h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0}.tip-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.password-display{align-items:stretch;flex-direction:column}#password-text{margin-bottom:var(--spacing-md);text-align:center}.password-actions{justify-content:center}.checkbox-grid,.preset-buttons{grid-template-columns:1fr 1fr}.tips-grid{grid-template-columns:1fr}}body.light-theme .password-display-section{background:var(--bg-tertiary)}body.light-theme .password-display{background:#fff}body.light-theme .settings-section{background:var(--bg-tertiary)}body.light-theme .preset-btn{background:#fff}body.light-theme .history-section{background:var(--bg-tertiary)}body.light-theme .history-item,body.light-theme .tip-card{background:#fff}.diff-mode-container{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.diff-mode-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:4px;padding:4px}.diff-mode-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.diff-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.diff-mode-btn.active{background:var(--primary);color:#fff}.diff-inputs{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.diff-input-section{display:flex;flex-direction:column}.diff-textarea{max-height:400px;min-height:200px;resize:vertical}.diff-output{margin-top:var(--spacing-xl)}.diff-stats{display:flex;font-size:var(--font-size-sm);gap:var(--spacing-lg)}.stat-item{gap:var(--spacing-xs)}.stat-added{color:var(--success);font-weight:600}.stat-removed{color:var(--danger);font-weight:600}.stat-unchanged{color:var(--text-secondary)}.stat-percent{color:var(--primary);font-weight:600}.diff-view-toggle{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.view-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.view-btn:hover{background:var(--bg-hover)}.view-btn.active{border-color:var(--primary)}.diff-result{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;overflow-x:auto;padding:var(--spacing-lg);white-space:pre-wrap;word-break:break-word}.diff-added{background:rgba(52,199,89,.2);color:var(--success);text-decoration:none}.diff-added,.diff-removed{border-radius:2px;padding:2px 0}.diff-removed{background:rgba(255,59,48,.2);color:var(--danger);text-decoration:line-through}.diff-unchanged{color:var(--text-secondary)}.diff-split-view{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.diff-pane{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.diff-pane-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-md)}.diff-pane-content{overflow-x:auto;padding:var(--spacing-md);white-space:pre-wrap;word-break:break-word}.diff-legend{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.diff-legend h3{font-size:var(--font-size-base);margin:0 0 var(--spacing-md) 0}.legend-items{display:flex;gap:var(--spacing-xl)}.legend-item{font-size:var(--font-size-sm)}#swap-texts svg{transition:transform var(--transition-fast)}#swap-texts:hover svg{transform:rotate(180deg)}@media (max-width:768px){.diff-inputs,.diff-split-view{grid-template-columns:1fr}.diff-stats{flex-wrap:wrap;gap:var(--spacing-sm)}.legend-items{flex-direction:column;gap:var(--spacing-sm)}}body.light-theme .diff-result{background:var(--bg-tertiary)}body.light-theme .diff-added{background:rgba(52,199,89,.15)}body.light-theme .diff-removed{background:rgba(255,59,48,.15)}body.light-theme .diff-pane{background:#fff}body.light-theme .diff-legend{background:var(--bg-tertiary)}.mode-toggle-container{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.mode-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;gap:4px;padding:4px}.mode-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{background:var(--primary);color:#fff}.char-count{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:right}.options-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.options-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.options-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.option-item input[type=checkbox]{height:18px;width:18px}.reference-section{margin-top:var(--spacing-xl)}.encoding-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.encoding-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm)}.encoding-item .char{color:var(--text-primary);font-weight:600;min-width:30px;text-align:center}.encoding-item .arrow{color:var(--text-muted);opacity:.5}.encoding-item code{background:transparent;color:var(--primary);font-family:var(--font-mono);padding:0}#swap-btn svg{transition:transform var(--transition-fast)}#swap-btn:hover svg{transform:rotate(180deg)}body.light-theme .mode-toggle,body.light-theme .options-section,body.light-theme .reference-section{background:var(--bg-tertiary)}body.light-theme .encoding-item{background:#fff}.current-time-section{margin-bottom:var(--spacing-2xl)}.current-time-card{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;padding:var(--spacing-xl);text-align:center}.current-time-card h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0;opacity:.9}.timestamp-display{font-family:var(--font-mono);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.date-display{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);opacity:.9}.current-time-card .tool-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff}.current-time-card .tool-btn:hover{background:hsla(0,0%,100%,.3)}.converter-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.converter-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group{gap:var(--spacing-sm)}.input-format{display:flex;gap:var(--spacing-lg)}.format-option{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.format-option:hover{color:var(--text-primary)}.date-inputs{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1.5fr}.date-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-input-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.conversion-result{margin-top:var(--spacing-md)}.result-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md)}.result-row{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.result-row:last-child{border-bottom:none}.result-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.result-value{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-mono);gap:var(--spacing-sm)}.copy-inline{align-items:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.copy-inline:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.quick-actions-section{margin:var(--spacing-2xl) 0}.quick-actions-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.quick-actions-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.quick-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.quick-action-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.quick-action-btn svg{height:24px;width:24px}.quick-action-btn span{font-size:var(--font-size-sm);font-weight:500}.formats-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.format-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md)}.format-label{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.format-label,.format-value{font-size:var(--font-size-sm)}.format-value{color:var(--text-primary);font-family:var(--font-mono);word-break:break-all}@media (max-width:768px){.date-inputs{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}.formats-grid{grid-template-columns:1fr}.result-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}body.light-theme .converter-section{background:var(--bg-tertiary)}body.light-theme .quick-action-btn,body.light-theme .result-card{background:#fff}body.light-theme .reference-section{background:var(--bg-tertiary)}body.light-theme .format-item{background:#fff}.input-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.large-input{font-family:var(--font-mono);font-size:var(--font-size-xl);padding:var(--spacing-md) var(--spacing-lg);text-align:center;text-transform:uppercase}.base-selector{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center}.base-selector label{color:var(--text-secondary);font-weight:500}.custom-base-input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);padding:var(--spacing-sm);text-align:center;width:80px}.quick-actions{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:var(--spacing-xl) 0}.quick-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);transition:all var(--transition-fast)}.quick-btn:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateY(-1px)}.quick-value{color:var(--primary);font-family:var(--font-mono);font-weight:600}.quick-label{color:var(--text-secondary);font-size:var(--font-size-xs)}.results-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.results-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.conversion-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.conversion-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);position:relative}.conversion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.base-label{color:var(--text-primary);font-weight:600}.base-number{color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase}.conversion-value{color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-lg);padding-right:var(--spacing-xl);word-break:break-all}.copy-btn{align-items:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--transition-fast);width:32px}.copy-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.custom-bases-section{border-top:1px solid var(--border-subtle);padding-top:var(--spacing-lg)}.custom-bases-section h4{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-md) 0}.custom-base-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.custom-base-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.custom-base-item label{color:var(--text-secondary);font-size:var(--font-size-sm)}.custom-base{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-sm);text-align:center;width:100%}.custom-base,.custom-result{font-family:var(--font-mono)}.custom-result{color:var(--text-primary);word-break:break-all}.bit-info-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.bit-info-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.bit-info-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bit-info-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.bit-info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.info-value{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.reference-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.reference-table{overflow-x:auto}.reference-table table{border-collapse:collapse;width:100%}.reference-table td,.reference-table th{border-bottom:1px solid var(--border-subtle);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.reference-table th{background:var(--bg-primary);color:var(--text-primary);font-weight:600}.reference-table td{color:var(--text-secondary);font-family:var(--font-mono)}.reference-table tr:hover td{background:var(--bg-hover)}.error-message{background:rgba(255,59,48,.1);border:1px solid var(--danger);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}@media (max-width:768px){.conversion-grid{grid-template-columns:1fr}.custom-base-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}}body.light-theme .bit-info-section,body.light-theme .reference-section,body.light-theme .results-section{background:var(--bg-tertiary)}body.light-theme .conversion-item,body.light-theme .custom-base,body.light-theme .custom-base-input,body.light-theme .quick-btn{background:#fff}body.light-theme .reference-table th{background:var(--bg-tertiary)}.markdown-editor-container{max-width:1400px}.markdown-toolbar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.toolbar-group{border-right:1px solid var(--border-subtle);display:flex;gap:4px;padding:0 var(--spacing-sm)}.toolbar-group:last-child{border-right:none}.toolbar-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn:active{background:var(--primary);color:#fff}.toolbar-spacer{flex:1}.view-toggle{background:var(--bg-primary);border-radius:var(--radius-md);gap:0;padding:2px}.view-btn,.view-toggle{border:none;display:flex}.view-btn{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--primary);color:#fff}.markdown-content{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;height:600px;margin-bottom:var(--spacing-xl)}.markdown-content.edit{grid-template-columns:1fr}.markdown-content.edit .preview-pane{display:none}.markdown-content.preview{grid-template-columns:1fr}.markdown-content.preview .editor-pane{display:none}.editor-pane{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.markdown-textarea{background:transparent;border:none;color:var(--text-primary);flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;outline:none;padding:var(--spacing-lg);resize:none}.editor-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-subtle);color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg)}.save-status{color:var(--success);margin-left:auto}.preview-pane{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:auto}.markdown-preview{color:var(--text-primary);padding:var(--spacing-lg)}.markdown-preview h1{font-size:var(--font-size-3xl);font-weight:700}.markdown-preview h1,.markdown-preview h2{color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-md)}.markdown-preview h2{font-size:var(--font-size-2xl);font-weight:600}.markdown-preview h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm)}.markdown-preview p{line-height:1.6;margin:var(--spacing-md) 0}.markdown-preview a{color:var(--primary);text-decoration:underline}.markdown-preview a:hover{color:var(--primary-hover)}.markdown-preview code{background:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;padding:2px 6px}.markdown-preview pre{background:var(--bg-primary);border-radius:var(--radius-md);margin:var(--spacing-md) 0;overflow-x:auto;padding:var(--spacing-md)}.markdown-preview pre code{background:transparent;padding:0}.markdown-preview blockquote{border-left:4px solid var(--primary);color:var(--text-secondary);margin:var(--spacing-md) 0;padding-left:var(--spacing-md)}.markdown-preview ol,.markdown-preview ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.markdown-preview li{margin:var(--spacing-xs) 0}.markdown-preview hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--spacing-xl) 0}.markdown-preview img{border-radius:var(--radius-md);height:auto;max-width:100%}.markdown-preview table{border-collapse:collapse;margin:var(--spacing-md) 0;width:100%}.markdown-preview td,.markdown-preview th{border:1px solid var(--border-subtle);padding:var(--spacing-sm);text-align:left}.markdown-preview th{background:var(--bg-primary);font-weight:600}.export-section{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.cheat-sheet{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.cheat-sheet h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.cheat-sheet-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cheat-item{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.cheat-item code{background:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1024px){.markdown-content{height:500px}}@media (max-width:768px){.markdown-toolbar{gap:var(--spacing-xs)}.toolbar-group{padding:0 var(--spacing-xs)}.markdown-content{height:400px}.markdown-content.split{grid-template-columns:1fr}.markdown-content.split .editor-pane,.markdown-content.split .preview-pane{height:400px}.cheat-sheet-grid{grid-template-columns:1fr}.export-section{flex-wrap:wrap}.export-section .tool-btn{flex:1;min-width:120px}}body.light-theme .markdown-toolbar{background:var(--bg-tertiary)}body.light-theme .editor-pane,body.light-theme .preview-pane{background:#fff}body.light-theme .cheat-sheet,body.light-theme .markdown-preview code,body.light-theme .markdown-preview pre,body.light-theme .view-toggle{background:var(--bg-tertiary)}.code-textarea{tab-size:4}.options-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.options-panel h3{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-md) 0}.options-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.option-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;gap:var(--spacing-sm);transition:color var(--transition-fast)}.option-item:hover{color:var(--text-primary)}.option-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.indent-option{align-items:center;display:flex;gap:var(--spacing-md)}.indent-option,.tool-select{font-size:var(--font-size-sm)}.tool-select{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.tool-select:hover{border-color:var(--border-color)}.tool-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,122,255,.1);outline:none}.output-wrapper{min-height:200px;position:relative}.code-output{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:none;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;margin:0;overflow-x:auto;padding:var(--spacing-lg);white-space:pre}.sql-keyword{color:var(--primary);font-weight:600}.sql-string{color:var(--success)}.sql-number{color:var(--warning)}.sql-comment{color:var(--text-muted);font-style:italic}.sql-function{color:var(--secondary)}.sql-operator{color:var(--text-secondary)}.empty-state{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;font-size:var(--font-size-sm);justify-content:center;min-height:200px}.reference-section{margin-top:var(--spacing-2xl)}.reference-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.examples-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.example-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-lg);transition:all var(--transition-fast)}.example-card:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.example-card h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0}.example-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.action-section{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-xl) 0}@media (max-width:768px){.examples-grid,.options-grid{grid-template-columns:1fr}.action-section{flex-direction:column}.action-section .tool-btn{justify-content:center;width:100%}}body.light-theme .code-output,body.light-theme .options-panel{background:var(--bg-tertiary)}body.light-theme .example-card,body.light-theme .tool-select{background:#fff}body.light-theme .empty-state{background:var(--bg-tertiary)}.stats-display{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;color:#fff}.stat-value{font-size:var(--font-size-3xl);font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.stat-card.primary .stat-label{color:hsla(0,0%,100%,.9)}.detailed-stats{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.detailed-stats h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.stats-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.stat-item:last-child{border-bottom:none}.stat-name{color:var(--text-secondary);font-size:var(--font-size-sm)}.stat-val{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.keyword-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.keyword-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.keyword-settings{border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.setting-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.number-input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-xs);text-align:center;width:60px}.keyword-list{max-height:400px;overflow-y:auto}.empty-keywords{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-xl);text-align:center}.keyword-item{margin-bottom:var(--spacing-md)}.keyword-info{display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-xs)}.keyword-word{color:var(--text-primary);font-weight:600}.keyword-count{color:var(--text-secondary);font-family:var(--font-mono)}.keyword-bar{background:var(--bg-primary);border-radius:var(--radius-full);height:8px;overflow:hidden}.keyword-fill{background:var(--primary);height:100%;transition:width var(--transition-base)}.export-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.export-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.export-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.reading-level-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.reading-level-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.readability-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.readability-item{text-align:center}.readability-score{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);padding:var(--spacing-lg)}.score-value{color:var(--primary);font-size:var(--font-size-4xl);font-weight:700;line-height:1;margin-bottom:var(--spacing-sm)}.score-label{letter-spacing:.05em;text-transform:uppercase}.score-interpretation,.score-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.score-interpretation{font-style:italic}@media (max-width:768px){.stats-display{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.keyword-settings{gap:var(--spacing-sm)}.export-buttons,.keyword-settings{flex-direction:column}.export-buttons .tool-btn{justify-content:center;width:100%}.readability-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-display{grid-template-columns:1fr}}body.light-theme .stat-card{background:#fff}body.light-theme .detailed-stats,body.light-theme .export-section,body.light-theme .keyword-bar,body.light-theme .keyword-section,body.light-theme .reading-level-section{background:var(--bg-tertiary)}body.light-theme .number-input,body.light-theme .readability-score{background:#fff}.ad-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--spacing-2xl) 0;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.ad-label{color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:.05em;opacity:.5;position:absolute;right:var(--spacing-sm);text-transform:uppercase;top:var(--spacing-xs);z-index:1}.ad-wrapper{align-items:center;display:flex;justify-content:center;min-height:90px;position:relative}.ad-leaderboard{margin-left:auto;margin-right:auto;max-width:728px;text-align:center}.ad-sidebar{margin:var(--spacing-lg) 0}.ad-footer{background:transparent;border:none;margin-bottom:0;margin-top:var(--spacing-3xl);padding:0}.ad-footer .ad-wrapper{margin:0 auto;max-width:728px}.ad-in-article{background:transparent;border:none;margin:var(--spacing-xl) 0;padding:var(--spacing-md) 0}.ad-fallback{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:1px solid rgba(0,122,255,.2);min-height:auto;padding:var(--spacing-md)}.ad-fallback-content{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;text-align:center}.ad-fallback-link{color:var(--primary);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.ad-fallback-link:hover{color:var(--primary-hover);text-decoration:underline}.ad-fallback-card{padding:var(--spacing-md);text-align:center}.ad-fallback-card h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-sm)}.ad-fallback-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md)}.ad-container:before{animation:adLoading 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--primary),transparent);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.ad-container.loading:before{opacity:1}@keyframes adLoading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.ad-container{border-radius:var(--radius-md);margin:var(--spacing-xl) 0;padding:var(--spacing-md)}.ad-leaderboard{border-left:none;border-radius:0;border-right:none;margin-left:calc(var(--spacing-md)*-1);margin-right:calc(var(--spacing-md)*-1)}.ad-label{font-size:.625rem}.adsbygoogle{height:auto!important;max-width:100%}}@media (max-width:480px){.ad-container{margin:var(--spacing-lg) 0;padding:var(--spacing-sm)}.ad-sidebar{margin:var(--spacing-md) 0}}.tool-container .ad-leaderboard{background:hsla(0,0%,100%,.02);margin-bottom:var(--spacing-xl)}.tool-output+.ad-in-article{border-top:1px solid var(--border-subtle);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.hero-section+.ad-leaderboard{background:transparent;border:none;margin-bottom:var(--spacing-3xl);margin-top:calc(var(--spacing-3xl)*-1)}body.light-theme .ad-container{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}body.light-theme .ad-fallback{background:linear-gradient(135deg,#f5f5f7,#fff);border-color:rgba(0,122,255,.2)}.ad-container{animation:fadeInAd .5s ease-out forwards;animation-delay:.5s;opacity:0}@keyframes fadeInAd{to{opacity:1}}@media print{.ad-container{display:none!important}}.ad-container,.ad-container:before{transform:translateZ(0);will-change:transform,opacity}*{-webkit-tap-highlight-color:transparent}body{min-height:100vh}#app,body{display:flex;flex-direction:column}#app{flex:1;max-width:100%;min-height:0;overflow-x:hidden;position:relative;width:100%}#main-content{animation:fadeIn var(--transition-slow) ease-out;flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.tool-header{animation:slideDown var(--transition-slow) ease-out;margin-bottom:var(--spacing-3xl);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tool-header h1{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--spacing-md);-webkit-text-fill-color:#fff;background-clip:text;letter-spacing:-.04em}.tool-header p{color:var(--text-secondary);font-size:var(--font-size-xl);margin:0 auto;max-width:600px}.tool-card{animation:fadeInUp var(--transition-slow) ease-out;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.action-btn.primary{background:var(--primary);box-shadow:0 2px 8px rgba(0,122,255,.2);color:#fff}.action-btn.primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(0,122,255,.3);transform:translateY(-1px)}.action-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.action-btn.secondary:hover{background:var(--bg-hover);transform:translateY(-1px)}.code-textarea{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;padding:var(--spacing-lg);resize:vertical;transition:all var(--transition-fast);width:100%}.code-textarea:hover{border-color:var(--border-color)}.code-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,122,255,.1);outline:none}.input-header,.output-header,.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.input-header h3,.output-header h3,.section-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.info-section{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.error-message{color:var(--danger)}.error-message,.success-message{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.success-message{color:var(--success)}.loader{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:400px}.loader:after{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);content:"";height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.toast{align-items:center;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);bottom:var(--spacing-xl);box-shadow:var(--shadow-xl);display:flex;gap:var(--spacing-sm);opacity:0;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:var(--spacing-xl);transform:translateY(100%);transition:all var(--transition-spring);z-index:var(--z-toast)}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:rgba(52,199,89,.1);border-color:var(--success)}.toast-error{background:rgba(255,59,48,.1);border-color:var(--danger)}@media (max-width:768px){.tool-header h1{font-size:var(--font-size-4xl)}.tool-header p{font-size:var(--font-size-lg)}.tool-container{padding:0 var(--spacing-md)}.tool-card{padding:var(--spacing-lg)}.toast{bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md)}}