@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.category-tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.category-tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .15s;display:flex;position:relative}.category-tool-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px -8px rgba(0,0,0,.15)}.category-tool-card:hover .tool-arrow{color:#3b82f6;transform:translate(.25rem)}.category-tool-card h3{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.category-tool-card p{color:#6b7280;flex:1;font-size:.875rem}.tool-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.tool-arrow{color:#94a3b8;font-size:1.25rem;transition:all .15s;position:absolute;top:1.5rem;right:1.5rem}body.dark-theme .category-tools-grid .category-tool-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .category-tools-grid .category-tool-card:hover{border-color:#64748b;transform:translateY(-3px);box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .category-tools-grid .category-tool-card:hover .tool-icon{filter:brightness(1.3)drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.1)rotate(-3deg)}body.dark-theme .category-tools-grid .category-tool-card:hover .tool-arrow{color:#60a5fa;transform:translate(.25rem)scale(1.1)}body.dark-theme .category-tools-grid .category-tool-card h3{color:#f1f5f9}body.dark-theme .category-tools-grid .category-tool-card p{color:#cbd5e1}body.dark-theme .category-tools-grid .tool-icon{filter:brightness(1.2)drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-theme .category-tools-grid .tool-arrow{color:#64748b}.ad-container{position:-webkit-sticky;position:sticky;top:2rem}.ad-container ins{text-decoration:none}.ad-placeholder{color:#6b7280;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:300px;height:250px;padding:1rem;font-size:.875rem;display:flex}.ad-size{color:#94a3b8;margin-top:.5rem;font-size:.75rem}.ad-setup-note{color:#ef4444;max-width:200px;margin-top:.75rem;font-size:.65rem;line-height:1.3}.adsbygoogle{text-align:center;margin:0 auto;display:block}.mrec-ad .ad-container,.right-ad .ad-container{position:-webkit-sticky;position:sticky;top:2rem}.right-ad .ad-container{justify-content:center;align-items:center;min-height:250px;display:flex}.right-ad .adsbygoogle{max-width:336px;width:100%!important}.mrec-ad{text-align:center;width:100%;max-width:300px;margin:1.5rem auto 0}.mrec-ad .adsbygoogle{text-align:center;max-width:300px;min-height:250px;margin:0 auto;display:block!important}.ad-container{transition:opacity .3s}@media (max-width:768px){.ad-container{display:none!important}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#334155;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{min-height:100vh;display:flex}.main-content{background:#f8fafc;flex:1;min-height:100vh;margin-left:280px;padding:.5rem 1.5rem 1.5rem;transition:margin-left .3s}.sidebar.collapsed+.main-content{margin-left:80px}.content-container{max-width:1800px;margin:0 auto;display:block}.content-area{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;min-height:calc(100vh - 8rem);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.global-search-section{margin-bottom:1.5rem}@media (max-width:768px){.global-search-section{margin-bottom:1rem}}.content-area:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 8px 25px -8px rgba(0,0,0,.12),0 4px 6px -2px rgba(0,0,0,.05)}.content-area:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:.75rem .75rem 0 0;height:3px;position:absolute;top:0;left:0;right:0}.content-area:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(6,182,212,.03) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}body.dark-theme{color:#e2e8f0;background-color:#0f172a}body.dark-theme .main-content{background:#0f172a}body.dark-theme .content-area{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 0 0 1px rgba(148,163,184,.1)}body.dark-theme .content-area:hover{border-color:#475569;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 0 0 1px rgba(148,163,184,.15)}body.dark-theme .content-area:before{background:linear-gradient(90deg,#60a5fa,#a855f7,#06b6d4)}body.dark-theme .content-area:after{background-image:radial-gradient(circle at 20%,rgba(96,165,250,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(6,182,212,.08) 0%,transparent 50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.desktop-only{display:block}.mobile-header{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-logo h1{color:#3b82f6;margin:0;font-size:1.5rem;font-weight:700}.mobile-logo{text-decoration:none}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem}.mobile-overlay{z-index:999;background:rgba(0,0,0,.5);display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar{z-index:1000;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:280px;height:100vh;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 8px rgba(0,0,0,.1)}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:80px;padding:1.5rem 1rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-logo:hover{opacity:.8}.logo-text{color:#1e293b;white-space:nowrap;font-size:1.5rem;font-weight:700;transition:opacity .2s}.collapse-toggle{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;transition:all .2s;display:flex}.collapse-toggle:hover{color:#374151;background:#e2e8f0}.toggle-icon{font-size:1rem;font-weight:700;transition:transform .3s}.toggle-icon.collapsed{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:.5rem 0 1rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.nav-links{margin:0;padding:0;list-style:none}.nav-item{margin-bottom:.25rem}.nav-item.has-submenu{margin-bottom:.5rem}.nav-link-container{align-items:center;margin:0 .75rem;display:flex;position:relative}.nav-link{color:#475569;border-radius:.5rem;flex:1;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-link.has-toggle{justify-content:space-between}.nav-link.has-toggle .nav-text{flex:1}.nav-link:hover{color:#3b82f6}.nav-link:hover:before{content:"";z-index:-1;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.04));border-radius:.5rem;position:absolute;top:0;bottom:0;left:-1rem;right:-1rem;box-shadow:0 2px 8px rgba(59,130,246,.1)}.nav-link.active{color:#3b82f6;font-weight:600}.nav-link.active:before{content:"";z-index:-1;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(59,130,246,.06));border:1px solid rgba(59,130,246,.2);border-radius:.5rem;position:absolute;top:0;bottom:0;left:-1rem;right:-1rem;box-shadow:0 2px 12px rgba(59,130,246,.15),inset 0 1px rgba(255,255,255,.1)}.nav-link.active:after{content:"";background:linear-gradient(#3b82f6,#2563eb);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:-1rem;box-shadow:0 0 8px rgba(59,130,246,.4)}.nav-link.active:hover:before{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.08));box-shadow:0 4px 16px rgba(59,130,246,.2),inset 0 1px rgba(255,255,255,.15)}.submenu-toggle{cursor:pointer;color:#94a3b8;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;margin-left:.5rem;padding:.25rem;display:flex}.submenu-toggle:hover{color:#3b82f6;background:rgba(59,130,246,.08)}.submenu-toggle svg{stroke-width:2px;transition:transform .2s}.submenu-toggle.expanded svg{transform:rotate(0)}.submenu-toggle.collapsed svg{transform:rotate(-90deg)}.nav-link.has-toggle:hover .submenu-toggle{color:#3b82f6;background:rgba(59,130,246,.1)}.nav-icon{opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:0;height:24px;font-size:1.25rem;transition:all .2s;display:flex;overflow:hidden}.nav-text{white-space:nowrap;transition:opacity .2s}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .nav-icon{opacity:1;width:24px}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .nav-link{justify-content:center;margin:0 .75rem;padding:.75rem .5rem;position:relative}.sidebar.collapsed .nav-link:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:1000;opacity:1;pointer-events:none;background:#1f2937;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;position:absolute;top:50%;left:calc(100% + .75rem);transform:translateY(-50%);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.sidebar.collapsed .nav-link:not(.active):hover:before{content:"";z-index:-1;background:rgba(59,130,246,.08);border-radius:.375rem;position:absolute;top:0;bottom:0;left:-.75rem;right:-.75rem}.sidebar.collapsed .nav-link.active:before{content:"";z-index:-1;background:rgba(59,130,246,.1);border-radius:.375rem;position:absolute;top:0;bottom:0;left:-.75rem;right:-.75rem}.sidebar.collapsed .nav-link.active:after{content:"";background:#3b82f6;border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:-.75rem;transform:translateY(-50%)}.sidebar.collapsed .nav-link.active:hover:before{background:rgba(59,130,246,.12)}.sidebar.collapsed .nav-link.active:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:1000;opacity:1;pointer-events:none;background:#1f2937;border-radius:.375rem;width:auto;height:auto;padding:.5rem .75rem;font-size:.875rem;position:absolute;top:50%;left:calc(100% + .75rem);transform:translateY(-50%);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.submenu{margin:.25rem 0 .25rem 1.25rem;padding:0 0 0 .75rem;list-style:none;position:relative}.submenu:before{content:"";background:#e2e8f0;width:1px;position:absolute;top:0;bottom:0;left:0}.submenu-link{color:#64748b;border-radius:.375rem;align-items:center;gap:.5rem;margin:.125rem 0;padding:.5rem .75rem;font-size:.825rem;font-weight:400;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.submenu-link:hover{color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.04));transform:translate(2px);box-shadow:0 1px 4px rgba(59,130,246,.1)}.submenu-link.active{color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));font-weight:500;box-shadow:0 1px 6px rgba(59,130,246,.12),inset 0 .5px rgba(255,255,255,.1)}.submenu-link.active:before{content:"";background:linear-gradient(#3b82f6,#2563eb);border-radius:1px;width:2px;position:absolute;top:25%;bottom:25%;left:-.75rem;box-shadow:0 0 4px rgba(59,130,246,.4)}.submenu-link.active:hover{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(59,130,246,.06));transform:translate(3px);box-shadow:0 2px 8px rgba(59,130,246,.15),inset 0 .5px rgba(255,255,255,.15)}.submenu-icon{display:none}.submenu-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .submenu{display:none}@media (max-width:768px){.nav-link{padding:.875rem 1rem;font-size:.95rem}.submenu-link{padding:.625rem .75rem;font-size:.85rem}.submenu{margin-left:1rem;padding-left:.5rem}.sidebar-nav{padding:.25rem 0 1rem}.sidebar.collapsed .nav-link:hover:after,.sidebar.collapsed .nav-link:hover:before{display:none!important}}.hamburger{cursor:pointer;flex-direction:column;width:24px;height:18px;display:flex;position:relative}.hamburger span{transform-origin:50%;background-color:#64748b;width:100%;height:2px;margin-bottom:4px;transition:all .3s;display:block}.hamburger span:last-child{margin-bottom:0}.hamburger.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.floating-theme-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:#64748b;z-index:1000;background:rgba(255,255,255,.95);border:1px solid rgba(226,232,240,.6);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 1px rgba(255,255,255,.05)}.floating-theme-toggle:hover{color:#3b82f6;background:rgba(248,250,252,.98);border-color:rgba(59,130,246,.3);transform:translateY(-2px)scale(1.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),0 0 0 1px rgba(59,130,246,.1),0 0 20px rgba(59,130,246,.15)}.floating-theme-toggle:active{transform:translateY(-1px)scale(1.02);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 20px rgba(59,130,246,.2)}.floating-theme-toggle:hover:after{content:attr(title);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;z-index:1001;opacity:1;pointer-events:none;background:rgba(15,23,42,.95);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;animation:.2s ease-out tooltipFadeIn;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.floating-theme-toggle:hover:before{content:"";z-index:1002;border-bottom:6px solid rgba(15,23,42,.95);border-left:6px solid transparent;border-right:6px solid transparent;animation:.2s ease-out tooltipFadeIn;position:absolute;top:calc(100% + .25rem);right:1rem}.floating-theme-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.25rem;line-height:1;transition:all .2s}@media (max-width:768px){.floating-theme-toggle{width:44px;height:44px;top:1rem;left:auto;right:4rem}.floating-theme-toggle:hover:after{font-size:.8rem;left:auto;right:-.5rem}.floating-theme-toggle:hover:before{left:auto;right:.75rem}.floating-theme-icon{font-size:1.1rem}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}body.dark-theme .sidebar{background:#1e293b;border-right-color:#334155}body.dark-theme .sidebar-header{border-bottom-color:#334155}body.dark-theme .logo-text{color:#f1f5f9}body.dark-theme .collapse-toggle{color:#94a3b8;background:#334155;border-color:#475569}body.dark-theme .collapse-toggle:hover{color:#cbd5e1;background:#475569}body.dark-theme .nav-link{color:#cbd5e1}body.dark-theme .nav-link:hover{color:#60a5fa}body.dark-theme .nav-link:hover:before{background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(96,165,250,.06));box-shadow:0 2px 8px rgba(96,165,250,.15)}body.dark-theme .nav-link.active{color:#60a5fa}body.dark-theme .nav-link.active:before{background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(96,165,250,.08));border-color:rgba(96,165,250,.25);box-shadow:0 2px 12px rgba(96,165,250,.2),inset 0 1px rgba(255,255,255,.08)}body.dark-theme .nav-link.active:after{background:linear-gradient(#60a5fa,#3b82f6);box-shadow:0 0 8px rgba(96,165,250,.5)}body.dark-theme .nav-link.active:hover:before{background:linear-gradient(135deg,rgba(96,165,250,.18),rgba(96,165,250,.1));box-shadow:0 4px 16px rgba(96,165,250,.25),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .submenu:before{background:#475569}body.dark-theme .submenu-link{color:#94a3b8}body.dark-theme .submenu-link:hover{color:#60a5fa;background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(96,165,250,.06));box-shadow:0 1px 4px rgba(96,165,250,.15)}body.dark-theme .submenu-link.active{color:#60a5fa;background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(96,165,250,.08));box-shadow:0 1px 6px rgba(96,165,250,.18),inset 0 .5px rgba(255,255,255,.08)}body.dark-theme .submenu-link.active:before{background:linear-gradient(#60a5fa,#3b82f6);box-shadow:0 0 4px rgba(96,165,250,.5)}body.dark-theme .submenu-link.active:hover{background:linear-gradient(135deg,rgba(96,165,250,.18),rgba(96,165,250,.1));box-shadow:0 2px 8px rgba(96,165,250,.2),inset 0 .5px rgba(255,255,255,.1)}body.dark-theme .floating-theme-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#cbd5e1;background:rgba(30,41,59,.95);border-color:rgba(71,85,105,.6);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.05)}body.dark-theme .floating-theme-toggle:hover{color:#60a5fa;background:rgba(51,65,85,.98);border-color:rgba(96,165,250,.4);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2),0 0 0 1px rgba(96,165,250,.2),0 0 20px rgba(96,165,250,.25)}body.dark-theme .floating-theme-toggle:hover:after{color:#1e293b;background:rgba(248,250,252,.95)}body.dark-theme .floating-theme-toggle:hover:before{border-bottom-color:rgba(248,250,252,.95)}@media (max-width:768px){body.dark-theme .floating-theme-toggle:hover:after{color:#1e293b;background:rgba(248,250,252,.95);left:auto;right:-.5rem}body.dark-theme .floating-theme-toggle:hover:before{border-bottom-color:rgba(248,250,252,.95);left:auto;right:.75rem}}body.dark-theme .mobile-header{background:#1e293b;border-bottom-color:#334155}body.dark-theme .mobile-header .mobile-logo h1{color:#60a5fa}body.dark-theme .mobile-header .hamburger span{background-color:#cbd5e1}.tool-container{z-index:1;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);padding:1.5rem;position:relative}.input-group{margin-bottom:2rem}.input-label{color:#374151;letter-spacing:.025em;margin-bottom:.75rem;font-size:.925rem;font-weight:600;display:block}.text-input,.text-area{color:#1f2937;background:#fafafa;border:2px solid #e2e8f0;border-radius:.75rem;width:100%;padding:1rem 1.25rem;font-size:.925rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.text-input:hover,.text-area:hover{background:#fff;border-color:#cbd5e1}.text-input:focus,.text-area:focus{background:#fff;border-color:#3b82f6;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 6px -1px rgba(0,0,0,.1)}.text-area{resize:vertical;min-height:180px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6}.button-group{flex-wrap:wrap;gap:1rem;margin:2rem 0;display:flex}.btn{cursor:pointer;letter-spacing:.025em;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-width:100px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 12px -2px rgba(59,130,246,.4)}.btn-outline{color:#3b82f6;box-shadow:none;background:0 0;border:1px solid #3b82f6}.btn-outline:hover{color:#fff;background:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.btn-secondary{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.15)}body.dark-theme .tool-container{color:#e2e8f0;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}body.dark-theme .input-label{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:500}body.dark-theme .text-input,body.dark-theme .text-area{color:#e2e8f0;background:#334155;border-color:#475569}body.dark-theme .text-input::placeholder,body.dark-theme .text-area::placeholder{color:#94a3b8}body.dark-theme .text-input:hover,body.dark-theme .text-area:hover{background:#3f4956;border-color:#64748b}body.dark-theme .text-input:focus,body.dark-theme .text-area:focus{background:#334155;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.15),0 4px 6px -1px rgba(0,0,0,.3)}body.dark-theme .btn-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 6px -1px rgba(96,165,250,.4)}body.dark-theme .btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 12px -2px rgba(96,165,250,.5)}body.dark-theme .btn-outline{color:#60a5fa;border-color:#60a5fa}body.dark-theme .btn-outline:hover{color:#0f172a;background:#60a5fa;box-shadow:0 4px 6px -1px rgba(96,165,250,.4)}body.dark-theme .btn-secondary{color:#cbd5e1;background:#334155;border-color:#475569;box-shadow:0 1px 3px rgba(0,0,0,.3)}body.dark-theme .btn-secondary:hover{background:#3f4956;border-color:#64748b;box-shadow:0 2px 4px rgba(0,0,0,.4)}body.dark-theme .checkbox-item{color:#e2e8f0;font-weight:400}body.dark-theme .checkbox-item:hover{color:#f8fafc}body.dark-theme .checkbox-item input[type=checkbox]{cursor:pointer;background:#334155;border:2px solid #475569;border-radius:4px;position:relative}body.dark-theme .checkbox-item input[type=checkbox]:checked{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#60a5fa}body.dark-theme .checkbox-item input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.dark-theme .checkbox-item input[type=checkbox]:hover{background:rgba(51,65,85,.8);border-color:#64748b}body.dark-theme .checkbox-item input[type=checkbox]:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px rgba(96,165,250,.15)}body.dark-theme .password-slider{background:#475569;border:1px solid #64748b}body.dark-theme .password-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:2px solid #fff;box-shadow:0 2px 4px rgba(96,165,250,.4)}body.dark-theme .password-slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 8px rgba(96,165,250,.6)}body.dark-theme .password-slider::-moz-range-thumb{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:2px solid #fff;box-shadow:0 2px 4px rgba(96,165,250,.4)}body.dark-theme .password-slider::-moz-range-thumb:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 8px rgba(96,165,250,.6)}body.dark-theme .password-slider::-moz-range-track{background:#475569;border:1px solid #64748b}.btn-outline:hover{color:#374151;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-small{border-radius:.375rem;min-width:60px;padding:.25rem .5rem;font-size:.75rem;font-weight:400}.checkbox-group{flex-direction:column;gap:.75rem;display:flex}.checkbox-item{cursor:pointer;color:#374151;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.checkbox-item input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.password-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:5px;outline:none;width:100%;height:8px}.password-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:20px;height:20px}.password-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:20px;height:20px}.home-container{max-width:none;padding:0}.hero-section{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);padding:4rem 0 6rem;position:relative}.hero-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.05) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:1;max-width:800px;margin:0 auto;padding:0 2rem;position:relative}.hero-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;animation:.6s ease-out fadeInUp;display:inline-flex;box-shadow:0 4px 6px -1px rgba(59,130,246,.25)}.hero-badge-icon{font-size:1rem}.home-title{color:#1e293b;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1;animation:.6s ease-out .2s both fadeInUp}.title-highlight{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-subtitle{color:#64748b;max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6;animation:.6s ease-out .4s both fadeInUp}.hero-stats{justify-content:center;align-items:center;gap:2rem;margin-top:3rem;animation:.6s ease-out .6s both fadeInUp;display:flex}.home-container .hero-stats .stat-item{text-align:center;border-radius:.75rem;flex-direction:row;justify-content:center;align-items:center;padding:1rem 1.25rem;transition:all .3s;display:flex}.home-container .hero-stats .stat-number{color:#1e293b;font-size:2rem;font-weight:700;line-height:1;display:block}.home-container .hero-stats .stat-label{color:#64748b;margin-left:.5rem;font-size:.875rem;font-weight:500;display:block}.stat-divider{background:linear-gradient(transparent,#e2e8f0,transparent);width:1px;height:3rem}.hero-search-section{margin-top:3rem;animation:.6s ease-out .8s both fadeInUp}.hero-search-section .global-search-container{z-index:1001;max-width:500px;margin:0 auto}.hero-search-section .global-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.9);border:2px solid rgba(59,130,246,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.hero-search-section .global-search-input:focus{background:rgba(255,255,255,.95);border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 8px 25px -8px rgba(59,130,246,.25)}.hero-search-section .global-search-input::placeholder{color:#64748b}.hero-search-section .autocomplete-dropdown{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.95);border:2px solid rgba(59,130,246,.2);box-shadow:0 8px 25px -8px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.1)}.categories-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:#1e293b;background:linear-gradient(135deg,#1e293b,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:#64748b;max-width:500px;margin:0 auto;font-size:1.125rem;line-height:1.6}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.tool-card.category-card{animation:.6s ease-out both fadeInUp;animation-delay:calc(var(--card-index)*.1s + .8s);background:#fff;border:2px solid #f1f5f9;border-radius:1rem;padding:0;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-card.category-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tool-card.category-card:hover:before{transform:scaleX(1)}.tool-card.category-card:hover{border-color:#e2e8f0;transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.card-header{justify-content:space-between;align-items:center;padding:2rem 2rem 0;display:flex}.category-icon{font-size:3rem;transition:transform .3s}.tool-card.category-card:hover .category-icon{transform:scale(1.1)rotate(5deg)}.category-arrow{color:#cbd5e1;font-size:1.5rem;font-weight:700;transition:all .3s}.tool-card.category-card:hover .category-arrow{color:#3b82f6;transform:translate(.5rem)}.card-content{padding:1rem 2rem 1.5rem}.card-content h3{color:#1e293b;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.card-content p{color:#64748b;font-size:.925rem;line-height:1.5}.category-meta{flex-direction:column;gap:.75rem;padding:0 2rem 2rem;display:flex}.tool-count{color:#6b7280;font-size:.875rem;font-weight:600}.category-progress-bar{background:#f1f5f9;border-radius:2px;width:100%;height:4px;overflow:hidden}.category-progress{height:100%;width:var(--progress);background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .6s .3s}.features-section{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-top:1px solid #f1f5f9;margin-top:2rem;padding:4rem 2rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.feature-item{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;padding:2rem;transition:all .3s}.feature-item:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}.feature-icon{margin-bottom:1rem;font-size:2.5rem;transition:transform .3s;display:inline-block}.feature-item:hover .feature-icon{transform:scale(1.1)}.feature-item h4{color:#1e293b;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-item p{color:#64748b;font-size:.925rem;line-height:1.5}.category-page{padding:2.5rem}.category-header{text-align:center;margin-bottom:3rem}.category-header h1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.category-header p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.tool-group{margin-bottom:3rem}.group-title{color:#1e293b;border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600;position:relative}.group-title:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px;width:60px;height:2px;position:absolute;bottom:-2px;left:0}body.dark-theme .hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}body.dark-theme .hero-section:before{background-image:radial-gradient(circle at 25% 25%,rgba(96,165,250,.08) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.08) 0%,transparent 60%),radial-gradient(circle,rgba(6,182,212,.06) 0%,transparent 70%)}body.dark-theme .hero-badge{background:linear-gradient(135deg,#60a5fa,#a855f7);box-shadow:0 4px 6px -1px rgba(96,165,250,.35)}body.dark-theme .home-title{color:#f1f5f9}body.dark-theme .home-subtitle{color:#cbd5e1}body.dark-theme .home-container .hero-stats .stat-item{background:rgba(30,41,59,.7);border:1px solid #475569}body.dark-theme .home-container .hero-stats .stat-number{color:#f1f5f9}body.dark-theme .home-container .hero-stats .stat-label{color:#94a3b8}body.dark-theme .hero-search-section .global-search-input{color:#f1f5f9;background:rgba(30,41,59,.8);border:2px solid rgba(96,165,250,.1)}body.dark-theme .hero-search-section .global-search-input:focus{background:rgba(30,41,59,.9);border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1),0 8px 25px -8px rgba(96,165,250,.25)}body.dark-theme .hero-search-section .global-search-input::placeholder,body.dark-theme .hero-search-section .search-input-icon,body.dark-theme .hero-search-section .search-clear-button{color:#94a3b8}body.dark-theme .hero-search-section .search-clear-button:hover{color:#f1f5f9;background:rgba(148,163,184,.1)}body.dark-theme .hero-search-section .autocomplete-dropdown{background:rgba(30,41,59,.95);border:2px solid rgba(96,165,250,.2);box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}body.dark-theme .categories-grid .card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .categories-grid .card:hover{border-color:#64748b;transform:translateY(-4px);box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .categories-grid .card:hover .card-icon{transform:scale(1.1)rotate(-5deg)}body.dark-theme .categories-grid .card-header{border-bottom-color:rgba(71,85,105,.5)}body.dark-theme .categories-grid .card-title{color:#f1f5f9}body.dark-theme .categories-grid .card-description{color:#cbd5e1}body.dark-theme .categories-grid .card-meta{color:#94a3b8}body.dark-theme .categories-grid .card-meta .tool-count{color:#93c5fd;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3)}body.dark-theme .categories-grid .card-icon{filter:brightness(1.2)drop-shadow(0 2px 4px rgba(0,0,0,.3))}body.dark-theme .section-title{color:#f1f5f9;background:linear-gradient(135deg,#f1f5f9,#cbd5e1,#94a3b8);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-background-clip:text;background-clip:text}body.dark-theme .section-subtitle{color:#cbd5e1}body.dark-theme .section-divider{background:linear-gradient(90deg,transparent 0%,rgba(71,85,105,.5) 20%,rgba(71,85,105,.8) 50%,rgba(71,85,105,.5) 80%,transparent 100%)}body.dark-theme .group-title{color:#f1f5f9}body.dark-theme .group-title:before{background:linear-gradient(90deg,#60a5fa,#a855f7)}body.dark-theme .features-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-top-color:#334155}body.dark-theme .feature-item{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .feature-item:hover{border-color:#64748b;transform:translateY(-3px);box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .feature-item h4{color:#f1f5f9}body.dark-theme .feature-item p{color:#cbd5e1}body.dark-theme .feature-icon{filter:brightness(1.2)drop-shadow(0 2px 4px rgba(0,0,0,.3))}body.dark-theme .tool-card.category-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .tool-card.category-card:before{background:linear-gradient(90deg,#60a5fa,#a855f7,#06b6d4)}body.dark-theme .tool-card.category-card:hover{border-color:#64748b;box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .tool-card.category-card:hover .category-arrow{color:#60a5fa}body.dark-theme .tool-card.category-card:hover .category-icon{filter:brightness(1.3)drop-shadow(0 4px 8px rgba(0,0,0,.4))}body.dark-theme .card-header{border-bottom-color:rgba(71,85,105,.5)}body.dark-theme .category-icon{filter:brightness(1.2)drop-shadow(0 2px 4px rgba(0,0,0,.3))}body.dark-theme .category-arrow{color:#64748b}body.dark-theme .card-content h3{color:#f1f5f9}body.dark-theme .card-content p{color:#cbd5e1}.case-converter-tool .action-column{box-sizing:border-box;width:300px;min-width:300px;max-width:300px}.case-converter-tool .action-column *{box-sizing:border-box;max-width:100%}.case-converter-tool .mode-selector{box-sizing:border-box;width:100%;max-width:268px;margin-bottom:1rem}.case-converter-tool .mode-selector .input-label{color:#6b7280;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.case-converter-tool .mode-selector .mode-select{color:#1f2937;cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:.375rem;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.case-converter-tool .mode-selector .mode-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.case-converter-tool .mode-selector .mode-select:hover{background:#f8fafc;border-color:#cbd5e1}.case-converter-tool .current-mode-info{text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:.5rem;width:100%;margin-top:1rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.case-converter-tool .current-mode-info .mode-name{color:#3b82f6;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.25rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.125rem;font-weight:700;line-height:1.3}.case-converter-tool .current-mode-info .mode-category{color:#6b7280;word-wrap:break-word;overflow-wrap:break-word;font-size:.875rem;font-weight:500;line-height:1.4}body.dark-theme .case-converter-tool .action-column{box-sizing:border-box;width:300px;min-width:300px;max-width:300px}body.dark-theme .case-converter-tool .action-column *{box-sizing:border-box;max-width:100%}body.dark-theme .case-converter-tool .mode-selector{box-sizing:border-box;max-width:268px}body.dark-theme .case-converter-tool .mode-selector .input-label{color:#cbd5e1}body.dark-theme .case-converter-tool .mode-selector .mode-select{color:#e2e8f0;box-sizing:border-box;background:rgba(30,41,59,.7);border:2px solid #475569}body.dark-theme .case-converter-tool .mode-selector .mode-select:focus{background:rgba(30,41,59,.9);border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}body.dark-theme .case-converter-tool .mode-selector .mode-select:hover{background:rgba(51,65,85,.8);border-color:#64748b}body.dark-theme .case-converter-tool .mode-selector .mode-select option{color:#e2e8f0;background:#1e293b}body.dark-theme .case-converter-tool .current-mode-info{box-sizing:border-box;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;width:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .case-converter-tool .current-mode-info .mode-name{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}body.dark-theme .case-converter-tool .current-mode-info .mode-category{color:#94a3b8;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}@media (max-width:900px){.case-converter-tool .action-column{width:100%!important;max-width:100%!important;min-width:unset!important}.case-converter-tool .mode-selector{max-width:100%}body.dark-theme .case-converter-tool .action-column{width:100%!important;max-width:100%!important;min-width:unset!important}body.dark-theme .case-converter-tool .mode-selector{max-width:100%}}.character-count-tool .stats-display{margin-bottom:1.5rem}.character-count-tool .stats-display .input-label{color:#6b7280;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:block}.character-count-tool .main-stat{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.character-count-tool .main-stat .stat-number{color:#3b82f6;margin-bottom:.25rem;font-family:Source Code Pro,Courier New,monospace;font-size:3rem;font-weight:800;line-height:1;display:block}.character-count-tool .main-stat .stat-name{color:#1f2937;text-transform:uppercase;letter-spacing:.1em;font-size:1.125rem;font-weight:600}.character-count-tool .secondary-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.character-count-tool .stat-item-simple{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:.375rem;flex-direction:column;gap:.25rem;padding:.5rem;transition:all .15s;display:flex}.character-count-tool .stat-item-simple:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,.05)}.character-count-tool .stat-item-simple .stat-value{color:#1f2937;font-family:Source Code Pro,Courier New,monospace;font-size:1.125rem;font-weight:700}.character-count-tool .stat-item-simple .stat-label{color:#6b7280;font-size:.75rem;font-weight:500}.character-count-tool .stat-item-simple.reading-time .stat-value{color:#3b82f6}body.dark-theme .character-count-tool .stats-display .input-label{color:#cbd5e1}body.dark-theme .character-count-tool .main-stat{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .character-count-tool .main-stat .stat-number{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .character-count-tool .main-stat .stat-name{color:#f1f5f9}body.dark-theme .character-count-tool .stat-item-simple{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569}body.dark-theme .character-count-tool .stat-item-simple:hover{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#64748b;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}body.dark-theme .character-count-tool .stat-item-simple .stat-value{color:#e2e8f0}body.dark-theme .character-count-tool .stat-item-simple .stat-label{color:#94a3b8}body.dark-theme .character-count-tool .stat-item-simple.reading-time .stat-value{color:#60a5fa}@media (max-width:768px){.character-count-tool .main-stat .stat-number{font-size:2.5rem}.character-count-tool .secondary-stats{grid-template-columns:1fr;gap:.25rem}.character-count-tool .stat-item-simple{padding:.25rem}.character-count-tool .stat-item-simple .stat-value{font-size:1rem}}.space-remover-tool .mode-selector{width:100%;margin-bottom:1rem}.space-remover-tool .mode-selector .input-label{color:#6b7280;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.space-remover-tool .mode-selector .mode-select{color:#1f2937;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.375rem;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.space-remover-tool .mode-selector .mode-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.space-remover-tool .mode-selector .mode-select:hover{background:#f8fafc;border-color:#cbd5e1}.space-remover-tool .current-mode-info{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.space-remover-tool .current-mode-info .mode-name{color:#3b82f6;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.space-remover-tool .current-mode-info .mode-category{color:#6b7280;font-size:.875rem;font-weight:500}body.dark-theme .space-remover-tool .mode-selector .input-label{color:#cbd5e1}body.dark-theme .space-remover-tool .mode-selector .mode-select{color:#e2e8f0;background:rgba(30,41,59,.7);border:2px solid #475569}body.dark-theme .space-remover-tool .mode-selector .mode-select:focus{background:rgba(30,41,59,.9);border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}body.dark-theme .space-remover-tool .mode-selector .mode-select:hover{background:rgba(51,65,85,.8);border-color:#64748b}body.dark-theme .space-remover-tool .mode-selector .mode-select option{color:#e2e8f0;background:#1e293b}body.dark-theme .space-remover-tool .current-mode-info{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .space-remover-tool .current-mode-info:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .space-remover-tool .current-mode-info .mode-name{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .space-remover-tool .current-mode-info .mode-category{color:#94a3b8}@media (max-width:768px){.space-remover-tool .mode-selector .mode-select{padding:.5rem;font-size:.75rem}.space-remover-tool .current-mode-info{padding:.5rem}.space-remover-tool .current-mode-info .mode-name{font-size:1rem}.space-remover-tool .current-mode-info .mode-category{font-size:.75rem}}.lorem-generator-tool .settings-panel{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:.5rem;margin-top:1rem;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.lorem-generator-tool .setting-group{margin-bottom:1.5rem}.lorem-generator-tool .setting-group:last-child{margin-bottom:0}.lorem-generator-tool .setting-group .setting-label{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.lorem-generator-tool .type-buttons{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.lorem-generator-tool .type-buttons .type-btn{color:#1f2937;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.lorem-generator-tool .type-buttons .type-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.lorem-generator-tool .type-buttons .type-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.3)}.lorem-generator-tool .count-slider{cursor:pointer;-webkit-appearance:none;background:#e2e8f0;border-radius:4px;outline:none;width:100%;height:8px;margin:.5rem 0}.lorem-generator-tool .count-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 4px rgba(59,130,246,.3)}.lorem-generator-tool .count-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.lorem-generator-tool .count-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px rgba(59,130,246,.3)}.lorem-generator-tool .slider-labels{color:#9ca3af;justify-content:space-between;margin-top:.25rem;font-size:.75rem;display:flex}.lorem-generator-tool .preview-info{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;display:grid}.lorem-generator-tool .preview-info .info-item{text-align:center;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:.25rem;padding:.25rem}.lorem-generator-tool .preview-info .info-item .info-label{color:#9ca3af;margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.lorem-generator-tool .preview-info .info-item .info-value{color:#3b82f6;font-family:Source Code Pro,Courier New,monospace;font-size:.875rem;font-weight:600;display:block}.lorem-generator-tool .current-settings{margin-bottom:1.5rem}.lorem-generator-tool .current-settings .input-label{color:#6b7280;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:block}.lorem-generator-tool .settings-display{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.lorem-generator-tool .settings-display .setting-display-item{align-items:center;gap:1rem;display:flex}.lorem-generator-tool .settings-display .setting-display-item .setting-icon{font-size:1.5rem}.lorem-generator-tool .settings-display .setting-display-item .setting-info{flex:1}.lorem-generator-tool .settings-display .setting-display-item .setting-info .setting-name{color:#3b82f6;margin-bottom:.25rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.125rem;font-weight:700}.lorem-generator-tool .settings-display .setting-display-item .setting-info .setting-desc{color:#6b7280;font-size:.875rem;font-weight:500}body.dark-theme .lorem-generator-tool .settings-panel{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .lorem-generator-tool .setting-group .setting-label{color:#cbd5e1}body.dark-theme .lorem-generator-tool .type-buttons .type-btn{color:#e2e8f0;background:rgba(30,41,59,.7);border:2px solid #475569}body.dark-theme .lorem-generator-tool .type-buttons .type-btn:hover{background:rgba(51,65,85,.8);border-color:#64748b}body.dark-theme .lorem-generator-tool .type-buttons .type-btn.active{color:#fff;background:#60a5fa;border-color:#60a5fa;box-shadow:0 2px 4px rgba(96,165,250,.3)}body.dark-theme .lorem-generator-tool .count-slider{background:#475569}body.dark-theme .lorem-generator-tool .count-slider::-webkit-slider-thumb{background:#60a5fa;box-shadow:0 2px 4px rgba(96,165,250,.3)}body.dark-theme .lorem-generator-tool .count-slider::-moz-range-thumb{background:#60a5fa;box-shadow:0 2px 4px rgba(96,165,250,.3)}body.dark-theme .lorem-generator-tool .slider-labels{color:#64748b}body.dark-theme .lorem-generator-tool .preview-info{border-top-color:#475569}body.dark-theme .lorem-generator-tool .preview-info .info-item{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.2)}body.dark-theme .lorem-generator-tool .preview-info .info-item .info-label{color:#94a3b8}body.dark-theme .lorem-generator-tool .preview-info .info-item .info-value{color:#60a5fa}body.dark-theme .lorem-generator-tool .current-settings .input-label{color:#cbd5e1}body.dark-theme .lorem-generator-tool .settings-display{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .lorem-generator-tool .settings-display .setting-display-item .setting-info .setting-name{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .lorem-generator-tool .settings-display .setting-display-item .setting-info .setting-desc{color:#94a3b8}@media (max-width:768px){.lorem-generator-tool .type-buttons{grid-template-columns:1fr;gap:.25rem}.lorem-generator-tool .preview-info{grid-template-columns:1fr}.lorem-generator-tool .settings-panel{padding:1rem}.lorem-generator-tool .setting-display-item{text-align:center;flex-direction:column;gap:.5rem}}.password-generator-tool .settings-panel{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid rgba(59,130,246,.08);border-radius:.75rem;padding:2rem;transition:all .3s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.8)}.password-generator-tool .settings-panel:hover{border-color:rgba(59,130,246,.12);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.9)}.password-generator-tool .settings-panel .setting-group{background:rgba(255,255,255,.7);border:1px solid rgba(59,130,246,.1);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.password-generator-tool .settings-panel .setting-group:before{content:"";opacity:.6;background:linear-gradient(90deg,#3b82f6,#6ca1f8);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.password-generator-tool .settings-panel .setting-group:hover{border-color:rgba(59,130,246,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.password-generator-tool .settings-panel .setting-group:hover:before{opacity:1}.password-generator-tool .settings-panel .setting-group:last-child{margin-bottom:0}.password-generator-tool .settings-panel .setting-label{color:#1f2937;text-shadow:0 1px 2px rgba(255,255,255,.8);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.password-generator-tool .settings-panel .setting-label:before{content:"";background:#3b82f6;border-radius:2px;width:4px;height:20px;box-shadow:0 2px 4px rgba(59,130,246,.3)}.password-generator-tool .settings-panel .length-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#e5e7eb 0%,#d1d5db 50%,#9ca3af 100%);border-radius:6px;outline:none;width:100%;height:8px;margin:1rem 0;transition:all .3s;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,.08),0 1px 2px rgba(255,255,255,.5)}.password-generator-tool .settings-panel .length-slider:hover{background:linear-gradient(90deg,#d1d5db 0%,#9ca3af 50%,#6b7280 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 2px 6px rgba(59,130,246,.15)}.password-generator-tool .settings-panel .length-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#0b63f3);border:1px solid rgba(255,255,255,.8);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 6px rgba(59,130,246,.25),0 1px 2px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.2)}.password-generator-tool .settings-panel .length-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(59,130,246,.3),0 1px 3px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.3)}.password-generator-tool .settings-panel .length-slider::-webkit-slider-thumb:active{transform:scale(.95);box-shadow:0 1px 3px rgba(59,130,246,.4),inset 0 1px 2px rgba(0,0,0,.1)}.password-generator-tool .settings-panel .length-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#3b82f6,#0b63f3);border:1px solid rgba(255,255,255,.8);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px rgba(59,130,246,.25),0 1px 2px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.2)}.password-generator-tool .settings-panel .slider-labels{color:#6b7280;justify-content:space-between;margin-top:.25rem;font-size:.75rem;font-weight:600;display:flex}.password-generator-tool .settings-panel .slider-labels span{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:4px;padding:2px 6px}.password-generator-tool .settings-panel .checkbox-group{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}@media (max-width:768px){.password-generator-tool .settings-panel .checkbox-group{grid-template-columns:1fr}}.password-generator-tool .settings-panel .checkbox-item{cursor:pointer;background:rgba(255,255,255,.5);border:1px solid rgba(59,130,246,.1);border-radius:.375rem;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.password-generator-tool .settings-panel .checkbox-item:before{content:"";background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.password-generator-tool .settings-panel .checkbox-item:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.15)}.password-generator-tool .settings-panel .checkbox-item:hover:before{left:100%}.password-generator-tool .settings-panel .checkbox-item.exclude-similar{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.2);grid-column:1/-1;margin-top:.5rem}.password-generator-tool .settings-panel .checkbox-item.exclude-similar:hover{background:rgba(251,146,60,.15);border-color:rgba(251,146,60,.3)}.password-generator-tool .settings-panel .checkbox-item.exclude-similar span{color:#ea580c;font-weight:600}.password-generator-tool .settings-panel .checkbox-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:18px;height:18px;margin-right:.5rem}.password-generator-tool .settings-panel .checkbox-item input[type=checkbox]:checked+span{color:#3b82f6;font-weight:600}.password-generator-tool .settings-panel .checkbox-item span{color:#1f2937;font-size:.875rem;font-weight:500;transition:all .2s}.password-generator-tool .settings-panel .preview-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1.5rem;padding:1.5rem}.password-generator-tool .settings-panel .preview-info .info-item{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.password-generator-tool .settings-panel .preview-info .info-item:last-child{margin-bottom:0}.password-generator-tool .settings-panel .preview-info .info-item .info-label{color:#6b7280;font-size:.875rem;font-weight:600}.password-generator-tool .settings-panel .preview-info .info-item .info-value{color:#3b82f6;text-align:center;background:rgba(59,130,246,.1);border-radius:.375rem;min-width:45px;padding:4px 10px;font-size:.875rem;font-weight:700}.password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-weak{color:#ef4444;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);box-shadow:0 1px 3px rgba(239,68,68,.2),inset 0 1px rgba(255,255,255,.3)}.password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-fair{color:#f59e0b;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25);box-shadow:0 1px 3px rgba(245,158,11,.2),inset 0 1px rgba(255,255,255,.3)}.password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-good{color:#3b82f6;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25);box-shadow:0 1px 3px rgba(59,130,246,.2),inset 0 1px rgba(255,255,255,.3)}.password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-strong{color:#10b981;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25);box-shadow:0 1px 3px rgba(16,185,129,.2),inset 0 1px rgba(255,255,255,.3)}.uuid-generator-tool .settings-panel{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid rgba(59,130,246,.08);border-radius:.75rem;padding:2rem;transition:all .3s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.8)}.uuid-generator-tool .settings-panel:hover{border-color:rgba(59,130,246,.12);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.9)}.uuid-generator-tool .settings-panel .setting-group{background:rgba(255,255,255,.7);border:1px solid rgba(59,130,246,.1);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.uuid-generator-tool .settings-panel .setting-group:before{content:"";opacity:.6;background:linear-gradient(90deg,#3b82f6,#6ca1f8);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.uuid-generator-tool .settings-panel .setting-group:hover{border-color:rgba(59,130,246,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.uuid-generator-tool .settings-panel .setting-group:hover:before{opacity:1}.uuid-generator-tool .settings-panel .setting-group:last-child{margin-bottom:0}.uuid-generator-tool .settings-panel .setting-label{color:#1f2937;text-shadow:0 1px 2px rgba(255,255,255,.8);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.uuid-generator-tool .settings-panel .setting-label:before{content:"";background:#3b82f6;border-radius:2px;width:4px;height:20px;box-shadow:0 2px 4px rgba(59,130,246,.3)}.uuid-generator-tool .version-buttons{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.uuid-generator-tool .version-btn{cursor:pointer;background:rgba(255,255,255,.8);border:2px solid rgba(59,130,246,.15);border-radius:.5rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.uuid-generator-tool .version-btn:before{content:"";background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.uuid-generator-tool .version-btn:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.2)}.uuid-generator-tool .version-btn:hover:before{left:100%}.uuid-generator-tool .version-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.1) 100%);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.3),inset 0 1px rgba(255,255,255,.5)}.uuid-generator-tool .version-btn.active .version-info .version-name{color:#0b63f3;font-weight:700}.uuid-generator-tool .version-btn.active .version-info .version-desc{color:#0a59da;font-weight:600}.uuid-generator-tool .version-btn .version-info{text-align:center}.uuid-generator-tool .version-btn .version-info .version-name{color:#1f2937;margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.uuid-generator-tool .version-btn .version-info .version-desc{color:#6b7280;font-size:.875rem;font-weight:500;display:block}.uuid-generator-tool .count-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#e5e7eb 0%,#d1d5db 50%,#9ca3af 100%);border-radius:6px;outline:none;width:100%;height:8px;margin:1rem 0;transition:all .3s;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,.08),0 1px 2px rgba(255,255,255,.5)}.uuid-generator-tool .count-slider:hover{background:linear-gradient(90deg,#d1d5db 0%,#9ca3af 50%,#6b7280 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 2px 6px rgba(59,130,246,.15)}.uuid-generator-tool .count-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#0b63f3);border:1px solid rgba(255,255,255,.8);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 6px rgba(59,130,246,.25),0 1px 2px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.2)}.uuid-generator-tool .count-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(59,130,246,.3),0 1px 3px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.3)}.uuid-generator-tool .count-slider::-webkit-slider-thumb:active{transform:scale(.95);box-shadow:0 1px 3px rgba(59,130,246,.4),inset 0 1px 2px rgba(0,0,0,.1)}.uuid-generator-tool .count-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#3b82f6,#0b63f3);border:1px solid rgba(255,255,255,.8);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px rgba(59,130,246,.25),0 1px 2px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.2)}.uuid-generator-tool .slider-labels{color:#6b7280;justify-content:space-between;margin-top:.25rem;font-size:.75rem;font-weight:600;display:flex}.uuid-generator-tool .slider-labels span{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:4px;padding:2px 6px}.uuid-generator-tool .preview-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1.5rem;padding:1.5rem}.uuid-generator-tool .preview-info .info-item{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.uuid-generator-tool .preview-info .info-item:last-child{margin-bottom:0}.uuid-generator-tool .preview-info .info-item .info-label{color:#6b7280;font-size:.875rem;font-weight:600}.uuid-generator-tool .preview-info .info-item .info-value{color:#3b82f6;text-align:center;background:rgba(59,130,246,.1);border-radius:.375rem;min-width:45px;padding:4px 10px;font-size:.875rem;font-weight:700}.uuid-list{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;max-height:500px;padding:1.5rem;overflow-y:auto;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.uuid-item{background:#fff;border:2px solid #f1f5f9;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem 1.25rem;font-family:Source Code Pro,Courier New,monospace;font-size:.9rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.uuid-item:before{content:"";transform-origin:top;background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.uuid-item:hover{border-color:#e2e8f0;transform:translate(4px);box-shadow:0 1px 2px rgba(0,0,0,.05)}.uuid-item:hover:before{transform:scaleY(1)}.uuid-item:last-child{margin-bottom:0}.uuid-text{color:#374151;word-break:break-all;letter-spacing:.5px;flex:1;margin-right:1rem;font-family:Source Code Pro,Monaco,Courier New,monospace;font-size:.95rem;font-weight:500;line-height:1.4}.password-result{color:#374151;word-break:break-all;background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #e5e7eb;border-radius:.75rem;align-items:center;min-height:3.5rem;padding:1.25rem 1.5rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.1rem;transition:all .15s;display:flex;position:relative;overflow:hidden}.password-result:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px rgba(0,0,0,.05)}body.dark-theme .password-generator-tool .settings-panel{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border:2px solid rgba(59,130,246,.2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .password-generator-tool .settings-panel:hover{border-color:rgba(59,130,246,.3);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.15)}body.dark-theme .password-generator-tool .settings-panel .setting-group{background:rgba(55,65,81,.6);border:1px solid rgba(59,130,246,.2)}body.dark-theme .password-generator-tool .settings-panel .setting-group:hover{background:rgba(55,65,81,.8);border-color:rgba(59,130,246,.3);box-shadow:0 4px 16px rgba(59,130,246,.2)}body.dark-theme .password-generator-tool .settings-panel .setting-label{color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.5)}body.dark-theme .password-generator-tool .settings-panel .setting-label:before{background:#3b82f6;box-shadow:0 2px 6px rgba(59,130,246,.4)}body.dark-theme .password-generator-tool .settings-panel .length-slider{background:linear-gradient(90deg,#4b5563 0%,#616e80 50%,#7a879a 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px rgba(255,255,255,.05)}body.dark-theme .password-generator-tool .settings-panel .length-slider:hover{background:linear-gradient(90deg,#616e80 0%,#7a879a 50%,#97a1b0 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.5),0 2px 6px rgba(59,130,246,.2)}body.dark-theme .password-generator-tool .settings-panel .length-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#5392f7,#3b82f6);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px rgba(59,130,246,.4),0 1px 2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}body.dark-theme .password-generator-tool .settings-panel .length-slider::-moz-range-thumb{background:linear-gradient(135deg,#5392f7,#3b82f6);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px rgba(59,130,246,.4),0 1px 2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}body.dark-theme .password-generator-tool .settings-panel .slider-labels{color:#d1d5db}body.dark-theme .password-generator-tool .settings-panel .slider-labels span{color:#f9fafb;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3)}body.dark-theme .password-generator-tool .settings-panel .checkbox-item{background:rgba(55,65,81,.4);border:1px solid rgba(59,130,246,.2)}body.dark-theme .password-generator-tool .settings-panel .checkbox-item:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);box-shadow:0 2px 12px rgba(59,130,246,.2)}body.dark-theme .password-generator-tool .settings-panel .checkbox-item.exclude-similar{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.3)}body.dark-theme .password-generator-tool .settings-panel .checkbox-item.exclude-similar:hover{background:rgba(245,158,11,.25);border-color:rgba(245,158,11,.4)}body.dark-theme .password-generator-tool .settings-panel .checkbox-item.exclude-similar span{color:#f9c56d}body.dark-theme .password-generator-tool .settings-panel .checkbox-item span{color:#d1d5db}body.dark-theme .password-generator-tool .settings-panel .checkbox-item input[type=checkbox]:checked+span{color:#9dc0fa}body.dark-theme .password-generator-tool .settings-panel .preview-info{background:#1f2937;border:1px solid #4b5563}body.dark-theme .password-generator-tool .settings-panel .preview-info .info-item .info-label{color:#d1d5db}body.dark-theme .password-generator-tool .settings-panel .preview-info .info-item .info-value{color:#84b1f9;background:rgba(59,130,246,.2)}body.dark-theme .password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-weak{color:#f9b9b9;background:rgba(239,68,68,.25)}body.dark-theme .password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-fair{color:#facf85;background:rgba(245,158,11,.25)}body.dark-theme .password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-good{color:#b5d0fc;background:rgba(59,130,246,.25)}body.dark-theme .password-generator-tool .settings-panel .preview-info .info-item .info-value.strength-strong{color:#58f1be;background:rgba(16,185,129,.25)}body.dark-theme .uuid-generator-tool .settings-panel{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border:2px solid rgba(59,130,246,.2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .uuid-generator-tool .settings-panel:hover{border-color:rgba(59,130,246,.3);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.15)}body.dark-theme .uuid-generator-tool .settings-panel .setting-group{background:rgba(55,65,81,.6);border:1px solid rgba(59,130,246,.2)}body.dark-theme .uuid-generator-tool .settings-panel .setting-group:hover{background:rgba(55,65,81,.8);border-color:rgba(59,130,246,.3);box-shadow:0 4px 16px rgba(59,130,246,.2)}body.dark-theme .uuid-generator-tool .settings-panel .setting-label{color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.5)}body.dark-theme .uuid-generator-tool .settings-panel .setting-label:before{background:#3b82f6;box-shadow:0 2px 6px rgba(59,130,246,.4)}body.dark-theme .uuid-generator-tool .version-btn{background:rgba(55,65,81,.6);border:2px solid rgba(59,130,246,.2)}body.dark-theme .uuid-generator-tool .version-btn:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}body.dark-theme .uuid-generator-tool .version-btn:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4);box-shadow:0 4px 16px rgba(59,130,246,.3)}body.dark-theme .uuid-generator-tool .version-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(59,130,246,.2) 100%);border-color:#3b82f6;box-shadow:0 4px 16px rgba(59,130,246,.4),inset 0 1px rgba(255,255,255,.2)}body.dark-theme .uuid-generator-tool .version-btn.active .version-info .version-name{color:#9dc0fa}body.dark-theme .uuid-generator-tool .version-btn.active .version-info .version-desc{color:#6ca1f8}body.dark-theme .uuid-generator-tool .version-btn .version-info .version-name{color:#f9fafb}body.dark-theme .uuid-generator-tool .version-btn .version-info .version-desc{color:#d1d5db}body.dark-theme .uuid-generator-tool .count-slider{background:linear-gradient(90deg,#4b5563 0%,#616e80 50%,#7a879a 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px rgba(255,255,255,.05)}body.dark-theme .uuid-generator-tool .count-slider:hover{background:linear-gradient(90deg,#616e80 0%,#7a879a 50%,#97a1b0 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.5),0 2px 6px rgba(59,130,246,.2)}body.dark-theme .uuid-generator-tool .count-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#5392f7,#3b82f6);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px rgba(59,130,246,.4),0 1px 2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}body.dark-theme .uuid-generator-tool .count-slider::-moz-range-thumb{background:linear-gradient(135deg,#5392f7,#3b82f6);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px rgba(59,130,246,.4),0 1px 2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}body.dark-theme .uuid-generator-tool .slider-labels{color:#d1d5db}body.dark-theme .uuid-generator-tool .slider-labels span{color:#f9fafb;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3)}body.dark-theme .uuid-generator-tool .preview-info{background:#1f2937;border:1px solid #4b5563}body.dark-theme .uuid-generator-tool .preview-info .info-item .info-label{color:#d1d5db}body.dark-theme .uuid-generator-tool .preview-info .info-item .info-value{color:#84b1f9;background:rgba(59,130,246,.2)}body.dark-theme .uuid-list{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}body.dark-theme .uuid-list::-webkit-scrollbar{width:8px}body.dark-theme .uuid-list::-webkit-scrollbar-track{background:rgba(30,41,59,.5);border-radius:4px}body.dark-theme .uuid-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#64748b);border-radius:4px}body.dark-theme .uuid-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#94a3b8)}body.dark-theme .uuid-item{background:rgba(30,41,59,.6);border:2px solid #475569;transition:all .3s}body.dark-theme .uuid-item:hover{background:linear-gradient(135deg,rgba(51,65,85,.8),rgba(71,85,105,.6));border-color:#60a5fa;transform:translate(6px);box-shadow:0 4px 8px rgba(96,165,250,.2)}body.dark-theme .uuid-item:hover .uuid-text{color:#f8fafc}body.dark-theme .uuid-text{color:#e2e8f0;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:Source Code Pro,Monaco,Courier New,monospace;font-size:.95rem;font-weight:500;line-height:1.4}body.dark-theme .uuid-text:hover{color:#f8fafc}body.dark-theme .password-result{color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;font-family:Source Code Pro,monospace;font-size:1.2rem;font-weight:600;position:relative;overflow:hidden}body.dark-theme .password-result:before{content:"";transform-origin:top;background:linear-gradient(135deg,#60a5fa,#3b82f6);width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}body.dark-theme .password-result:hover{color:#f8fafc;background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 4px 8px rgba(96,165,250,.3)}body.dark-theme .password-result:hover:before{transform:scaleY(1)}body.dark-theme .password-result:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.15),0 4px 8px rgba(96,165,250,.3)}.password-strength{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;margin-left:.5rem;padding:3px 8px;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.2)}.password-strength.strength-weak{color:#fef2f2;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,#dc2626,#b91c1c)}.password-strength.strength-fair{color:#fffbeb;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,#f59e0b,#d97706)}.password-strength.strength-good{color:#eff6ff;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,#3b82f6,#2563eb)}.password-strength.strength-strong{color:#ecfdf5;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,#10b981,#059669)}.password-strength .tab-group{background:rgba(30,41,59,.8);border:2px solid #475569;border-radius:12px;padding:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.password-strength .tab-group .tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s;position:relative}.password-strength .tab-group .tab-btn:hover{color:#e2e8f0;background:rgba(51,65,85,.5)}.password-strength .tab-group .tab-btn.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#60a5fa,#3b82f6);font-weight:600;box-shadow:0 2px 8px rgba(96,165,250,.4)}.password-strength .tab-group .tab-btn.active:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px rgba(96,165,250,.5)}.password-strength .text-input[type=number]{text-align:center;color:#f1f5f9;font-size:1rem;font-weight:600}.password-strength .text-input[type=number]:focus{color:#fff}.password-strength .input-group .input-label{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.4);font-weight:600}.text-area.code-editor,.text-area.code-input,.code-input,.uuid-text,.password-result,.password-output{-moz-tab-size:2;tab-size:2;letter-spacing:.025em;font-weight:400;font-family:Source Code Pro,Courier New,monospace!important;font-size:14px!important;line-height:1.6!important}.enhanced-code-input{position:relative;color:#2d3748!important;background:#fafafa linear-gradient(90deg,#f1f5f9 0,#f1f5f9 50px,transparent 50px,transparent 100%) local!important;border:2px solid #e2e8f0!important;border-radius:8px!important;padding-left:60px!important;transition:all .2s ease-in-out!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05)!important}.enhanced-code-input:focus{background-color:#fff!important;border-color:#3b82f6!important;outline:none!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(59,130,246,.1),0 4px 6px rgba(0,0,0,.05)!important}.enhanced-code-input:hover:not(:focus){border-color:#cbd5e0!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06)!important}.enhanced-code-input::selection{color:inherit!important;background:rgba(59,130,246,.25)!important}.enhanced-code-input::selection{color:inherit!important;background:rgba(59,130,246,.25)!important}.enhanced-code-input::placeholder{color:#94a3b8!important;opacity:.8!important;font-style:normal!important}.enhanced-code-input::-webkit-scrollbar{width:12px!important;height:12px!important}.enhanced-code-input::-webkit-scrollbar-track{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important}.enhanced-code-input::-webkit-scrollbar-thumb{background:#cbd5e0!important;border:2px solid #f1f5f9!important;border-radius:6px!important}.enhanced-code-input::-webkit-scrollbar-thumb:hover{background:#9ca3af!important}.enhanced-code-input::-webkit-scrollbar-thumb:active{background:#6b7280!important}.enhanced-code-input::-webkit-scrollbar-corner{background:#f1f5f9!important}.enhanced-code-input{scrollbar-width:auto!important;scrollbar-color:#cbd5e0 #f1f5f9!important}.code-editor-container{transition:all .3s}.code-input{color:#1f2937;background-color:#fafafa;border:2px solid #e2e8f0;border-radius:.5rem;transition:all .15s}.code-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.code-input::placeholder{color:#6b7280}.code-output{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease-in-out;position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.code-output:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);height:1px;position:absolute;top:0;left:0;right:0}.code-output pre{margin:0!important;padding:16px 20px!important;font-size:14px!important;line-height:1.6!important}.code-output pre[class*=language-]{border-radius:6px!important;height:100%!important;min-height:100%!important}.code-output pre[class*=language-]>code[class*=language-]{height:100%!important;min-height:100%!important;padding:0!important}.code-output pre:not([class*=language-]){background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;border:1px solid rgba(226,232,240,.5)!important;border-radius:6px!important;height:100%!important;min-height:100%!important}.code-output pre::-webkit-scrollbar{width:12px;height:12px}.code-output pre::-webkit-scrollbar-track{background:rgba(241,245,249,.8);border-radius:6px}.code-output pre::-webkit-scrollbar-thumb{background:#cbd5e0;border:2px solid rgba(241,245,249,.8);border-radius:6px}.code-output pre::-webkit-scrollbar-thumb:hover{background:#9ca3af}.code-output code{height:100%!important;min-height:100%!important;font-size:14px!important;line-height:1.6!important}.code-output code[class*=language-]{height:100%!important;min-height:100%!important}@media (hover:hover) and (pointer:fine){.code-output:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.1),0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08)}}.output-column .code-output.dark-theme{box-shadow:inset 0 1px rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;border:2px solid #334155!important}.output-column .code-output.dark-theme:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.output-column .code-output.dark-theme pre{color:#e2e8f0!important;padding:16px 20px!important}.output-column .code-output.dark-theme pre[class*=language-]{background:#0f172a!important;border-radius:6px!important;height:100%!important;min-height:100%!important}.output-column .code-output.dark-theme pre[class*=language-]>code[class*=language-]{color:#e2e8f0!important;height:100%!important;min-height:100%!important}.output-column .code-output.dark-theme pre:not([class*=language-]){background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;border:1px solid rgba(51,65,85,.6)!important;border-radius:6px!important;height:100%!important;min-height:100%!important}.output-column .code-output.dark-theme pre::-webkit-scrollbar{width:12px;height:12px}.output-column .code-output.dark-theme pre::-webkit-scrollbar-track{background:rgba(15,23,42,.8);border-radius:6px}.output-column .code-output.dark-theme pre::-webkit-scrollbar-thumb{background:#475569;border:2px solid rgba(15,23,42,.8);border-radius:6px}.output-column .code-output.dark-theme pre::-webkit-scrollbar-thumb:hover{background:#64748b}.output-column .code-output.dark-theme pre::-webkit-scrollbar-thumb:active{background:#94a3b8}.output-column .code-output.dark-theme code,.output-column .code-output.dark-theme code[class*=language-]{color:#e2e8f0!important;height:100%!important;min-height:100%!important}.output-column .code-output.dark-theme code:not([class*=language-]){color:#cbd5e1!important;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important}@media (hover:hover) and (pointer:fine){.output-column .code-output.dark-theme:hover{border-color:#475569;transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 6px 20px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3)}}.input-column .code-output.dark-theme{box-shadow:0 1px 2px rgba(0,0,0,.05);background-color:#fff!important;border:1px solid #e2e8f0!important}.input-column .code-output.dark-theme pre{color:#1f2937!important}.input-column .code-output.dark-theme pre:not([class*=language-]){background-color:#f8fafc!important}.input-column .code-output.dark-theme code,.input-column .code-output.dark-theme code:not([class*=language-]){color:#1f2937!important}@media (hover:hover) and (pointer:fine){.input-column .code-output.dark-theme:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}}.code-output pre[class*=language-]{height:100%!important;min-height:100%!important;margin:0!important}.code-output pre[class*=language-]>code[class*=language-]{height:100%!important;min-height:100%!important;padding:1rem!important;display:block!important}.code-output:before{content:"";background:inherit;z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.output-column .code-output.dark-theme pre[class*=language-]{height:100%!important;min-height:100%!important;margin:0!important}.output-column .code-output.dark-theme pre[class*=language-]>code[class*=language-]{height:100%!important;min-height:100%!important;padding:1rem!important;display:block!important}.output-column .code-output.dark-theme:before{z-index:-1;background:#282c34}.code-placeholder{text-align:center;font-style:italic;font-family:Source Code Pro,Courier New,monospace!important;font-size:.875rem!important;line-height:1.5!important;transition:all .15s!important}.code-placeholder:hover{background-color:#f1f5f9!important}.button-group .btn{justify-content:center;align-items:center;gap:.25rem;min-width:80px;display:inline-flex}.code-output pre{-moz-tab-size:2!important;tab-size:2!important;white-space:pre-wrap!important;word-wrap:break-word!important;margin:0!important;padding:1rem!important;font-family:Source Code Pro,Courier New,monospace!important;font-size:.875rem!important;line-height:1.5!important}.code-output pre[class*=language-]{height:100%!important;min-height:100%!important}.code-output pre:not([class*=language-]){background:#f8fafc!important;height:100%!important;min-height:100%!important}.code-output pre::-webkit-scrollbar{width:12px;height:12px}.code-input::-webkit-scrollbar{width:12px;height:12px}.code-output pre::-webkit-scrollbar-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px}.code-input::-webkit-scrollbar-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px}.code-output pre::-webkit-scrollbar-thumb{background:#cbd5e0;border:2px solid #f1f5f9;border-radius:6px}.code-input::-webkit-scrollbar-thumb{background:#cbd5e0;border:2px solid #f1f5f9;border-radius:6px}.code-output pre::-webkit-scrollbar-thumb:hover{background:#9ca3af}.code-input::-webkit-scrollbar-thumb:hover{background:#9ca3af}.code-output pre::-webkit-scrollbar-thumb:active{background:#6b7280}.code-input::-webkit-scrollbar-thumb:active{background:#6b7280}.code-input,.enhanced-code-input{counter-reset:line-number;position:relative}.code-input:after,.enhanced-code-input:after{content:"";pointer-events:none;z-index:1;opacity:.8;background:linear-gradient(#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%);border-right:1px solid #e2e8f0;width:50px;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.code-input,.code-placeholder{font-size:13px}.code-output pre{padding:.75rem;font-size:13px}}@media (max-width:480px){.code-input,.code-placeholder{font-size:12px}.code-output{border:1px solid #e2e8f0!important;flex-direction:column!important;display:flex!important}.code-output pre{padding:.5rem;font-size:12px;flex:1!important;height:auto!important;min-height:100%!important}.output-column .code-output.dark-theme{box-shadow:0 4px 6px rgba(0,0,0,.3);background-color:#282c34!important;border:1px solid #4a5568!important}.button-group{flex-wrap:wrap;gap:.5rem}.button-group .btn{flex:calc(50% - .25rem);min-width:auto}.three-column-layout .action-column{margin:.5rem 0;padding:.5rem}.three-column-layout .action-column .btn{min-width:100px!important;max-width:140px!important;padding:.25rem .5rem!important;font-size:12px!important}.three-column-layout .action-column .primary-actions,.three-column-layout .action-column .secondary-actions{gap:.25rem}}.hls-player-container{background:#000;border-radius:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.hls-video-player{background:#000;border:none;border-radius:.5rem;width:100%;height:auto;min-height:300px;max-height:500px}.hls-video-player:focus{outline-offset:2px;outline:2px solid #3b82f6}.player-overlay{z-index:10;position:absolute;top:.5rem;right:.5rem}.stream-indicator{align-items:center;gap:.25rem;display:flex}.stream-status{text-transform:uppercase;letter-spacing:.5px;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.stream-status.live{color:#fff;background:rgba(239,68,68,.9);animation:2s infinite pulse}.stream-status.vod{color:#fff;background:rgba(59,130,246,.9)}.sample-streams{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.sample-stream-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .15s;display:flex}.sample-stream-item:hover{background:rgba(59,130,246,.05);border-color:#3b82f6}.sample-stream-info{flex:1}.sample-stream-info strong{color:#1f2937;margin-bottom:2px;display:block}.sample-stream-info p{color:#6b7280;margin:0;font-size:.875rem}.stream-info-section{margin:1.5rem 0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.info-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.info-card h4{color:#1f2937;align-items:center;gap:.25rem;margin:0 0 .5rem;font-size:1.125rem;display:flex}.info-card ul{margin:0;padding:0;list-style:none}.info-card ul li{border-bottom:1px solid rgba(229,231,235,.5);justify-content:space-between;padding:.25rem 0;font-size:.875rem;display:flex}.info-card ul li:last-child{border-bottom:none}.info-card ul li strong{color:#6b7280;font-weight:500}.quality-levels-section{margin:1.5rem 0}.quality-levels-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-top:1rem;display:grid}.quality-level-card{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:.375rem;padding:1rem;transition:all .15s;position:relative}.quality-level-card:hover{background:rgba(59,130,246,.05);border-color:#3b82f6;transform:translateY(-2px)}.quality-level-card.active{background:rgba(59,130,246,.1);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2)}.quality-resolution{color:#1f2937;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.quality-bitrate{color:#3b82f6;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.quality-fps{color:#6b7280;margin-bottom:.25rem;font-size:.75rem}.quality-codecs{color:#6b7280;background:rgba(107,114,128,.1);border-radius:.25rem;padding:2px 6px;font-family:Source Code Pro,monospace;font-size:.75rem;display:inline-block}.quality-active-indicator{color:#3b82f6;font-size:12px;animation:2s infinite pulse;position:absolute;top:.25rem;right:.25rem}.input-with-button{gap:.5rem;display:flex}.input-with-button .text-input{flex:1}.error-message{color:#b91c1c;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.375rem;align-items:center;gap:.5rem;margin:.5rem 0;padding:.5rem 1rem;font-size:.875rem;display:flex}.error-message .error-icon{font-size:1.125rem}@media (max-width:768px){.hls-video-player{min-height:200px}.sample-stream-item{flex-direction:column;align-items:flex-start;gap:.5rem}.quality-levels-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.info-grid{grid-template-columns:1fr}.input-with-button{flex-direction:column}.input-with-button .text-input{margin-bottom:.5rem}}.tab-group,.mode-toggle{background:#f8fafc;border:none;border-radius:8px;margin-bottom:1rem;padding:3px;transition:background-color .2s;display:inline-flex}.tab-group:hover,.mode-toggle:hover{background:rgba(241,245,249,.8)}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;margin:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.tab-btn:hover:not(.active){color:#1f2937;background:rgba(59,130,246,.08)}.tab-btn.active{color:#fff;background:#3b82f6;font-weight:600}.tab-btn:active{transform:scale(.98)}.tab-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.3)}.radio-group{gap:1rem;margin-top:.5rem;display:flex}.radio-option{cursor:pointer;align-items:center;gap:.25rem;display:flex}.radio-option input[type=radio]{margin:0}.radio-option .radio-label{color:#1f2937;font-weight:500}.error-message{color:#ef4444;background:#fef2f2;border:2px solid #fecaca;border-radius:.5rem;align-items:center;gap:.5rem;margin:1rem 0;padding:1rem;font-weight:500;display:flex}.error-message .error-icon{flex-shrink:0;font-size:1.125rem}.output-container{position:relative}.output-container .copy-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;transition:all .15s;position:absolute;top:.5rem;right:.5rem}.output-container .copy-btn:hover{background:#0b63f3;transform:translateY(-1px)}.mime-type-info{flex-direction:column;gap:.25rem;display:flex}.mime-type-info p{background:#f8fafc;border-radius:.25rem;margin:0;padding:.25rem;font-size:.875rem}.mime-type-info p strong{color:#3b82f6;font-family:Source Code Pro,Monaco,Menlo,monospace}.mime-type-info small{color:#9ca3af;margin-top:.25rem;font-style:italic}.stream-info-section code{color:#3b82f6;background:#f8fafc;border-radius:.25rem;padding:.25rem .5rem;font-family:Source Code Pro,Monaco,Menlo,monospace;font-size:.875rem}.three-column-layout{grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr);align-items:start;gap:2rem;height:100%;min-height:calc(100vh - 12rem);display:grid;overflow:hidden}.three-column-layout .input-column{flex-direction:column;min-width:0;height:100%;display:flex}.three-column-layout .input-column .input-group{flex-direction:column;flex:1;min-width:0;display:flex}.three-column-layout .input-column .text-area,.three-column-layout .input-column .code-input{resize:vertical;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;flex:1;min-height:calc(100vh - 16rem);overflow-x:auto}.three-column-layout .input-column .enhanced-code-input{-moz-tab-size:2;tab-size:2;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;position:relative;overflow-x:hidden;overflow-y:auto;color:#2d3748!important;background:#fafafa linear-gradient(90deg,#f1f5f9 0,#f1f5f9 50px,transparent 50px,transparent 100%) local!important;border:2px solid #e2e8f0!important;border-radius:8px!important;padding-left:60px!important;font-family:Source Code Pro,Monaco,Menlo,monospace!important;font-size:14px!important;line-height:1.6!important;transition:all .2s ease-in-out!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05)!important}.three-column-layout .input-column .enhanced-code-input::selection{color:inherit!important;background:rgba(59,130,246,.25)!important}.three-column-layout .input-column .enhanced-code-input::selection{color:inherit!important;background:rgba(59,130,246,.25)!important}.three-column-layout .input-column .enhanced-code-input::placeholder{color:#94a3b8!important;opacity:.8!important;font-style:normal!important}.three-column-layout .input-column .enhanced-code-input:focus{background-color:#fff!important;border-color:#3b82f6!important;outline:none!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(59,130,246,.1),0 4px 6px rgba(0,0,0,.05)!important}.three-column-layout .input-column .enhanced-code-input:hover:not(:focus){border-color:#cbd5e0!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06)!important}.three-column-layout .input-column .enhanced-code-input::-webkit-scrollbar{width:12px!important;height:12px!important}.three-column-layout .input-column .enhanced-code-input::-webkit-scrollbar-track{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important}.three-column-layout .input-column .enhanced-code-input::-webkit-scrollbar-thumb{background:#cbd5e0!important;border:2px solid #f1f5f9!important;border-radius:6px!important}.three-column-layout .input-column .enhanced-code-input::-webkit-scrollbar-thumb:hover{background:#9ca3af!important}.three-column-layout .input-column .enhanced-code-input::-webkit-scrollbar-thumb:active{background:#6b7280!important}.three-column-layout .input-column .enhanced-code-input{scrollbar-width:auto!important;scrollbar-color:#cbd5e0 #f1f5f9!important}.three-column-layout .input-column .enhanced-code-input:after{content:"";pointer-events:none;z-index:1;opacity:.9;background:linear-gradient(#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%);border-right:1px solid #e2e8f0;border-radius:6px 0 0 6px;width:48px;height:calc(100% - 4px);position:absolute;top:2px;left:2px}.three-column-layout .action-column{-webkit-backdrop-filter:none;backdrop-filter:none;min-width:300px;max-width:300px;box-shadow:none;background:rgba(248,250,252,.6);border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.three-column-layout .action-column .mode-toggle{margin-bottom:1rem;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:#f8fafc!important;border:none!important}.three-column-layout .action-column .language-selector{width:100%;margin-bottom:1rem}.three-column-layout .action-column .language-selector .input-label{color:#6b7280;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.three-column-layout .action-column .language-selector .language-select{color:#1f2937;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.375rem;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.three-column-layout .action-column .language-selector .language-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.three-column-layout .action-column .language-selector .language-select:hover{background:#f8fafc;border-color:#cbd5e1}.three-column-layout .action-column .language-selector .language-hint{color:#9ca3af;text-align:center;margin-top:.25rem;font-size:.75rem;font-style:italic}.three-column-layout .action-column .primary-actions{flex-direction:column;gap:.25rem;width:100%;display:flex}.three-column-layout .action-column .primary-actions .btn{text-transform:none;letter-spacing:.025em;border-radius:.375rem;width:100%;min-height:auto;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.three-column-layout .action-column .primary-actions .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;box-shadow:0 2px 6px rgba(59,130,246,.2)}.three-column-layout .action-column .primary-actions .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.three-column-layout .action-column .primary-actions .btn.btn-secondary{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb}.three-column-layout .action-column .primary-actions .btn.btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.three-column-layout .action-column .secondary-actions{border-top:1px solid #e5e7eb;flex-direction:column;gap:.25rem;width:100%;margin-top:.5rem;padding-top:.5rem;display:flex}.three-column-layout .action-column .secondary-actions .btn{color:#6b7280;background:rgba(248,250,252,.8);border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.three-column-layout .action-column .secondary-actions .btn:hover{color:#1f2937;background:rgba(241,245,249,.9);border-color:#d1d5db}.three-column-layout .action-column .secondary-actions .btn:active{background:rgba(226,232,240,.8)}.three-column-layout .output-column{flex-direction:column;min-width:0;height:100%;display:flex}.three-column-layout .output-column .input-group{flex-direction:column;flex:1;min-width:0;display:flex}.three-column-layout .output-column .text-area,.three-column-layout .output-column .code-output,.three-column-layout .output-column .code-placeholder{word-wrap:break-word;overflow-wrap:break-word;flex:1;min-height:calc(100vh - 16rem);overflow-x:auto}.three-column-layout .output-column .code-output{flex-direction:column;display:flex}.three-column-layout .output-column .code-output pre{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;flex:1!important;max-width:100%!important;min-height:100%!important;margin:0!important}.three-column-layout .output-column .code-output pre>code{height:100%!important;min-height:100%!important;padding:0!important;display:block!important}.three-column-layout .output-column .code-output pre[class*=language-]{height:100%!important;min-height:100%!important}.three-column-layout .output-column .code-output pre[class*=language-]>code[class*=language-]{height:100%!important;min-height:100%!important;display:block!important}.three-column-layout .output-column .code-output pre:not([class*=language-]){background-color:#f8fafc;height:100%!important;min-height:100%!important}.dark-theme .three-column-layout .output-column .code-output pre:not([class*=language-]){background-color:#282c34}.three-column-layout .output-column .code-output code{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:100%!important;height:100%!important;min-height:100%!important;display:block!important}.three-column-layout .output-column .result-actions{justify-content:flex-start;gap:.5rem;margin-top:1rem;display:flex}.three-column-layout .output-column .result-actions .btn{padding:.5rem 1rem;font-size:.875rem}.three-column-layout .status-indicator{align-items:center;gap:.25rem;margin-left:.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.three-column-layout .status-indicator.valid{color:#10b981}.three-column-layout .status-indicator.invalid{color:#ef4444}@media (max-height:700px){.three-column-layout{min-height:auto}.three-column-layout .input-column .text-area,.three-column-layout .input-column .code-input,.three-column-layout .input-column .code-output,.three-column-layout .input-column .code-placeholder,.three-column-layout .output-column .text-area,.three-column-layout .output-column .code-input,.three-column-layout .output-column .code-output,.three-column-layout .output-column .code-placeholder{min-height:250px}.three-column-layout .input-column .code-output,.three-column-layout .output-column .code-output{border:1px solid #e2e8f0;overflow:visible;flex-direction:column!important;display:flex!important}.three-column-layout .input-column .code-output pre,.three-column-layout .output-column .code-output pre{max-height:230px;overflow-y:auto;flex:1!important;min-height:100%!important}.three-column-layout .input-column.output-column .code-output.dark-theme,.three-column-layout .output-column.output-column .code-output.dark-theme{box-shadow:0 4px 6px rgba(0,0,0,.3);background-color:#282c34!important;border:1px solid #4a5568!important}.content-area{min-height:auto}}@media (max-width:1200px){.three-column-layout{grid-template-columns:1fr auto 1fr;gap:1.5rem}.three-column-layout .action-column{min-width:300px;max-width:300px}}@media (max-width:900px){.three-column-layout{min-height:auto;display:block}.three-column-layout .input-column,.three-column-layout .output-column{margin-bottom:1.5rem}.three-column-layout .input-column .text-area,.three-column-layout .input-column .code-input,.three-column-layout .input-column .code-output,.three-column-layout .input-column .code-placeholder,.three-column-layout .output-column .text-area,.three-column-layout .output-column .code-input,.three-column-layout .output-column .code-output,.three-column-layout .output-column .code-placeholder{min-height:300px}.three-column-layout .input-column .code-output,.three-column-layout .output-column .code-output{border:1px solid #e2e8f0;height:auto;flex-direction:column!important;display:flex!important}.three-column-layout .input-column .code-output pre,.three-column-layout .output-column .code-output pre{flex:1!important;height:auto!important;min-height:280px!important}.three-column-layout .input-column.output-column .code-output.dark-theme,.three-column-layout .output-column.output-column .code-output.dark-theme{box-shadow:0 4px 6px rgba(0,0,0,.3);background-color:#282c34!important;border:2px solid #4a5568!important}.three-column-layout .action-column{width:100%;max-width:100%;min-width:unset;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;margin:1.5rem 0;padding:1rem}.three-column-layout .action-column .primary-actions,.three-column-layout .action-column .secondary-actions{flex-flow:wrap;justify-content:center}.three-column-layout .action-column .primary-actions .btn,.three-column-layout .action-column .secondary-actions .btn{flex:1;min-width:120px;max-width:150px}}.info-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e5e7eb;border-radius:.75rem;margin-top:2rem;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.info-section h3{text-align:center;color:#1f2937;text-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.info-section .info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.info-section .info-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .15s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.info-section .info-item:before{content:"";background:linear-gradient(90deg,#3b82f6,#60a5fa);height:4px;position:absolute;top:0;left:0;right:0}.info-section .info-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.info-section .info-item h4{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.info-section .info-item p{color:#6b7280;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.info-section .info-item ul{margin:0;padding:0;list-style:none}.info-section .info-item ul li{color:#6b7280;margin-bottom:.25rem;padding-left:1rem;font-size:.875rem;line-height:1.5;position:relative}.info-section .info-item ul li:before{content:"▸";color:#3b82f6;font-weight:700;position:absolute;left:0}.info-section .info-item ul li:hover{color:#1f2937;transition:all .15s;transform:translate(2px)}.info-section .mime-type-info{flex-direction:column;gap:.75rem;display:flex}.info-section .mime-type-info p{color:#374151;background:rgba(248,250,252,.9);border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:.875rem;font-size:.9rem;line-height:1.5;transition:all .2s}.info-section .mime-type-info p strong{color:#1d4ed8;background:rgba(29,78,216,.1);border:1px solid rgba(29,78,216,.2);border-radius:4px;padding:3px 6px;font-family:Source Code Pro,monospace;font-weight:600}.info-section .mime-type-info p:hover{background:rgba(241,245,249,.95);border-color:#cbd5e1;transform:translate(2px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.info-section .mime-type-info small{color:#475569;text-align:center;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-top:.5rem;padding:.75rem;font-style:italic}.info-section .mime-type-info small:before{content:"💡";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));margin-right:.5rem}@media (max-width:768px){.info-section{margin-top:1.5rem;padding:1rem}.info-section h3{font-size:1.25rem}.info-section .info-grid{grid-template-columns:1fr;gap:1rem}.info-section .info-item{padding:1rem}}.input-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.input-header .input-label{margin-bottom:0}.input-header .language-indicator{color:#3b82f6;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s}.input-header .language-indicator:hover{background:rgba(59,130,246,.2);transform:translateY(-1px);box-shadow:0 2px 4px rgba(59,130,246,.3)}body.dark-theme .three-column-layout .input-label{color:#cbd5e1}body.dark-theme .three-column-layout .action-column{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(30,41,59,.4)!important;border:none!important;border-radius:12px!important}body.dark-theme .three-column-layout .action-column .mode-toggle{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:#1e293b!important;border:none!important}body.dark-theme .three-column-layout .tab-group,body.dark-theme .three-column-layout .mode-toggle{background:#1e293b!important;border:none!important;border-radius:8px!important;padding:3px!important;transition:background-color .2s!important}body.dark-theme .three-column-layout .tab-group:hover,body.dark-theme .three-column-layout .mode-toggle:hover{background:rgba(51,65,85,.6)!important}body.dark-theme .three-column-layout .tab-btn{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;margin:0!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .15s!important}body.dark-theme .three-column-layout .tab-btn:hover:not(.active){color:#e2e8f0!important;background:rgba(96,165,250,.12)!important}body.dark-theme .three-column-layout .tab-btn.active{color:#fff!important;background:#3b82f6!important;font-weight:600!important}body.dark-theme .three-column-layout .tab-btn:active{transform:scale(.98)!important}body.dark-theme .three-column-layout .tab-btn:focus{outline:none!important;box-shadow:0 0 0 2px rgba(59,130,246,.3)!important}body.dark-theme .three-column-layout .btn-primary{color:#e2e8f0;background:linear-gradient(135deg,#475569,#334155);border:1px solid #64748b;box-shadow:0 2px 4px -1px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .three-column-layout .btn-primary:hover{color:#f1f5f9;background:linear-gradient(135deg,#64748b,#475569);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.15)}body.dark-theme .three-column-layout .btn-primary:active{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(0);box-shadow:0 1px 2px -1px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2)}body.dark-theme .three-column-layout .btn-outline{color:#94a3b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(51,65,85,.2);border:1px solid #475569;box-shadow:0 1px 2px rgba(0,0,0,.2)}body.dark-theme .three-column-layout .btn-outline:hover{color:#cbd5e1;background:rgba(71,85,105,.3);border-color:#64748b;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .three-column-layout .btn-outline:active{color:#e2e8f0;background:rgba(71,85,105,.4);transform:translateY(0)}body.dark-theme .three-column-layout .language-indicator{color:#60a5fa;background:rgba(96,165,250,.15);border-color:rgba(96,165,250,.3)}body.dark-theme .three-column-layout .language-indicator:hover{background:rgba(96,165,250,.2);transform:translateY(-1px);box-shadow:0 2px 4px rgba(96,165,250,.3)}body.dark-theme .three-column-layout .secondary-actions{border-top-color:#475569}body.dark-theme .three-column-layout .secondary-actions .btn{color:#cbd5e1;background:rgba(51,65,85,.3);border:1px solid #475569;padding:.5rem 1rem;font-size:.875rem;font-weight:500}body.dark-theme .three-column-layout .secondary-actions .btn:hover{color:#f1f5f9;background:rgba(71,85,105,.4);border-color:#64748b}body.dark-theme .three-column-layout .secondary-actions .btn:active{background:rgba(71,85,105,.5)}.code-editor-container{border-radius:8px;transition:all .2s ease-in-out;position:relative;overflow:hidden}.code-editor-container.light-theme{border:2px solid #e2e8f0;box-shadow:inset 0 1px rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.code-editor-container.light-theme:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.1),0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08)}.code-editor-container.light-theme .ace_gutter{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)!important;border-right:1px solid #e2e8f0!important}.code-editor-container.light-theme .ace_gutter-active-line{background:#dbeafe!important}.code-editor-container.light-theme .ace_active-line{background:rgba(59,130,246,.1)!important}.code-editor-container.light-theme .ace_selection{background:rgba(59,130,246,.25)!important}.code-editor-container.light-theme .ace_cursor{color:#3b82f6!important}.code-editor-container.dark-theme{border:2px solid #334155;box-shadow:inset 0 1px rgba(255,255,255,.05),0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3)}.code-editor-container.dark-theme:hover{border-color:#475569;transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3)}.code-editor-container.dark-theme .ace_gutter{background:linear-gradient(#1e293b 0%,#0f172a 100%)!important;border-right:1px solid #334155!important}.code-editor-container.dark-theme .ace_gutter-active-line{background:#334155!important}.code-editor-container.dark-theme .ace_active-line{background:rgba(51,65,85,.3)!important}.code-editor-container.dark-theme .ace_selection{background:rgba(96,165,250,.3)!important}.code-editor-container.dark-theme .ace_cursor{color:#60a5fa!important}.code-editor-container .ace_editor{border-radius:6px;font-family:Source Code Pro,Monaco,Menlo,Courier New,monospace!important}.code-editor-container .ace_scrollbar-h{height:12px!important}.code-editor-container .ace_scrollbar-v{width:12px!important}body.dark-theme .sample-stream-item{color:#e2e8f0;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-theme .sample-stream-item:hover{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.4)}body.dark-theme .sample-stream-item .sample-stream-info strong{color:#f1f5f9}body.dark-theme .sample-stream-item .sample-stream-info p{color:#cbd5e1}body.dark-theme .sample-stream-item .stream-url{color:#94a3b8}body.dark-theme .hls-player-container{border:2px solid #334155;box-shadow:0 8px 25px rgba(0,0,0,.5)}body.dark-theme .hls-player-container:hover{border-color:#475569}body.dark-theme .player-overlay .stream-indicator .stream-status{color:#f1f5f9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(15,23,42,.9);border:1px solid #475569}body.dark-theme .player-overlay .stream-indicator .stream-status.live{color:#fecaca;border-color:#dc2626}body.dark-theme .player-overlay .stream-indicator .stream-status.vod{color:#a7f3d0;border-color:#059669}body.dark-theme .stream-info-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:2px solid #334155;box-shadow:0 8px 25px rgba(0,0,0,.4)}body.dark-theme .stream-info-section h3{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.5)}body.dark-theme .stream-info-section code{color:#fbbf24;background:rgba(51,65,85,.9);border:1px solid #475569;border-radius:4px;padding:3px 6px;font-family:Source Code Pro,monospace;font-weight:500}body.dark-theme .info-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px rgba(0,0,0,.3)}body.dark-theme .info-card:hover{border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}body.dark-theme .info-card h4{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .info-card ul li{color:#e2e8f0;line-height:1.6}body.dark-theme .info-card ul li strong{color:#f8fafc;font-weight:600}body.dark-theme .info-card p{color:#e2e8f0;line-height:1.7}body.dark-theme .info-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:2px solid #334155;box-shadow:0 8px 25px rgba(0,0,0,.4)}body.dark-theme .info-section h3{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.5)}body.dark-theme .info-item{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px rgba(0,0,0,.3)}body.dark-theme .info-item:hover{border-color:#64748b;transform:translateY(-1px);box-shadow:0 6px 15px rgba(0,0,0,.4)}body.dark-theme .info-item h4{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .info-item p{color:#e2e8f0;line-height:1.7}body.dark-theme .info-item ul li{color:#e2e8f0;line-height:1.6}body.dark-theme .info-item ul li:hover{color:#f8fafc}body.dark-theme .info-item.mime-type-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#475569}body.dark-theme .info-item.mime-type-card:hover{border-color:#64748b}body.dark-theme .mime-type-info{flex-direction:column;gap:.75rem;display:flex}body.dark-theme .mime-type-info p{color:#e2e8f0;background:rgba(51,65,85,.4);border:1px solid #475569;border-radius:8px;margin:0;padding:.875rem;font-size:.9rem;line-height:1.5;transition:all .2s}body.dark-theme .mime-type-info p strong{color:#fbbf24;background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.25);border-radius:4px;padding:3px 6px;font-family:Source Code Pro,monospace;font-weight:600}body.dark-theme .mime-type-info p:hover{background:rgba(51,65,85,.6);border-color:#64748b;transform:translate(2px)}body.dark-theme .mime-type-info small{color:#cbd5e1;text-align:center;background:rgba(30,41,59,.6);border:1px solid #475569;border-radius:8px;margin-top:.5rem;padding:.75rem;font-style:italic}body.dark-theme .mime-type-info small:before{content:"💡";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));margin-right:.5rem}body.dark-theme .quality-levels-section h3{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .quality-level-card{color:#e2e8f0;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-theme .quality-level-card:hover{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.4)}body.dark-theme .quality-level-card.active{color:#ecfdf5;background:linear-gradient(135deg,#065f46 0%,#047857 100%);border-color:#10b981;box-shadow:0 4px 8px rgba(16,185,129,.3)}body.dark-theme .quality-level-card .quality-resolution{color:#f8fafc;font-size:1.1rem;font-weight:700}body.dark-theme .quality-level-card .quality-bitrate{color:#60a5fa;font-size:.95rem;font-weight:600}body.dark-theme .quality-level-card .quality-fps{color:#e2e8f0;font-weight:500}body.dark-theme .quality-level-card .quality-codecs{color:#cbd5e1;font-size:.85rem;font-weight:400}body.dark-theme .quality-level-card .quality-active-indicator{color:#10b981}body.dark-theme .button-group .btn{color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;font-weight:500}body.dark-theme .button-group .btn:hover{color:#f8fafc;background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}body.dark-theme .button-group .btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.2)}body.dark-theme .error-message{color:#fef2f2;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%);border:2px solid #dc2626;font-weight:500;box-shadow:0 4px 6px rgba(0,0,0,.3)}body.dark-theme .error-message .error-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));margin-right:.5rem}body.dark-theme .input-label{color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .tool-container h3,body.dark-theme .tool-container h4{color:#f8fafc;text-shadow:0 1px 3px rgba(0,0,0,.4)}body.dark-theme .tool-container p{color:#e2e8f0;line-height:1.6}body.dark-theme .tool-container ul li{color:#e2e8f0}body.dark-theme .tool-container ul li strong,body.dark-theme .tool-container p strong{color:#f8fafc;font-weight:600}body.dark-theme .tool-container code{color:#fbbf24;background:rgba(51,65,85,.8);border:1px solid #475569;border-radius:4px;padding:2px 6px;font-family:Source Code Pro,monospace}body.dark-theme .tool-container .input-label{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:500}body.dark-theme .tool-container .sample-stream-info strong{color:#f8fafc;font-weight:600}body.dark-theme .tool-container .sample-stream-info p{color:#d1d5db}.system-info-container,.browser-info-container,.network-info-container{flex-direction:column;gap:2rem;display:flex}.info-section{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;padding:1.5rem;transition:all .3s}.info-section:hover{border-color:#e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.info-section-title{color:#1f2937;border-bottom:2px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.info-icon{font-size:1.5rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-label{color:#6b7280;text-transform:capitalize;font-size:.875rem;font-weight:600}.info-value{color:#1f2937;word-break:break-all;font-family:Source Code Pro,Courier New,monospace;font-size:.925rem}.info-value.supported{color:#10b981;font-weight:600}.info-value.unsupported{color:#ef4444;font-weight:600}.permission-granted{color:#10b981!important}.permission-denied{color:#ef4444!important}.permission-prompt{color:#f59e0b!important}.permission-unknown,.permission-unsupported{color:#6b7280!important}body.dark-theme .system-info-container .info-section,body.dark-theme .browser-info-container .info-section,body.dark-theme .network-info-container .info-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .system-info-container .info-section:hover,body.dark-theme .browser-info-container .info-section:hover,body.dark-theme .network-info-container .info-section:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .system-info-container .info-section-title,body.dark-theme .browser-info-container .info-section-title,body.dark-theme .network-info-container .info-section-title{color:#f1f5f9;border-bottom-color:#475569}body.dark-theme .system-info-container .info-section-title .section-icon,body.dark-theme .browser-info-container .info-section-title .section-icon,body.dark-theme .network-info-container .info-section-title .section-icon{background:linear-gradient(135deg,#60a5fa,#a855f7);box-shadow:0 2px 4px rgba(96,165,250,.3)}body.dark-theme .info-table{background:#1e293b;border-color:#475569}body.dark-theme .info-table th{color:#f1f5f9;background:rgba(96,165,250,.15);border-color:rgba(96,165,250,.3)}body.dark-theme .info-table td{color:#cbd5e1;border-color:#475569}body.dark-theme .info-table tbody tr:nth-child(2n){background:rgba(51,65,85,.3)}body.dark-theme .info-table tbody tr:hover{background:rgba(71,85,105,.4)}body.dark-theme .info-item .info-value{color:#e2e8f0;background:rgba(30,41,59,.5);border-color:#475569}body.dark-theme .feature-supported{color:#34d399!important}body.dark-theme .feature-not-supported{color:#f87171!important}body.dark-theme .permission-granted{color:#34d399!important}body.dark-theme .permission-denied{color:#f87171!important}body.dark-theme .permission-unknown,body.dark-theme .permission-unsupported{color:#94a3b8!important}.network-status{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem;display:flex}.status-indicator{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.status-indicator.offline .status-dot{background:#ef4444}.status-dot{background:#10b981;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse}.loading-section{color:#6b7280;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.loading-spinner{border:3px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}.error-section{background:#fef2f2;border:2px solid #fecaca;border-radius:.5rem;margin:1rem 0;padding:1rem}.error-text{color:#ef4444;font-weight:600}.privacy-notice,.browser-notice{color:#1e40af;background:#eff6ff;border:2px solid #dbeafe;border-radius:.75rem;margin-top:2rem;padding:1rem;font-size:.875rem}body.dark-theme .privacy-notice,body.dark-theme .browser-notice{color:#94c3f8;background:rgba(30,41,59,.6);border:2px solid #475569}.popular-codes-section{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.popular-codes-section h3{color:#1f2937;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;font-size:1.25rem;display:flex}.popular-codes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.popular-code-item{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;transition:all .15s;display:flex}.popular-code-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.popular-flag{flex-shrink:0;font-size:1.5rem}.popular-code{color:#3b82f6;min-width:3rem;font-family:Source Code Pro,Courier New,monospace;font-size:1rem;font-weight:700}.popular-country{color:#1f2937;flex:1;font-size:.875rem;font-weight:600}.search-filters-section{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.search-controls{flex-direction:column;gap:1rem;display:flex}.filter-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.calling-codes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.calling-code-card{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.calling-code-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.calling-code-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.calling-code-card:hover:before{transform:scaleX(1)}.calling-code-card .card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.calling-code-card .card-content{justify-content:space-between;align-items:center;display:flex}.country-flag{flex-shrink:0;font-size:2rem}.country-info{flex:1}.country-name{color:#1f2937;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.country-region{color:#6b7280;background:#f1f5f9;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.code-display{flex-direction:column;gap:.25rem;display:flex}.calling-code{color:#3b82f6;font-family:Source Code Pro,Courier New,monospace;font-size:1.5rem;font-weight:700}.iso-code{color:#6b7280;font-size:.75rem;font-weight:500}.card-actions{flex-shrink:0}.no-results{text-align:center;color:#6b7280;background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px dashed #e5e7eb;border-radius:.75rem;padding:3rem 2rem}.no-results p{margin:.5rem 0}.usage-info{background:#eff6ff;border:2px solid #dbeafe;border-radius:.75rem;margin-top:2rem;padding:1.5rem}.usage-info h3{color:#1e40af;margin-top:0;margin-bottom:1rem}.usage-examples{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.usage-item{background:#fff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem}.usage-item h4{color:#1e40af;align-items:center;gap:.5rem;margin-top:0;margin-bottom:.75rem;display:flex}.usage-item p{color:#1e40af;margin:.5rem 0;line-height:1.4}.usage-item code{color:#1e40af;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.25rem;padding:.25rem .5rem;font-family:Source Code Pro,Courier New,monospace;font-size:.875rem}.usage-item ul{color:#1e40af;margin:.5rem 0;padding-left:1.25rem}.usage-item li{margin-bottom:.375rem;line-height:1.4}@media (max-width:768px){.popular-codes-section{margin-bottom:1.5rem;padding:1rem}.popular-codes-section h3{margin-bottom:.75rem;font-size:1.125rem}.popular-codes-grid{grid-template-columns:1fr;gap:.75rem}.popular-code-item{text-align:center;flex-direction:column;gap:.5rem;padding:.75rem}.popular-code-item .popular-flag{font-size:1.25rem}.popular-code-item .popular-code{min-width:auto;font-size:1.125rem}.popular-code-item .popular-country{font-size:1rem}.calling-codes-grid{grid-template-columns:1fr}.calling-code-card{padding:1rem}.calling-code-card .card-header,.calling-code-card .card-content{flex-direction:column;align-items:flex-start;gap:.5rem}.country-flag{font-size:1.5rem}.calling-code{font-size:1.25rem}}@media (max-width:480px){.popular-codes-grid{grid-template-columns:repeat(2,1fr)}.popular-code-item{padding:.5rem}.popular-code-item .popular-flag{font-size:1.125rem}.popular-code-item .popular-code{font-size:1rem}.popular-code-item .popular-country{font-size:.875rem}}body.dark-theme .calling-code-card{color:#cbd5e1;background:rgba(30,41,59,.6);border:2px solid #475569}body.dark-theme .calling-code-card:hover{background:rgba(51,65,85,.8);border-color:#64748b;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}body.dark-theme .calling-code-card .card-content .country-name{color:#f1f5f9}body.dark-theme .calling-code-card .card-content .calling-code{color:#94a3b8}body.dark-theme .popular-codes-grid .popular-code-item{background:rgba(30,41,59,.6);border:2px solid #475569}body.dark-theme .popular-codes-grid .popular-code-item:hover{background:rgba(51,65,85,.8);border-color:#64748b}body.dark-theme .popular-codes-grid .popular-code-item .popular-code{color:#60a5fa}body.dark-theme .popular-codes-grid .popular-code-item .popular-country{color:#cbd5e1}body.dark-theme .search-no-results{color:#94a3b8}body.dark-theme .countries-grid .country-item{background:rgba(30,41,59,.6);border:2px solid #475569}body.dark-theme .countries-grid .country-item:hover{background:rgba(51,65,85,.8);border-color:#64748b}body.dark-theme .countries-grid .country-item .country-name{color:#f1f5f9}body.dark-theme .countries-grid .country-item .calling-code{color:#94a3b8}.country-selection-section{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.country-selection-section h3{color:#1f2937;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;display:flex}.country-selector{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.country-button{cursor:pointer;color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.country-button:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.country-button.active{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border-color:#3b82f6}.country-flag-large{flex-shrink:0;font-size:1.75rem}.country-name{flex:1;font-weight:600}.emergency-quick-section{background:linear-gradient(135deg,#fef2f2 0%,#fef7f7 100%);border:2px solid #fecaca;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.emergency-quick-section h3{color:#ef4444;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;display:flex}.emergency-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.emergency-card{background:#fff;border:2px solid #fca5a5;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .15s;display:flex}.emergency-card:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(220,38,38,.1)}.emergency-icon{flex-shrink:0;font-size:2rem}.emergency-info{flex:1}.emergency-name{color:#ef4444;margin:0 0 .25rem;font-size:1rem;font-weight:700}.emergency-number{color:#ef4444;margin-bottom:.25rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.25rem;font-weight:700}.emergency-description{color:#991b1b;margin:0;font-size:.875rem;line-height:1.3}.btn-emergency{color:#fff;cursor:pointer;background:#ef4444;border:2px solid #ef4444;border-radius:.375rem;flex-shrink:0;padding:.5rem 1rem;font-weight:600;transition:all .15s}.btn-emergency:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.search-section{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;margin-top:1rem;display:grid}.service-card{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.service-card:hover:before{transform:scaleX(1)}.service-card[data-category=Government] .service-category{color:#1e40af;background:#eff6ff}.service-card[data-category=Healthcare] .service-category{color:#16a34a;background:#f0fdf4}.service-card[data-category=Consumer] .service-category{color:#d97706;background:#fef3c7}.service-card[data-category=Transportation] .service-category{color:#7c3aed;background:#f3e8ff}.service-card[data-category=Utilities] .service-category{color:#c026d3;background:#fdf4ff}.service-card[data-category=Legal] .service-category{color:#44403c;background:#fafaf9}.service-card[data-category=Veterans] .service-category{color:#65a30d;background:#ecfccb}.emergency-card .service-category[data-category=Emergency]{color:#ef4444;background:#fef2f2}.service-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.service-icon{flex-shrink:0;font-size:1.5rem}.service-info{flex:1}.service-name{color:#1f2937;margin:0 0 .25rem;font-size:1.125rem;font-weight:700;line-height:1.3}.service-category{color:#6b7280;background:#f1f5f9;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.service-content{flex-direction:column;gap:.75rem;display:flex}.service-number{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;padding:.5rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.25rem;font-weight:700}.service-description{color:#6b7280;margin:0;font-size:.9375rem;line-height:1.4}.service-actions{flex-wrap:wrap;gap:.5rem;display:flex}.service-actions .btn{flex:1;min-width:120px}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.country-selection-section{margin-bottom:1.5rem;padding:1rem}.country-selector{grid-template-columns:1fr}.country-button{padding:.875rem}.country-flag-large{font-size:1.5rem}.emergency-quick-section{margin-bottom:1.5rem;padding:1rem}.emergency-grid{grid-template-columns:1fr}.emergency-card{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}.emergency-info{text-align:center}.search-section{margin-bottom:1.5rem;padding:1rem}.services-grid{grid-template-columns:1fr}.service-card{padding:1rem}.service-actions{flex-direction:column}.service-actions .btn{flex:none;width:100%;min-width:auto}.usage-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:480px){.country-button{padding:.75rem;font-size:.9375rem}.emergency-card{padding:.875rem}.emergency-icon{font-size:1.75rem}.emergency-number{font-size:1.125rem}.service-number{padding:.375rem;font-size:1.125rem}.service-name{font-size:1rem}}.format-info-section{background:linear-gradient(135deg,#f0f9ff 0%,#fff 100%);border:2px solid #dbeafe;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.format-info-section h3{color:#1e40af;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;display:flex}.format-card{background:#fff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1.25rem}.format-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.format-item h4{color:#1e40af;text-transform:uppercase;letter-spacing:.025em;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.format-pattern,.format-example{color:#1e40af;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.375rem;padding:.5rem .75rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.125rem;font-weight:700;display:inline-block}.format-description{color:#1e40af;margin-bottom:1rem;font-size:.9375rem;line-height:1.5}.format-examples h4{color:#1e40af;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.sample-codes{flex-wrap:wrap;gap:.75rem;display:flex}.sample-code{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.sample-city{color:#1e40af;font-size:.875rem;font-weight:500}.sample-postal-code{color:#1e40af;background:#fff;border:1px solid #bfdbfe;border-radius:.25rem;padding:.25rem .5rem;font-family:Source Code Pro,Courier New,monospace;font-size:.875rem;font-weight:700}.smart-search-section{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:2px solid #10b981;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.smart-search-section h3{color:#16a34a;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;display:flex}.search-container{align-items:flex-start;gap:1rem;display:flex}.smart-search-input{flex:1;position:relative}.search-input-wrapper{position:relative}.smart-search{font-size:1rem;border:2px solid #10b981!important;padding-right:3rem!important}.smart-search:focus{border-color:#16a34a!important;box-shadow:0 0 0 3px rgba(34,197,94,.1)!important}.search-icon{color:#16a34a;pointer-events:none;font-size:1.25rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.suggestions-dropdown{z-index:1000;background:#fff;border:2px solid #10b981;border-top:none;border-radius:0 0 .5rem .5rem;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.suggestion-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .15s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background:#f0fdf4;border-left:3px solid #10b981;padding-left:calc(1rem - 3px)}.suggestion-icon{flex-shrink:0;font-size:1.25rem}.suggestion-content{flex:1}.suggestion-text{color:#1f2937;font-size:.9375rem;font-weight:600}.suggestion-subtitle{color:#6b7280;margin-top:.125rem;font-size:.8125rem}.suggestion-count{color:#16a34a;background:#f0fdf4;border-radius:.25rem;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.clear-search-btn{flex-shrink:0;margin-top:1.875rem}.quick-access-section{background:linear-gradient(135deg,#fef3c7 0%,#fff 100%);border:2px solid #fbbf24;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.quick-access-section h3{color:#d97706;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;display:flex}.quick-cities-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.quick-city-button{cursor:pointer;text-align:left;background:#fff;border:2px solid #fbbf24;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:all .15s;display:flex}.quick-city-button:hover{border-color:#d97706;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(217,119,6,.1)}.quick-city-info{flex-direction:column;gap:.125rem;display:flex}.quick-city-name{color:#d97706;font-size:.9375rem;font-weight:700}.quick-city-meta{color:#92400e;font-size:.75rem;font-weight:500}.quick-city-code{color:#d97706;background:#fffbeb;border:1px solid #fbbf24;border-radius:.25rem;padding:.25rem .5rem;font-family:Source Code Pro,Courier New,monospace;font-size:.8125rem;font-weight:700}.postcodes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-top:1rem;display:grid}.postcode-card{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.postcode-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.postcode-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.postcode-card:hover:before{transform:scaleX(1)}.postcode-header{margin-bottom:1rem}.location-info{flex-direction:column;gap:.5rem;display:flex}.city-name{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.state-name{color:#6b7280;font-size:.9375rem;font-weight:500}.region-badge{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;max-width:-moz-fit-content;max-width:fit-content;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.postcode-content{flex-direction:column;gap:1rem;display:flex}.postcode-display{flex-direction:column;gap:.5rem;display:flex}.postcode-label{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.postcode-value{color:#1e40af;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.375rem;max-width:-moz-fit-content;max-width:fit-content;padding:.5rem .75rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.5rem;font-weight:700;display:inline-block}.area-type{flex-direction:column;gap:.25rem;display:flex}.type-label{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.type-value{color:#1f2937;font-size:.875rem;font-weight:500}.postcode-actions{gap:.5rem;margin-top:.5rem;display:flex}.postcode-actions .btn{flex:1;min-width:120px}@media (max-width:768px){.format-info-section{margin-bottom:1.5rem;padding:1rem}.format-details{grid-template-columns:1fr;gap:.75rem}.sample-codes{flex-direction:column;gap:.5rem}.sample-code{justify-content:space-between}.smart-search-section{margin-bottom:1.5rem;padding:1rem}.search-container{flex-direction:column;gap:.75rem}.clear-search-btn{align-self:flex-start;margin-top:0}.quick-access-section{margin-bottom:1.5rem;padding:1rem}.quick-cities-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-city-button{flex-direction:column;align-items:flex-start;gap:.375rem;padding:.75rem}.quick-city-code{margin-top:.25rem}.postcodes-grid{grid-template-columns:1fr}.postcode-card{padding:1rem}.city-name{font-size:1.125rem}.postcode-value{padding:.375rem .625rem;font-size:1.25rem}.postcode-actions{flex-direction:column}.postcode-actions .btn{flex:none;width:100%;min-width:auto}}@media (max-width:480px){.format-card{padding:1rem}.format-pattern,.format-example{padding:.375rem .625rem;font-size:1rem}.postcode-card{padding:.875rem}.city-name{font-size:1rem}.state-name{font-size:.875rem}.postcode-value{padding:.25rem .5rem;font-size:1.125rem}.quick-cities-grid{grid-template-columns:1fr;gap:.5rem}.quick-city-button{flex-direction:row;justify-content:space-between;align-items:center;padding:.625rem}.quick-city-name{font-size:.875rem}.quick-city-meta{font-size:.6875rem}.quick-city-code{margin-top:0;padding:.1875rem .375rem;font-size:.75rem}.suggestions-dropdown{max-height:250px}.suggestion-item{padding:.75rem .875rem}.suggestion-text{font-size:.875rem}.suggestion-subtitle{font-size:.75rem}}body.dark-theme .format-info-section{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(30,41,59,.8));border:2px solid rgba(96,165,250,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .format-info-section h3{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .format-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid rgba(96,165,250,.3);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .format-item h4{color:#94c3f8}body.dark-theme .format-pattern,body.dark-theme .format-example{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3);background:rgba(59,130,246,.1);border:1px solid rgba(96,165,250,.3)}body.dark-theme .format-description,body.dark-theme .format-examples h4{color:#94c3f8}body.dark-theme .sample-code{background:rgba(59,130,246,.1);border:1px solid rgba(96,165,250,.3)}body.dark-theme .sample-city{color:#94c3f8}body.dark-theme .sample-postal-code{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid rgba(96,165,250,.3)}body.dark-theme .smart-search-section{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(30,41,59,.8));border:2px solid rgba(52,211,153,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .smart-search-section h3{color:#34d399;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .smart-search{color:#e2e8f0;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid rgba(52,211,153,.3)!important}body.dark-theme .smart-search:focus{border-color:#34d399!important;box-shadow:0 0 0 3px rgba(52,211,153,.2)!important}body.dark-theme .smart-search::placeholder{color:#64748b}body.dark-theme .search-icon{color:#34d399}body.dark-theme .suggestions-dropdown{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid rgba(52,211,153,.3);box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}body.dark-theme .suggestion-item{border-bottom-color:#475569}body.dark-theme .suggestion-item:hover,body.dark-theme .suggestion-item.selected{background:rgba(16,185,129,.15);border-left:3px solid #34d399}body.dark-theme .suggestion-text{color:#f1f5f9}body.dark-theme .suggestion-subtitle{color:#94a3b8}body.dark-theme .suggestion-count{color:#34d399;background:rgba(16,185,129,.15);border:1px solid rgba(52,211,153,.3)}body.dark-theme .quick-access-section{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(30,41,59,.8));border:2px solid rgba(251,191,36,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .quick-access-section h3{color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .quick-city-button{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid rgba(251,191,36,.3);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .quick-city-button:hover{border-color:#fbbf24;box-shadow:0 4px 8px rgba(251,191,36,.2),0 2px 4px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .quick-city-name{color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .quick-city-meta{color:#a16207}body.dark-theme .quick-city-code{color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.3);background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3)}body.dark-theme .postcode-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .postcode-card:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .postcode-card:before{background:linear-gradient(90deg,#60a5fa,#a855f7);box-shadow:0 0 8px rgba(96,165,250,.4)}body.dark-theme .city-name{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .state-name{color:#94a3b8}body.dark-theme .region-badge{color:#60a5fa;background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.3)}body.dark-theme .postcode-label{color:#94a3b8}body.dark-theme .postcode-value{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3);background:rgba(30,64,175,.2);border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 4px rgba(59,130,246,.2),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .type-label{color:#94a3b8}body.dark-theme .type-value{color:#e2e8f0}.tab-navigation{background:0 0;border:none;border-radius:0;justify-content:flex-start;gap:.5rem;margin-bottom:1rem;padding:0;display:flex}.tab-button{color:#6b7280;cursor:pointer;letter-spacing:.025em;background:#fafafa;border:2px solid #e2e8f0;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;min-width:auto;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.tab-button:hover{color:#1f2937;background:#fff;border-color:#cbd5e1}.tab-button.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.2)}@media (max-width:768px){.tab-button{padding:.375rem .75rem;font-size:.8125rem}}.input-hint{color:#9ca3af;margin-top:.25rem;font-size:.875rem;font-style:italic;display:block}.timezone-toggle{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.timezone-toggle .toggle-label{color:#1f2937;margin:0;font-size:.875rem;font-weight:600}.timezone-toggle .toggle-buttons{background:#e2e8f0;border-radius:.375rem;gap:2px;padding:2px;display:flex}.timezone-toggle .toggle-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:calc(.375rem - 2px);align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.timezone-toggle .toggle-btn:hover{color:#1f2937;background:rgba(255,255,255,.7)}.timezone-toggle .toggle-btn.active{color:#3b82f6;background:#fff;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.1)}.input-options-row{gap:1.5rem;margin-bottom:2rem;display:flex}@media (max-width:768px){.input-options-row{flex-direction:column;gap:1rem}}.quick-select-section{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;flex:1;padding:1.5rem}.quick-select-section h3{color:#1f2937;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:700;display:flex}.quick-select-section .quick-select-hint{color:#9ca3af;margin-bottom:1rem;font-size:.875rem;font-style:italic;line-height:1.4}.quick-select-section .button-group{flex-wrap:wrap;gap:.5rem;display:flex}.manual-input-section{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;flex:1;padding:1.5rem}.manual-input-section h3{color:#1f2937;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:700;display:flex}.manual-input-section .manual-input-hint{color:#9ca3af;margin-bottom:1rem;font-size:.875rem;font-style:italic;line-height:1.4}.manual-input-section .input-group{margin-bottom:0}.section-title{color:#1f2937;border-bottom:2px solid #f1f5f9;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:700;display:flex}.status-indicator{align-items:center;gap:.25rem;margin-left:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-indicator.valid{color:#10b981}.status-indicator.invalid{color:#ef4444}.current-time-section,.world-clock-section{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.current-time-display{flex-direction:column;gap:.75rem;display:flex}.time-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.time-item:last-child{border-bottom:none}.time-label{color:#6b7280;font-weight:600}.time-value{color:#1f2937;font-family:Source Code Pro,Courier New,monospace;font-weight:600}.world-clock-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.world-clock-item{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:.5rem;padding:1rem;transition:all .15s}.world-clock-item:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.clock-city{color:#1f2937;margin-bottom:.5rem;font-weight:600}.clock-time{color:#3b82f6;margin-bottom:.25rem;font-family:Source Code Pro,Courier New,monospace;font-size:1.125rem;font-weight:700}.clock-date{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}.clock-offset{color:#94a3b8;font-size:.75rem}.results-section{margin-top:2rem}.result-group{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.result-group:hover{border-color:#e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.result-group h4{color:#1f2937;border-bottom:2px solid #f1f5f9;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:700;display:flex}.result-icon{font-size:1.25rem}.result-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.result-item{background:#fafafa;border:1px solid #f1f5f9;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;transition:all .15s;display:flex}.result-item:hover{background:#fff;border-color:#e2e8f0}.result-item.large{grid-column:1/-1;padding:1.25rem}.result-label{color:#6b7280;text-align:left;min-width:120px;font-weight:600}.result-value{color:#1f2937;word-break:break-all;text-align:right;flex:1;font-family:Source Code Pro,Courier New,monospace}.result-value.custom{color:#3b82f6;font-size:1.125rem;font-weight:700}.result-value.large{color:#3b82f6;text-align:center;font-size:1.25rem;font-weight:700}.human-readable-result{text-align:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:.5rem;padding:1rem}.timezone-selector{margin-bottom:1rem}.selected-timezones{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.timezone-tag{color:#fff;background:#3b82f6;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.timezone-tag:hover{background:#0b63f3;transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,.05)}.timezone-tag .remove-timezone{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;font-size:1.125rem;font-weight:700;transition:background-color .15s;display:flex}.timezone-tag .remove-timezone:hover{background:rgba(255,255,255,.2)}.conversion-results{gap:1.5rem;margin-top:1.5rem;display:grid}.conversion-item{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;padding:1.5rem;transition:all .3s}.conversion-item:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.conversion-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.conversion-header h4{color:#1f2937;margin:0;font-size:1.125rem;font-weight:700}.timezone-offset{color:#3b82f6;background:rgba(59,130,246,.1);border-radius:.375rem;padding:.25rem .5rem;font-family:Source Code Pro,Courier New,monospace;font-size:.875rem;font-weight:600}.conversion-content{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.conversion-content{grid-template-columns:1fr;gap:1rem}}.time-display,.date-display{flex-direction:column;gap:.5rem;display:flex}.time-main,.date-full{color:#1f2937;font-size:1.125rem;font-weight:700}.time-24,.date-short{color:#6b7280;font-family:Source Code Pro,Courier New,monospace;font-size:.875rem}.conversion-actions{flex-wrap:wrap;gap:.5rem;display:flex}.timezone-info{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #f1f5f9;border-radius:.75rem;margin-top:2rem;padding:1.5rem}.timezone-info h3{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.info-grid{gap:1rem;display:grid}@media (min-width:768px){.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.info-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280;font-weight:600}.info-value{color:#1f2937;text-align:right;font-family:Source Code Pro,Courier New,monospace;font-weight:600}body.dark-theme .tab-button{color:#d1d5db;background:#374151;border-color:#4b5563}body.dark-theme .tab-button:hover{color:#f9fafb;background:#4b5563;border-color:#6b7280}body.dark-theme .tab-button.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.4)}body.dark-theme .input-hint{color:#9ca3af}body.dark-theme .timezone-toggle{background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.3)}body.dark-theme .timezone-toggle .toggle-label{color:#f1f5f9}body.dark-theme .timezone-toggle .toggle-buttons{background:rgba(30,41,59,.8)}body.dark-theme .timezone-toggle .toggle-btn{color:#94a3b8}body.dark-theme .timezone-toggle .toggle-btn:hover{color:#f1f5f9;background:rgba(71,85,105,.8)}body.dark-theme .timezone-toggle .toggle-btn.active{color:#fff;background:#3b82f6;box-shadow:0 1px 2px rgba(59,130,246,.3)}body.dark-theme .quick-select-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .quick-select-section:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .quick-select-section h3{color:#f1f5f9}body.dark-theme .quick-select-section .quick-select-hint{color:#9ca3af}body.dark-theme .manual-input-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .manual-input-section:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .manual-input-section h3{color:#f1f5f9}body.dark-theme .manual-input-section .manual-input-hint{color:#9ca3af}body.dark-theme .section-title{color:#f1f5f9;border-bottom-color:#475569}body.dark-theme .status-indicator.valid{color:#34d399}body.dark-theme .status-indicator.invalid{color:#f87171}body.dark-theme .current-time-section,body.dark-theme .world-clock-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .current-time-section:hover,body.dark-theme .world-clock-section:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .current-time-display .time-item{border-bottom-color:#475569}body.dark-theme .time-label{color:#94a3b8}body.dark-theme .time-value{color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .world-clock-item{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .world-clock-item:hover{border-color:#64748b;transform:translateY(-3px);box-shadow:0 8px 12px -2px rgba(0,0,0,.4),0 4px 6px -1px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .clock-city{color:#f1f5f9}body.dark-theme .clock-time{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .clock-date{color:#94a3b8}body.dark-theme .clock-offset{color:#64748b}body.dark-theme .result-group{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .result-group:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .result-group h4{color:#f1f5f9;border-bottom-color:#475569}body.dark-theme .result-group h4 .result-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}body.dark-theme .result-item{background:rgba(30,41,59,.5);border:1px solid #475569}body.dark-theme .result-item:hover{background:rgba(51,65,85,.7);border-color:#64748b}body.dark-theme .result-label{color:#94a3b8}body.dark-theme .result-value{color:#e2e8f0}body.dark-theme .result-value.custom,body.dark-theme .result-value.large{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .human-readable-result{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(59,130,246,.08));border:2px solid rgba(96,165,250,.3)}body.dark-theme .timezone-tag{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 4px rgba(59,130,246,.3)}body.dark-theme .timezone-tag:hover{background:linear-gradient(135deg,#60a5fa,#93c5fd);box-shadow:0 4px 8px rgba(59,130,246,.4)}body.dark-theme .conversion-item{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .conversion-item:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .conversion-header{border-bottom-color:#475569}body.dark-theme .conversion-header h4{color:#f1f5f9}body.dark-theme .timezone-offset{color:#60a5fa;background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.3)}body.dark-theme .time-main,body.dark-theme .date-full{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .time-24,body.dark-theme .date-short{color:#94a3b8}body.dark-theme .timezone-info{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .timezone-info h3{color:#f1f5f9}body.dark-theme .info-item{border-bottom-color:#475569}body.dark-theme .info-item .info-label{color:#94a3b8}body.dark-theme .info-item .info-value{color:#e2e8f0}.countdown-controls{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.empty-state{text-align:center;background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px dashed #e5e7eb;border-radius:.75rem;margin:2rem 0;padding:3rem 2rem}.empty-state h3{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:#6b7280;margin:0}.add-countdown-form{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.add-countdown-form h3{color:#1f2937;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.5rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.form-grid .input-group.full-width{grid-column:1/-1}.preset-countdowns{background:#f8fafc;border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.preset-header{margin-bottom:1.5rem}.preset-header h3{color:#1f2937;align-items:center;gap:.5rem;margin:0 0 .5rem;display:flex}.preset-subtitle{color:#6b7280;margin:0;font-size:.875rem;font-style:italic}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.preset-countdown-btn{cursor:pointer;color:inherit;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;flex-direction:column;align-items:center;gap:.375rem;min-height:110px;padding:1rem;text-decoration:none;transition:all .15s;display:flex}.preset-countdown-btn:hover:not(:disabled){border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.preset-countdown-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.preset-icon{font-size:1.5rem}.preset-title{color:#1f2937;text-align:center;font-size:.875rem;font-weight:600}.preset-date{color:#6b7280;text-align:center;font-size:.75rem}.preset-days{color:#3b82f6;text-align:center;background:#eff6ff;border-radius:.375rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.countdowns-section{margin-bottom:2rem}.countdowns-section h3{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.countdowns-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.countdown-card{background:#fff;border:2px solid #f1f5f9;border-radius:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.countdown-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.countdown-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 8px 25px -8px rgba(0,0,0,.12),0 4px 6px -2px rgba(0,0,0,.05)}.countdown-card:hover:before{transform:scaleX(1)}.countdown-card.expired{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.countdown-card.expired:before{background:#ef4444}.countdown-card.expired .time-number{color:#ef4444}.countdown-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.countdown-category{color:#6b7280;background:#f1f5f9;border-radius:1rem;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:flex}.category-icon{font-size:1rem}.remove-countdown{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;font-weight:700;transition:all .15s;display:flex}.remove-countdown:hover{color:#fff;background:#ef4444}.countdown-content{z-index:1;position:relative}.countdown-title{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.countdown-description{color:#6b7280;margin:0 0 1.5rem;font-size:.875rem;line-height:1.4}.countdown-display{flex-direction:column;gap:1rem;display:flex}.time-units{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.time-unit{flex-direction:column;align-items:center;min-width:60px;display:flex}.time-number{color:#3b82f6;font-family:Source Code Pro,Courier New,monospace;font-size:2rem;font-weight:700;line-height:1}.time-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.7rem;font-weight:600}.time-separator{color:#cbd5e1;font-size:1.5rem;font-weight:700;animation:2s infinite pulse}.countdown-progress{background:#f1f5f9;border-radius:3px;width:100%;height:6px;margin:1rem 0;overflow:hidden}.progress-bar{background:#3b82f6;border-radius:3px;height:100%;transition:width .5s;position:relative}.progress-bar:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.countdown-meta{text-align:center;flex-direction:column;gap:.5rem;display:flex}.target-date{color:#6b7280;font-size:.875rem;font-weight:500}.status-text{border-radius:1rem;padding:.375rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.status-text.active{color:#1e40af;background:#dbeafe}.status-text.expired{color:#ef4444;background:#fecaca}.countdown-stats{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border:2px solid #f1f5f9;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-item{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:.5rem;padding:1rem}.stat-number{color:#3b82f6;margin-bottom:.25rem;font-size:2rem;font-weight:700;display:block}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.countdown-info{background:#eff6ff;border:2px solid #dbeafe;border-radius:.75rem;padding:1.5rem}.countdown-info h3{color:#1e40af;margin-top:0}.countdown-info ul{color:#1e40af;margin:0;padding-left:1.5rem}.countdown-info li{margin-bottom:.5rem;line-height:1.4}.countdown-info li:last-child{margin-bottom:0}.countdown-info strong{color:#1e3a8a}body.dark-theme .countdown-controls .btn{color:#e2e8f0;background:linear-gradient(135deg,#475569,#334155);border:1px solid #64748b}body.dark-theme .countdown-controls .btn:hover{color:#f1f5f9;background:linear-gradient(135deg,#64748b,#475569);border-color:#94a3b8}body.dark-theme .empty-state{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px dashed #475569}body.dark-theme .empty-state h3{color:#f1f5f9}body.dark-theme .empty-state p{color:#94a3b8}body.dark-theme .add-countdown-form{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .add-countdown-form h3{color:#f1f5f9}body.dark-theme .countdown-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .countdown-card:hover{border-color:#64748b;box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .countdown-card.expired{background:linear-gradient(135deg,#1e293b 0%,#374151 100%);border-color:#ef4444;box-shadow:0 4px 6px -1px rgba(239,68,68,.3),0 2px 4px -1px rgba(239,68,68,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .countdown-card .card-header{border-bottom-color:rgba(71,85,105,.5)}body.dark-theme .countdown-card .card-header h3{color:#f1f5f9}body.dark-theme .countdown-card .countdown-display .time-unit{background:linear-gradient(135deg,rgba(96,165,250,.1),rgba(59,130,246,.05));border:1px solid rgba(96,165,250,.2);box-shadow:0 2px 4px rgba(96,165,250,.1),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .countdown-card .countdown-display .time-unit .time-value{color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-theme .countdown-card .countdown-display .time-unit .time-label{color:#94a3b8}body.dark-theme .countdown-card .countdown-display .time-unit.expired{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.08));border-color:rgba(239,68,68,.3)}body.dark-theme .countdown-card .countdown-display .time-unit.expired .time-value{color:#f87171}body.dark-theme .countdown-card .card-actions{border-top-color:rgba(71,85,105,.5)}body.dark-theme .countdown-card .card-actions .btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #ef4444}body.dark-theme .countdown-card .card-actions .btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#f87171}body.dark-theme .quick-presets h4{color:#f1f5f9}body.dark-theme .quick-presets .preset-button{color:#cbd5e1;background:rgba(30,41,59,.5);border:1px solid #475569}body.dark-theme .quick-presets .preset-button:hover{color:#f1f5f9;background:rgba(51,65,85,.7);border-color:#64748b;transform:translateY(-1px)}body.dark-theme .quick-presets .preset-button:active{background:rgba(51,65,85,.8);transform:translateY(0)}body.dark-theme .about-countdown{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569}body.dark-theme .about-countdown h4{color:#f1f5f9}body.dark-theme .about-countdown p{color:#cbd5e1}body.dark-theme .about-countdown strong{color:#60a5fa}.breadcrumbs{margin:1em;padding:0;font-size:.875rem}@media (max-width:768px){.breadcrumbs{margin:1em;padding:0 .5rem}}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:.25rem;display:flex}.breadcrumb-item:not(:last-child) .breadcrumb-separator{color:#6b7280;opacity:.6;margin-left:.25rem;font-weight:400}.breadcrumb-link{color:#6b7280;border-radius:.25rem;padding:.25rem .5rem;font-weight:500;text-decoration:none;transition:all .15s}.breadcrumb-link:hover{color:#3b82f6;background:rgba(59,130,246,.1);text-decoration:none}.breadcrumb-link:focus{outline-offset:2px;outline:2px solid #3b82f6}@media (max-width:768px){.breadcrumb-link{padding:.25rem;font-size:.9rem}}.breadcrumb-current{color:#1f2937;padding:.25rem .5rem;font-weight:600}@media (max-width:768px){.breadcrumb-current{padding:.25rem;font-size:.9rem}}.breadcrumb-separator{color:#6b7280;opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:400}@media (max-width:768px){.breadcrumb-separator{margin:0 2px}}body.dark-theme .breadcrumb-link{color:#cbd5e1}body.dark-theme .breadcrumb-link:hover{color:#60a5fa;background:rgba(96,165,250,.15)}body.dark-theme .breadcrumb-current{color:#f1f5f9}body.dark-theme .breadcrumb-separator{color:#94a3b8}.breadcrumbs[itemscope] ol{flex-wrap:wrap;align-items:center;display:flex}.breadcrumbs[itemscope] li[itemprop=itemListElement]{align-items:center;display:flex}.breadcrumbs[itemscope] li[itemprop=itemListElement]:not(:last-child):after{content:"›";color:#6b7280;opacity:.6;margin:0 .25rem}.global-search-container{z-index:1000;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex;position:relative}.global-search-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;width:100%;padding:.75rem 3rem;font-size:1rem;font-weight:400;transition:all .3s;box-shadow:0 1px 2px rgba(0,0,0,.05)}.global-search-input::placeholder{color:#9ca3af;font-weight:400}.global-search-input:hover{background:#fff;border-color:#d1d5db;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.global-search-input:focus{background:#fff;border-color:#3b82f6;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.search-input-icon{color:#6b7280;pointer-events:none;font-size:1.125rem;transition:color .15s;position:absolute;left:1rem}.global-search-input:focus+.search-input-icon{color:#3b82f6}.search-clear-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;transition:all .15s;display:flex;position:absolute;right:1rem}.search-clear-button:hover{color:#1f2937;background:#f8fafc;transform:scale(1.1)}.search-clear-button:active{transform:scale(.95)}.autocomplete-dropdown{background:#fff;border:2px solid #3b82f6;border-top:none;border-radius:0 0 .5rem .5rem;max-height:300px;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.autocomplete-item{cursor:pointer;border-bottom:1px solid #e5e7eb;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .15s;display:flex}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:rgba(59,130,246,.05);border-left:3px solid #3b82f6;padding-left:calc(1rem - 3px)}.autocomplete-item.selected{background:rgba(59,130,246,.1)}.autocomplete-icon{color:#6b7280;flex-shrink:0;font-size:.875rem}.autocomplete-text{color:#1f2937;font-size:.875rem;font-weight:500}.search-results-container{margin:1.5rem;animation:.3s ease-out fadeInUp}.search-results-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.search-results-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.search-results-title .search-query{color:#3b82f6;font-weight:700}.search-clear-results{color:#6b7280;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.search-clear-results:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,.05)}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.search-result-card{height:100%;animation:.6s ease-out both fadeInUp;animation-delay:calc(var(--card-index)*.1s + .2s);background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;flex-direction:column;padding:0;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.search-result-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.search-result-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.search-result-card:hover:before{transform:scaleX(1)}.search-result-card:hover .search-card-icon{transform:scale(1.1)rotate(-5deg)}.search-result-card:hover .search-card-arrow{color:#3b82f6;transform:translate(.25rem)}.search-result-card:active{transform:translateY(-2px)}.search-card-header{justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem .5rem;display:flex}.search-card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem;transition:all .3s}.search-card-meta{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.search-card-section{color:#3b82f6;text-transform:uppercase;letter-spacing:.05em;background:rgba(59,130,246,.1);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.search-card-category{color:#6b7280;background:#f8fafc;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.search-card-content{flex:1;padding:0 1.5rem .5rem}.search-card-title{color:#1f2937;margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.3}.search-card-description{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.search-card-footer{justify-content:flex-end;padding:.5rem 1.5rem 1.5rem;display:flex}.search-card-arrow{color:#9ca3af;font-size:1.25rem;transition:all .15s}.search-highlight{color:#1f2937;background:rgba(245,158,11,.3);border-radius:.25rem;padding:.125rem .25rem;font-weight:600}.search-no-results{text-align:center;padding:4rem 1.5rem}.no-results-icon{opacity:.5;margin-bottom:1.5rem;font-size:4rem}.no-results-content h3{color:#1f2937;margin-bottom:1rem;font-size:1.5rem}.no-results-content p{color:#6b7280;margin-bottom:1.5rem;font-size:1rem}.no-results-suggestions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.suggestion-link{color:#3b82f6;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .15s}.suggestion-link:hover{color:#fff;background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.search-loading{text-align:center;padding:4rem 0}.search-loading .loading-spinner{margin-bottom:1.5rem;font-size:3rem;animation:2s linear infinite spin}.search-loading p{color:#6b7280;font-size:1.125rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.global-search-container{max-width:100%;margin:0}.global-search-input{padding:.875rem 2.5rem;font-size:.875rem}.search-input-icon{font-size:1rem;left:.875rem}.search-clear-button{right:.875rem}.search-results-header{flex-direction:column;align-items:stretch;gap:1rem}.search-results-title{font-size:1.125rem}.search-results-grid{grid-template-columns:1fr;gap:1rem}.search-card-header{padding:1rem 1rem .5rem}.search-card-content{padding:0 1rem .5rem}.search-card-footer{padding:.5rem 1rem 1rem}.search-card-icon{font-size:2rem}.no-results-suggestions{flex-direction:column}}body.dark-theme .global-search-input{color:#e2e8f0;background:#334155;border-color:#475569;box-shadow:0 1px 3px rgba(0,0,0,.3)}body.dark-theme .global-search-input::placeholder{color:#94a3b8}body.dark-theme .global-search-input:hover{background:#3f4956;border-color:#64748b;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}body.dark-theme .global-search-input:focus{background:#334155;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.15),0 4px 6px -1px rgba(0,0,0,.3)}body.dark-theme .search-input-icon{color:#94a3b8}body.dark-theme .global-search-input:focus+.search-input-icon{color:#60a5fa}body.dark-theme .search-clear-button{color:#94a3b8}body.dark-theme .search-clear-button:hover{color:#e2e8f0;background:rgba(51,65,85,.8)}body.dark-theme .autocomplete-dropdown{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:rgba(96,165,250,.3);box-shadow:0 8px 25px -8px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}body.dark-theme .autocomplete-item{border-bottom-color:#475569}body.dark-theme .autocomplete-item:hover,body.dark-theme .autocomplete-item.selected{background:rgba(96,165,250,.15);border-left-color:#60a5fa}body.dark-theme .autocomplete-item.selected{background:rgba(96,165,250,.2)}body.dark-theme .autocomplete-icon{color:#64748b}body.dark-theme .autocomplete-text{color:#f1f5f9}body.dark-theme .search-results-header{border-bottom-color:#475569}body.dark-theme .search-results-title{color:#f1f5f9}body.dark-theme .search-results-title .search-query{color:#60a5fa}body.dark-theme .search-clear-results{color:#cbd5e1;background:#334155;border-color:#475569}body.dark-theme .search-clear-results:hover{color:#fff;background:#ef4444;border-color:#ef4444}body.dark-theme .search-result-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}body.dark-theme .search-result-card:before{background:linear-gradient(90deg,#60a5fa,#34d399,#fbbf24)}body.dark-theme .search-result-card:hover{border-color:#64748b;box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}body.dark-theme .search-result-card:hover .search-card-arrow{color:#60a5fa}body.dark-theme .search-result-card:hover .search-card-icon{filter:brightness(1.3)drop-shadow(0 4px 8px rgba(0,0,0,.4))}body.dark-theme .search-card-section{color:#60a5fa;background:rgba(96,165,250,.15)}body.dark-theme .search-card-category{color:#94a3b8;background:rgba(51,65,85,.8)}body.dark-theme .search-card-title{color:#f1f5f9}body.dark-theme .search-card-description{color:#cbd5e1}body.dark-theme .search-card-arrow{color:#64748b}body.dark-theme .search-card-icon{filter:brightness(1.2)drop-shadow(0 2px 4px rgba(0,0,0,.3))}body.dark-theme .search-highlight{color:#fbbf24;background:rgba(251,191,36,.3)}body.dark-theme .no-results-content h3{color:#f1f5f9}body.dark-theme .no-results-content p{color:#cbd5e1}body.dark-theme .suggestion-link{color:#60a5fa;background:#334155;border-color:#475569}body.dark-theme .suggestion-link:hover{color:#0f172a;background:#60a5fa}body.dark-theme .search-loading p{color:#cbd5e1}@media (min-width:1200px){.content-container{max-width:1800px}.tools-grid,.category-tools-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (min-width:1600px){.content-container{max-width:2000px}.main-content{padding:.5rem 2rem 2rem}.tool-container{padding:1.5rem}.tools-grid,.category-tools-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (min-width:769px) and (max-width:1199px){.content-container{padding:0 1rem;display:block}.nav-container{padding:1rem 1.5rem}.tools-grid,.category-tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:577px) and (max-width:768px){.content-container{padding:0 1rem;display:block}.nav-container{padding:1rem}.nav-links{flex-wrap:wrap;gap:.5rem}.nav-links a{padding:.5rem .75rem;font-size:.8rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-tools-grid{grid-template-columns:1fr}.home-title{font-size:2.5rem}.category-icon{font-size:2.75rem}}@media (max-width:768px){.mobile-header{display:flex}.mobile-overlay.active{display:block}.desktop-only{display:none!important}.sidebar{z-index:1001;width:280px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;padding:4.5rem .75rem .75rem}.content-container{display:block}.content-area{border-radius:.75rem;margin-bottom:1rem}.content-area:hover{transform:none}.tool-container{border-radius:.75rem;padding:.75rem}.category-page{padding:1.5rem}.category-header h1{font-size:2rem}.home-container{padding:0}.hero-section{padding:3rem 0 4rem}.hero-content{padding:0 1.5rem}.home-title{margin-bottom:1rem;font-size:2.75rem}.home-subtitle{margin-bottom:2rem;font-size:1.125rem}.hero-stats{flex-wrap:wrap;justify-content:space-around;gap:1rem}.stat-number{font-size:1.75rem}.stat-divider{display:none}.hero-search-section{margin-top:2rem}.hero-search-section .global-search-container{max-width:100%;margin:0 auto}.categories-section{padding:3rem 1.5rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.card-header{padding:1.5rem 1.5rem 0}.category-icon{font-size:2.5rem}.card-content{padding:1rem 1.5rem}.category-meta{padding:0 1.5rem 1.5rem}.features-section{padding:3rem 1.5rem}.feature-grid{grid-template-columns:1fr;gap:1.5rem}.feature-item{padding:1.5rem}.tool-card{padding:1.25rem}.category-tools-grid{grid-template-columns:1fr;gap:1rem}.category-tool-card{padding:1.25rem}.tool-icon{margin-bottom:.75rem;font-size:2rem}.tool-container{border-radius:.375rem;margin:0;padding:.75rem}.button-group{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.btn{touch-action:manipulation;border-radius:.5rem;min-width:100px;padding:.5rem 1rem;font-size:.875rem}.btn:hover{transform:none}.btn:active{transform:scale(.98)}.btn-small{padding:.25rem .5rem;font-size:.75rem}.text-input,.text-area{border-width:2px;border-radius:.75rem;padding:1rem 1.25rem;font-size:1rem}.text-input:hover,.text-area:hover,.text-input:focus,.text-area:focus{transform:none}.text-area{min-height:150px}.case-header{flex-direction:column;align-items:stretch;gap:.75rem}.case-result-item{margin-bottom:.75rem;padding:1rem}.uuid-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.uuid-text{margin-right:0;font-size:.75rem;line-height:1.4}.password-result{min-height:3.5rem;padding:1rem;font-size:.875rem;line-height:1.4}.checkbox-group{gap:1rem}.checkbox-item{padding:.5rem 0;font-size:1rem}.checkbox-item input[type=checkbox]{width:1.125rem;height:1.125rem;margin-right:.25rem}.password-slider{height:12px;margin:1rem 0}.password-slider::-webkit-slider-thumb{width:24px;height:24px}.password-slider::-moz-range-thumb{width:24px;height:24px}}@media (max-width:320px){.main-content{padding:4.5rem .5rem .5rem}.tool-container{padding:.75rem}.hero-content{padding:0 1rem}.home-title{font-size:2.25rem}.hero-badge{padding:.375rem 1rem;font-size:.75rem}.home-subtitle{font-size:1rem}.hero-stats{gap:.75rem}.stat-number{font-size:1.5rem}.categories-section{padding:2rem 1rem}.section-title{font-size:1.75rem}.category-icon{font-size:2rem}.tool-icon{font-size:1.75rem}.features-section{padding:2rem 1rem}.feature-item{padding:1.25rem}.feature-icon{font-size:2rem}.button-group{flex-direction:column}.btn{width:100%;margin-bottom:.5rem}.uuid-text{font-size:.7rem}}@media print{.navigation{display:none!important}.main-content{padding:0}.content-container{max-width:none;display:block}.tool-container{box-shadow:none;page-break-inside:avoid;border:1px solid #ccc}}