@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
html,body{background-color:#f7f6f2;height:100%;margin:0;padding:0;font-family:Montserrat,sans-serif;overflow-x:hidden}h1{font-size:34px}h2{font-size:26px}h3{color:#000;font-size:20px}h4{color:#000;margin:0;font-weight:500}p{color:#626161;letter-spacing:.01em;font-size:16px;line-height:1.7em}li{color:#626161;line-height:1.7em}.my-link{color:#1b3066;margin:0 4px;font-weight:500;text-decoration:none}@media (max-width:1024px){.con-para{margin-left:10px;margin-right:10px}}.container{width:100%;max-width:900px;margin:0 auto}.container-header{width:100%;max-width:1200px;margin:0 auto}*,:before,:after{box-sizing:border-box}.calc-card-main{background:#1b3066;border-radius:20px;padding:32px 22px 22px}@media (max-width:768px){.card-title{font-size:12px!important}.bullet{padding:15px!important}}.bullet:hover{transform:scale(1.05);box-shadow:0 6px 18px #00000026}.calc-title{margin-bottom:20px;font-size:20px;font-weight:600}.calc-card{background:#122e60;border:1px solid #b4bcc7;border-radius:16px;padding:42px 32px 32px}.calc-input{background:#fff;border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:14px 13px;font-size:16px;box-shadow:inset 0 0 0 1px #e0e0e0}.tool-input{background:#fff;border:none;border-radius:30px;width:100%;padding:16px 13px;font-size:16px;transition:all .3s}.tool-input:focus{outline:none;transform:scale(1.02);box-shadow:0 4px 15px #ffffff26}input::placeholder{color:#717171;font-family:Montserrat,sans-serif;font-size:15px}.calc-input:focus{background:#fff;outline:none;box-shadow:inset 0 0 0 2px #1b3066}.calc-button{color:#fff;cursor:pointer;background:#d8a13a;border:none;border-radius:12px;width:50%;margin-top:12px;padding:15px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;transition:background .3s}.calc-button:hover{background:#d8a13a;transform:translateY(-2px)}.calc-clear{color:#fff;background:#1f3a69;border:1px solid #e1e1e14d;border-radius:12px;font-family:Montserrat,sans-serif}.calc-clear:hover{color:#fff;background:#1f3a69;transform:translateY(-2px)}.calc-result{color:#333;background:#fffdf7 linear-gradient(#0000000d 1px,#0000 1px) 0 0/100% 28px;border-radius:8px;margin-top:20px;padding:20px 16px 20px 50px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;position:relative;box-shadow:0 4px 10px #00000014}@media (max-width:1024px){.calc-card{padding:24px}.calc-title{font-size:18px}.calc-input{padding:14px 12px;font-size:15px}.calc-button{padding:10px;font-size:15px}.calc-result{padding:12px;font-size:15px}}@media (max-width:768px){.calc-card{padding:20px}.calc-title{font-size:16px}.calc-input{padding:12px 10px;font-size:14px}.calc-button,.calc-result{padding:10px;font-size:14px}}@media (max-width:480px){.calc-card{padding:16px}.calc-title{font-size:14px}.calc-input{padding:10px 8px;font-size:14px}.calc-button,.calc-result{padding:10px;font-size:14px}}.calculators-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-left:10px;margin-right:10px;display:grid}@media (max-width:1024px){.calculators-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.calculators-grid{grid-template-columns:1fr}}.header{z-index:1000;background-color:#001f54;border-bottom:1px solid #ddd;position:sticky;top:0}.header{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#001f54f2;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.container-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:6px 20px;display:flex;position:relative}.logo-link{text-decoration:none}.site-logo{width:auto;height:40px;display:block}.desktop-nav{width:auto;display:block;position:relative}.desktop-menu{gap:40px;margin:0;padding:0;list-style:none;display:flex}.desktop-menu-item{padding:10px 0;position:relative}.desktop-menu-link{color:#dfdede;cursor:pointer;align-items:center;gap:6px;padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.menu-indicator{color:#fff;opacity:.8;font-size:10px;transition:transform .3s,opacity .3s}.desktop-menu-item:hover .menu-indicator{opacity:1;transform:rotate(180deg)}.desktop-menu-link:hover{color:#4dabf7}.desktop-menu-item:after{content:"";z-index:999;background:0 0;height:30px;position:absolute;bottom:-20px;left:-10px;right:-10px}.desktop-nav .mega-menu-container{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;width:1200px;margin:0 auto;padding:0 20px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:absolute;top:100%;left:-360px;right:0;transform:translateY(-15px)}.desktop-nav .mega-menu-container.active{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.mega-menu{background:#fff;border-top:3px solid #1b3066;border-radius:0 0 10px 10px;width:100%;animation:.2s ease-out fadeIn;overflow:hidden;box-shadow:0 10px 30px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mega-menu-content{padding:30px 20px}.mega-menu-title{color:#001f54;border-bottom:2px solid #f0f0f0;margin-bottom:25px;padding-bottom:15px;font-size:22px;font-weight:700}.mega-menu-columns{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.mega-menu-column{flex-direction:column;display:flex}.column-list{margin:0;padding:0;list-style:none}.column-list li{margin-bottom:6px}.column-link{background:0 0;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:background .15s;display:flex}.column-link:hover{background:#f0f4ff;padding-left:10px}.menu-icon-circle{border-radius:20%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.menu-icon-circle svg{stroke:currentColor;width:22px;height:22px}.menu-link-text{flex-direction:column;display:flex}.menu-link-title{color:#111;font-size:14px;font-weight:600;line-height:1.3}.menu-link-desc{color:#666;margin-top:2px;font-size:12px;line-height:1.4}.menu-toggle{cursor:pointer;z-index:1002;flex-direction:column;gap:5px;display:none}.menu-toggle span{background:#fff;border-radius:2px;width:25px;height:2px;transition:all .3s}.mobile-menu-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.mobile-menu{z-index:1001;background:#fff;width:300px;height:100vh;transition:left .3s;position:fixed;top:0;left:-300px;overflow-y:auto;box-shadow:2px 0 12px #0000001a}.mobile-menu.active{left:0}.mobile-menu.active+.mobile-menu-overlay{display:block}.mobile-menu-header{border-bottom:1px solid #eee;justify-content:flex-end;padding:20px;display:flex}.close-btn{color:#fff;cursor:pointer;background:#001f54;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .3s;display:flex}.close-btn:hover{background:#001f54}.mobile-menu-list{margin:0;padding:20px;list-style:none}.mobile-menu-item{border-bottom:1px solid #eee;padding:15px 0;position:relative}.mobile-menu-link{color:#333;font-size:18px;font-weight:600;text-decoration:none;display:block}.mobile-dropdown-arrow{cursor:pointer;color:#666;padding:5px 10px;font-size:12px;transition:transform .3s;position:absolute;top:15px;right:0}.mobile-submenu{max-height:0;margin:10px 0 0;padding:0;list-style:none;transition:max-height .3s;overflow:hidden}.mobile-submenu.active{max-height:1000px}.mobile-submenu li{padding:8px 0}.mobile-submenu-link{color:#666;padding:5px 0;font-size:15px;text-decoration:none;transition:color .3s;display:block}.mobile-submenu-link:hover{color:#1b3066;padding-left:10px}@media (min-width:769px){.desktop-nav{display:block!important}.menu-toggle,.mobile-menu,.mobile-menu-overlay{display:none}}@media (max-width:768px){.mega-menu-container{display:none}.desktop-nav{display:none!important}.menu-toggle{display:flex}.container-header{padding-left:15px;padding-right:15px}}@media (max-width:1024px){.mega-menu-columns{grid-template-columns:repeat(2,1fr);gap:30px}.desktop-menu{gap:25px}}@media (max-width:900px){.desktop-menu{gap:20px}.desktop-menu-link{font-size:15px}}.desktop-menu-item:hover .desktop-menu-link,.desktop-menu-item.active .desktop-menu-link{color:#4dabf7}.desktop-menu-item.active .menu-indicator{opacity:1;transform:rotate(180deg)}@media (max-width:1024px){footer .container-header{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){footer .container-header{text-align:start;margin:10px;grid-template-columns:1fr!important}footer h3,footer h4{margin-top:20px}footer ul li{margin-bottom:6px}}.single-calc{max-width:80%}@media (max-width:768px){.single-calc{max-width:100%}}.calc-hero-section{width:100vw;margin-top:-40px;margin-bottom:30px;margin-left:calc(50% - 50vw);position:relative}.calc-hero-wrapper{width:100%;position:relative}.calc-hero-swiper{width:100%;overflow:visible}.calc-hero-swiper .swiper-wrapper{align-items:center}.calc-hero-swiper .swiper-slide{opacity:.7;transition:transform .35s,opacity .35s}.calc-hero-swiper .swiper-slide-active{opacity:1}.calc-hero-swiper .swiper-slide-active .calc-hero-slide{transform:scale(1)}.calc-hero-swiper .swiper-slide-prev .calc-hero-slide,.calc-hero-swiper .swiper-slide-next .calc-hero-slide{transform:scale(.94)}.calc-hero-slide{background:#d9e2ef;border-radius:6px;width:100%;height:420px;transition:transform .35s;position:relative;overflow:hidden}.calc-hero-image{object-fit:cover;width:100%;height:100%;display:block}.calc-hero-overlay{background:linear-gradient(#7374788a 0%,#03235b80 100%);position:absolute;inset:0}.calc-hero-content{z-index:5;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.calc-hero-content h1{color:#fff;text-shadow:0 2px 12px #0000002e;pointer-events:auto;max-width:900px;margin:0 0 18px;font-size:36px;font-weight:800;line-height:1.3}.calc-hero-search{pointer-events:auto;width:100%;max-width:800px}.calc-hero-swiper .swiper-button-prev,.calc-hero-swiper .swiper-button-next{z-index:10;background:#fffffff2;border-radius:50%;width:36px;height:36px;padding:8px;box-shadow:0 6px 20px #0000001f;color:#022a6f!important}.calc-hero-swiper .swiper-button-prev{left:18px!important}.calc-hero-swiper .swiper-button-next{right:18px!important}@media (max-width:991px){.calc-hero-slide{border-radius:22px;height:340px}.calc-hero-content h1{font-size:28px}}@media (max-width:767px){.calc-hero-section{margin-top:-20px}.calc-hero-slide{border-radius:18px;height:260px}.calc-hero-content h1{margin-bottom:14px;padding:0 10px;font-size:22px}.calc-hero-swiper .swiper-button-prev,.calc-hero-swiper .swiper-button-next{width:38px;height:38px}.calc-hero-swiper .swiper-button-prev:after,.calc-hero-swiper .swiper-button-next:after{font-size:14px}}.section-two{width:100vw;margin-top:-40px;margin-bottom:40px;margin-left:calc(50% - 50vw);position:relative}.section-two-inner{grid-template-columns:50% 50%;gap:30px;max-width:900px;margin:0 auto;padding:60px 20px 60px 0;display:grid}@media (max-width:768px){.section-two-inner{grid-template-columns:1fr;gap:20px;padding:60px 10px 40px}.section-two{width:100%;margin-left:0}}.badge-wrapper{display:flex}.badge-pill{background:#fff;border:1.5px solid #d6d9e4;border-radius:999px;align-items:center;gap:8px;padding:8px 20px;display:inline-flex}.badge-dot{background:#2db87a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.badge-text{letter-spacing:.04em;color:#3a3f5c;font-size:13px;font-weight:600}.stats-wrapper{align-items:center;gap:40px;margin-top:30px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-number{color:#1b2340;font-size:32px;font-weight:700;line-height:1}.stat-label{color:#888;font-size:14px;font-weight:400}.stat-divider{background:#d6d9e4;width:1px;height:40px}.main-first-heading{margin-bottom:10px;padding-right:.3em;line-height:48px;overflow:visible;font-size:38px!important}.gradient-text{color:#0000;-webkit-text-fill-color:transparent;text-underline-offset:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(90deg,#1b3066,#1b3066);-webkit-background-clip:text;background-clip:text;padding-right:.15em;font-style:italic;-webkit-text-decoration:underline #eddbb7;text-decoration:underline #eddbb7}@media (max-width:768px){.main-first-heading{line-height:36px;font-size:28px!important}}.icon-grid{grid-template-columns:repeat(3,2fr)}@media (max-width:900px){.icon-grid{margin-left:10px;margin-right:10px;grid-template-columns:repeat(2,2fr)!important}}@media (max-width:767px){.icon-grid{margin-left:10px;margin-right:10px;grid-template-columns:-1fr!important}}@media (max-width:768px){.site-logo{height:45px!important}.btn-full-mobile{display:block;width:100%!important}}.calc{background:#fff;border-radius:12px;width:100%;padding:20px;box-shadow:0 4px 14px #00000026}.display{color:#fff;text-align:right;background:#19284c;border-radius:10px;width:100%;margin-bottom:12px;padding:16px;font-size:24px;box-shadow:inset 0 2px 6px #00000026}.grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}@media (max-width:768px){.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.calc-simple{box-sizing:border-box;width:100%;max-width:100%;padding:20px}.btn,.btn2,.btn3{width:100%;min-width:0;padding:10px 4px;font-size:15px;font-weight:600}}.btn{color:#fff;cursor:pointer;background:#102e5f;border:none;border-radius:10px;width:55px;padding:12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;transition:all .1s}.btn:hover{transform:translateY(-2px)}.btn2{color:#fff;cursor:pointer;background:#ffffff12;border:none;border-radius:10px;width:55px;padding:12px;font-family:Montserrat,sans-serif;font-size:15px;transition:all .1s}.btn2:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000003d}.btn3{color:#fff;cursor:pointer;background:#33519c;border:none;border-radius:10px;width:55px;padding:12px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;transition:all .1s}.btn3:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000003d}.solve{color:#000;background:#d8a13a;grid-column:span 3;width:auto;font-family:Montserrat,sans-serif;font-weight:700}.clear{color:#fff;background:#1f9fb8;grid-column:span 3;width:auto;font-family:Montserrat,sans-serif;font-weight:700}@media (max-width:768px){.single-page-padding{padding:0 10px}}.white-bg{background:#fff!important}.modern-dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-weight:400;position:relative}.dropdown-indicator{color:#555;pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dropdown-list{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:8px;max-height:200px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-list li{cursor:pointer;padding:8px 12px}.dropdown-list li:hover{background:#f0f0f0}.stats-line{color:#034078;text-align:center;margin-top:25px;font-size:22px;font-weight:500;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.upload-box{background:#f7f6f2;border:3px dotted #6c6c6c;border-radius:16px;flex-direction:column;align-items:center;padding:35px;display:flex}.upload-label{color:#fff;cursor:pointer;background:#1b3066;border-radius:6px;padding:18px 35px;font-weight:600;display:inline-block}.upload-label i{color:#fff}.preview-list{align-self:flex-start;width:100%;margin-top:10px}.preview-item{text-align:left;background:#fff;border:1px solid #e3e3e3;border-radius:2px;margin-top:6px;padding:12px;font-size:16px;font-weight:400}.progress-wrap{align-self:flex-start;width:100%}.progress-wrap p{text-align:left;margin-bottom:8px}.progress-bar{background:#ddd;border-radius:10px;width:100%;height:10px}.progress-fill{background:#034078;border-radius:10px;height:10px;transition:width .4s}.result-row{background:#fff;border:1px solid #e3e3e3;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:12px;display:flex}.thumb{object-fit:cover;border-radius:8px;width:65px;height:65px}.download-btn{color:#fff;background:#d8a13a;border-radius:2px;padding:8px 14px;font-weight:600;text-decoration:none}.page-layout{gap:30px;display:flex;overflow:visible}.sidebar{flex-shrink:0;width:280px;height:fit-content;margin-top:50px;position:sticky;top:90px}.sidebar-box{background:#fff;border:1px solid #d3d3d3;border-radius:15px;padding:16px}.sidebar-box p{color:#000;margin-bottom:10px;font-size:20px}.sidebar-box ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sidebar-box ul li a{color:#000;box-sizing:border-box;background-color:#f7f6f2;border-radius:6px;width:100%;padding:8px;font-size:14px;text-decoration:none;display:block}.sidebar-box ul li{margin-bottom:5px}.sidebar-box ul li a:hover{text-underline-offset:6px;-webkit-text-decoration:underline #d2d2d2;text-decoration:underline #d2d2d2;transition:text-decoration-color .2s}@media (max-width:900px){.page-layout{flex-direction:column}.sidebar{width:100%}}.search-wrapper{margin-top:10px;position:relative;width:100%!important;max-width:800px!important}.search-input-box{background:#fff;border:2px solid #8e8e8e70;border-radius:15px;align-items:center;padding:20px 14px;transition:all .2s;display:flex}.search-input-box:focus-within{border-color:#1b3066;box-shadow:0 0 0 3px #2563eb1a}.search-icon{color:#777;margin-right:8px;font-size:16px}.search-input{border:none;outline:none;width:100%;font-size:15px}.search-dropdown{z-index:10001;background:#fff;border:1px solid #eee;border-radius:8px;width:100%;max-height:220px;margin-top:6px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 6px 18px #00000014}.search-item{text-align:start;color:#333;padding:12px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.search-item:hover{color:#1b3066;background:#f3f4f6}.no-result{color:#888;padding:12px 14px;font-size:14px}.fa-angle-right,.fa-angle-down{margin-right:6px;font-size:13px}.resizer-layout{align-items:flex-start;gap:20px;display:flex}.resizer-layout .crop-area,.resizer-layout .crop-controls{flex:1}.crop-area{background:#f7f6f2;border:3px dotted #969696;border-radius:12px;justify-content:center;align-items:center;min-height:350px;padding:10px;display:flex;overflow:hidden}.image-wrapper{border-radius:10px;position:relative;overflow:hidden}.image-wrapper:before{content:"";z-index:0;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-size:20px 20px;position:absolute;inset:0}.ReactCrop{z-index:1;position:relative}.crop-image{max-width:100%;display:block}.upload-content{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.upload-text{opacity:.7}.upload-icon{color:#1b3066;font-size:50px}.crop-controls{background:#fff;border:1.5px solid #e8eaf0;border-radius:14px;flex-direction:column;padding:0;display:flex;overflow:hidden}.ctrl-section{border-bottom:1px solid #f0f0f4;padding:14px}.ctrl-section:last-of-type{border-bottom:none}.ctrl-section-header{text-transform:uppercase;letter-spacing:.08em;color:#4d4d4d;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.ctrl-icon{color:#d8a13a;font-size:15px}.dim-row{align-items:flex-end;gap:10px;display:flex}.dim-field{flex-direction:column;flex:1;gap:4px;display:flex}.dim-field label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.unit-tag{color:#c4c9d4;text-transform:lowercase;font-size:9px;font-weight:500}.dim-field input{color:#111827;box-sizing:border-box;text-align:center;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:9px 10px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s}.dim-field input:focus{background:#fff;border-color:#4f8ef7;outline:none;box-shadow:0 0 0 3px #4f8ef71f}.output-meta{flex-direction:column;gap:2px;display:flex}.meta-row{border-bottom:1px dashed #f0f0f4;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.meta-row:last-child{border-bottom:none}.meta-label{color:#9ca3af;font-weight:500}.meta-value{color:#111827;font-family:monospace;font-size:12px;font-weight:600}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.resizer-action-buttons{gap:10px;animation:.35s forwards fadeSlideUp;display:flex}@keyframes resizerSpin{to{transform:rotate(360deg)}}.resizer-spinner-wrap{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.resizer-spinner{border:4px solid #e0e0e0;border-top-color:#4f8ef7;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite resizerSpin}.resizer-spinner-label{color:#555;font-size:14px;font-weight:500}.result-row{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;display:grid}.result-info{color:#000;font-weight:600}.button-row{justify-content:flex-start;gap:10px;margin-top:15px;display:flex}@media (max-width:768px){.resizer-layout{flex-direction:column}}.color-tool-wrap{align-items:flex-start;gap:20px;display:flex}.picker-card{background:#fff;border-radius:16px;width:280px;padding:15px;box-shadow:0 10px 25px #0000001a}.color-box{cursor:crosshair;border-radius:12px;height:200px;position:relative;overflow:hidden}.white-overlay{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.black-overlay{background:linear-gradient(#0000,#000);position:absolute;inset:0}.picker-dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 5px #0006}.hue-bar{cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;height:12px;margin-top:10px;position:relative}.hue-dot{background:#000;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.controls{gap:10px;margin-top:10px;display:flex}.controls input{border:1px solid #ddd;border-radius:8px;flex:1;padding:8px}.color-preview{border-radius:8px;width:40px}.screen-btn{color:#fff;cursor:pointer;background:#d8a13a;border:none;border-radius:30px;width:100%;margin-top:10px;padding:12px}.right-panel{flex:1}.big-preview{border-radius:16px;justify-content:center;align-items:center;height:140px;transition:all .2s;display:flex;position:relative}.big-preview h1{cursor:pointer;font-size:32px;font-weight:700}.top-actions{gap:10px;display:flex;position:absolute;top:10px;right:10px}.top-actions i{cursor:pointer;background:#fff;border-radius:10px;padding:8px}.values-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.value-box{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.value-box span{color:#666;font-weight:600}.value-box p{font-weight:500}@media (max-width:768px){.value-box p{font-size:12px}}.value-box i{cursor:pointer;color:#888}@media (max-width:768px){.color-tool-wrap{flex-direction:column}.picker-card{width:100%}}.value-box{border:1px solid #e5e7eb;transition:all .2s}.value-box:hover{border-color:#9e9e9e}.header-blog{text-align:center;margin-bottom:50px}@media (max-width:768px){.header-blog{text-align:center;margin-bottom:5px}}.header-blog h1{margin-bottom:10px;font-size:42px}.header-blog p{color:#000;max-width:700px;margin:0 auto;line-height:1.6}.grid-blog{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.wrapper-blog{padding:15px;position:relative}@media (max-width:768px){.wrapper-blog{padding:5px;position:relative}}.card-blog:hover{transform:translateY(-5px)}.category{color:#000;background:#d8a13a;border-radius:8px;margin:5px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-block}.title-blog{margin:15px 0 0;padding:0;font-weight:700;line-height:1.2em;font-size:24px!important}.image-blog{object-position:center;object-fit:cover;border-radius:15px;width:100%;margin:10px 0 2px}.image-blog-post{object-fit:cover;border-radius:12px;width:100%;margin:10px 0 2px}.founder-photo{width:50px;height:50px}.content-blog{padding:5px}.meta-blog{color:#888;font-size:14px}ul.custom-list li{margin-bottom:8px}.content-blog h3{margin:10px 0;font-size:18px}.button-blog{color:#034078;border-radius:6px;margin-top:10px;font-size:16px;display:inline-block}@media (max-width:768px){.grid-blog{grid-template-columns:1fr}.divider-blog{display:none}.page-blog{padding:10px}}.custom-meta-icon{color:#1b3066;margin-right:5px;font-size:15px}.blog-container{gap:40px;padding:60px 1%;display:flex}.blog-content{flex:0 0 70%}.blog-title{margin-bottom:15px;font-size:34px}.blog-text{color:#555;line-height:1.6}.single-post{margin-bottom:40px}.post-image{object-fit:cover;border-radius:10px;width:100%;height:250px;margin-bottom:15px}.post-title{margin-bottom:10px;font-size:22px}.post-text{color:#666;margin-bottom:10px;line-height:1.6}.read-more{color:#fff;cursor:pointer;background:#034078;border:none;border-radius:6px;padding:8px 14px}.divider-line{border:none;border-top:1px solid #ddd;margin-top:30px}.blog-sidebar{background:#fff;border:1px solid #d3d3d3;border-radius:15px;flex:0 0 30%;align-self:flex-start;height:fit-content;padding:16px;position:sticky;top:90px}.blog-sidebar p{color:#000;margin-bottom:15px;font-weight:600;font-size:22px!important}.blog-sidebar ul{padding:0;list-style:none}.blog-sidebar li{margin-bottom:10px}.blog-sidebar a{color:#000;box-sizing:border-box;background-color:#f7f6f2;border-radius:6px;width:100%;padding:8px;font-size:14px;text-decoration:none;display:block}.blog-sidebar a:hover{text-underline-offset:6px;-webkit-text-decoration:underline #d2d2d2;text-decoration:underline #d2d2d2;transition:text-decoration-color .2s}@media (max-width:786px){.blog-container{flex-direction:column;padding:10px 20px}.blog-content,.blog-sidebar{flex:100%}.blog-sidebar{position:relative;top:0}}.custom-table{border-collapse:collapse;border:1px solid #b0b0b0;border-radius:12px}.custom-table td,.custom-table th{border:1px solid #b0b0b0;padding:10px}.custom-table th{color:#fff;background-color:#034078}.fun-facts{color:#000;background-color:#c8e9e9;border-radius:6px;padding:16px 15px 15px 18px}.faq-item{background:#fff;border:1px solid #d1d1d1;border-radius:8px;margin-bottom:15px;padding:0;transition:all .3s;overflow:hidden}.faq-item:hover{box-shadow:0 2px 5px #e5e5e5af}.faq-item h3{cursor:pointer;color:#333;align-items:center;margin:0;padding:20px;font-size:16px;font-weight:600;display:flex}.faq-item h3 i:first-child{color:#666;margin-right:10px}.faq-item h3 i:last-child{color:#666;margin-left:auto;font-size:14px;transition:transform .25s}.rotate{transform:rotate(180deg)}.faq-item p{color:#666;margin:0;padding:0 20px 16px;font-size:14px;line-height:1.5}.faq-item.active{background:#e1e1e19e}.faq-item:hover{background:#dadada49}.more-tools{margin:0 10px 10px 0;font-size:26px}@media (max-width:768px){.more-tools{margin:0 10px 20px}}.footer-li li{color:#c7c7c7}.last-sec{background-color:#fff;border:1px solid #e4e6ee;border-radius:16px;padding:30px}@media (max-width:768px){.last-sec{background-color:#fff;border:1px solid #e4e6ee;border-radius:16px;margin-left:10px;margin-right:10px;padding:15px}}.section-new{margin-bottom:80px;font-family:Montserrat,sans-serif}@media (max-width:768px){.section-new{margin-bottom:40px;font-family:Montserrat,sans-serif}}.header-new{margin-bottom:20px}.title-new{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 10px;font-size:26px}.subtitle-new{color:#6b6b7b;margin:0;line-height:1.6}.grid-new{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.card{background:#fff;border-radius:12px;padding:24px;transition:box-shadow .25s,transform .25s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.cardHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cardTitleGroup{align-items:center;gap:12px;display:flex}.iconWrapper{background-color:#eef4fb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.cardTitle{color:#1a1a2e;letter-spacing:-.2px;margin:0;font-size:1.05rem;font-weight:700}.badge{color:#888;letter-spacing:.3px;background-color:#f0f0f0;border-radius:8px;padding:4px 10px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#444;cursor:pointer;white-space:nowrap;background-color:#f7f6f2;border:1px solid #ebebf0;border-radius:5px;padding:6px 14px;font-family:Montserrat,sans-serif;font-size:.775rem;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s}.tag:hover{color:#fff;background-color:#1b3066;border-color:#1b3066}.trustBanner{background-color:#1b3066;border-radius:15px;align-items:center;gap:20px;padding:24px 28px;display:flex}.trustIconWrapper{background-color:#ffffff1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.trustText h3{color:#fff;margin:0 0 4px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}.trustText p{color:#a0aec0;margin:0;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:400;line-height:1.5}@media (max-width:768px){.section-new{padding:32px 12px 40px}.grid-new{grid-template-columns:1fr}.title-new{font-size:1.7rem}.trustBanner{text-align:center;flex-direction:column}.footer-line-mobile{margin-left:10px!important;font-size:15px!important}.footer-line-tags{margin-left:30px!important;font-size:14px!important}}.calc-wrap{justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.calc{background:#001f54;border-radius:clamp(16px,4vw,24px);width:100%;max-width:420px;padding:clamp(14px,3vw,22px);position:relative;box-shadow:0 2px 4px #13161c0d,0 24px 48px -20px #13161c47}.calc:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff14,#0000 45%);position:absolute;inset:0}.calc-screen{text-align:right;background:#0a1a40;border:1px solid #ffffff0f;border-radius:clamp(10px,2.5vw,14px);flex-direction:column;justify-content:flex-end;min-height:70px;margin-bottom:clamp(10px,2.5vw,16px);padding:clamp(12px,1vw,20px) clamp(12px,1vw,18px);display:flex}.calc-screen .sub{color:#7d88ad;text-overflow:ellipsis;white-space:nowrap;min-height:1.2em;font-family:Space Mono,monospace;font-size:clamp(.65rem,2vw,.8rem);overflow:hidden}.calc-screen .main{color:#f3f4fb;word-break:break-all;margin-top:4px;font-family:Space Mono,monospace;font-size:clamp(1.5rem,6vw,2.3rem);font-weight:700;line-height:1.1}.calc-screen .live-preview{color:#d8a13a;min-height:1.2em;margin-top:2px;font-family:Space Mono,monospace;font-size:clamp(1.25rem,2vw,.95rem)}.calc-pad{grid-template-columns:repeat(5,1fr);gap:clamp(5px,1.5vw,8px);display:grid}.key{cursor:pointer;color:#dde2f1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff12;border:none;border-radius:clamp(7px,2vw,10px);min-height:44px;padding:clamp(9px,2.5vw,13px) 0;font-family:Space Mono,monospace;font-size:clamp(.72rem,2vw,.92rem);font-weight:700;transition:transform .1s,background .15s}.key:hover{background:#ffffff24}.key:active{transform:scale(.94)}.key.fn{color:#8b95bd;background:#ffffff0a;font-size:clamp(.62rem,1.8vw,.78rem)}.key.op{color:#fff;background:#2a4180}.key.op:hover{background:#33519c}.key.acc{color:#fff;background:#1f9fb8}.key.acc:hover{background:#2bb3cc}.key.eq{color:#3a2c08;background:#d8a13a;grid-column:span 2}.key.eq:hover{background:#e3ad48}.key.wide{grid-column:span 2}.calc-tag{text-align:center;color:#fff;letter-spacing:.1em;margin-top:clamp(10px,2.5vw,14px);font-size:12px;font-weight:600}@media (max-width:360px){.key.fn{font-size:.58rem}.calc-pad{gap:4px}}.cr-panel{border:.5px solid var(--color-border-tertiary,#e2e8f0);background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:1.25rem;animation:.3s cr-fade-in;display:flex}@keyframes cr-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cr-divider{border:none;border-top:.5px solid var(--color-border-tertiary,#e2e8f0);margin:0}.cr-gauge-wrap{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cr-gauge-svg{flex-shrink:0}.cr-score-block{flex:1;min-width:100px}.cr-score{color:var(--color-text-primary,#111);font-size:32px;font-weight:500;line-height:1}.cr-score-label{color:var(--color-text-secondary,#6b7280);margin-top:3px;font-size:12px}.cr-badge{border-radius:20px;margin-top:8px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-block}.cr-badge.underweight{color:#185fa5;background:#e6f1fb}.cr-badge.normal,.cr-badge.good{color:#3b6d11;background:#eaf3de}.cr-badge.overweight,.cr-badge.warning{color:#854f0b;background:#faeeda}.cr-badge.obese,.cr-badge.danger{color:#a32d2d;background:#fcebeb}.cr-badge.info{color:#185fa5;background:#e6f1fb}.cr-bar-label{color:var(--color-text-secondary,#6b7280);margin-bottom:8px;font-size:11px}.cr-bar-track{background:linear-gradient(90deg,#b5d4f4 0%,#97c459 30%,#fac775 60%,#f09595 100%);border-radius:6px;height:12px;margin-bottom:5px;position:relative}.cr-bar-track.solid{background:var(--color-background-secondary,#f3f4f6)}.cr-bar-track.solid .cr-bar-fill{background:#378add;border-radius:6px;height:100%;transition:width .5s}.cr-bar-thumb{background:#fff;border:3px solid #111;border-radius:50%;width:22px;height:22px;transition:left .5s;position:absolute;top:-5px;transform:translate(-50%)}.cr-bar-ticks{color:var(--color-text-secondary,#6b7280);justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.cr-metrics-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cr-metric-card{background:#f9fafb;border-radius:8px;padding:10px 12px}.cr-metric-card .cr-m-label{color:var(--color-text-secondary,#6b7280);margin-bottom:3px;font-size:11px}.cr-metric-card .cr-m-value{color:var(--color-text-primary,#111);font-size:15px;font-weight:500}.cr-metric-card .cr-m-sub{color:var(--color-text-secondary,#6b7280);margin-top:2px;font-size:10px}.cr-world-title{color:var(--color-text-secondary,#6b7280);margin-bottom:10px;font-size:12px}.cr-world-bar-row{align-items:center;gap:8px;margin-bottom:7px;font-size:11px;display:flex}.cr-world-bar-row .cr-w-label{width:72px;color:var(--color-text-secondary,#6b7280);text-align:right;flex-shrink:0}.cr-world-track{background:#f3f4f6;border-radius:4px;flex:1;height:7px;overflow:hidden}.cr-world-fill{border-radius:4px;height:100%;transition:width .6s}.cr-world-bar-row .cr-w-pct{width:30px;color:var(--color-text-secondary,#6b7280);font-size:10px}.cr-world-note{color:var(--color-text-secondary,#6b7280);margin-top:4px;font-size:11px;line-height:1.4}.cr-mobile-slot{display:none}.cr-desktop-slot{display:block}.sidebar{flex-direction:column;align-self:start;gap:16px;display:flex;position:sticky;top:80px}.cr-panel-placeholder{border:.5px dashed var(--color-border-tertiary,#e2e8f0);text-align:center;color:var(--color-text-secondary,#6b7280);background:#fff;border-radius:12px;padding:1.5rem 1.25rem;font-size:13px;line-height:1.5}.cr-panel-placeholder .cr-ph-icon{color:#d1d5db;margin-bottom:8px;font-size:28px}@media (max-width:768px){.cr-mobile-slot{margin-top:10px;display:block}.cr-desktop-slot{display:none}.sidebar{position:static}.cr-metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.cr-panel{padding:1rem}.cr-score{font-size:28px}.cr-metrics-grid{grid-template-columns:1fr 1fr}}.preset-pill{color:#ffffffa6;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.4;transition:border-color .15s,background .15s,color .15s}.preset-pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff59}.preset-pill.active{color:#1f9fb8;background:#1f9fb82e;border-color:#1f9fb8}.stats-bar{background:#0000000f;border-bottom:1px solid #00000014;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.stats-pills-row{flex-wrap:wrap;gap:8px;display:flex}.stat-chip{color:#888;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:2px 10px;font-size:12px}.stat-chip b{color:#000}.copy-btn{color:#fffc;cursor:pointer;background:#d8a13a;border:1px solid #fff3;border-radius:2px;align-items:center;gap:5px;padding:6px 15px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.copy-btn:hover{color:#fff;background:#ffffff1f}.copy-btn.copied{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.output-text{color:#000;white-space:pre-wrap;word-break:break-word;border-radius:0 0 8px 8px;max-height:300px;padding:14px;font-size:15px;line-height:1.8;overflow-y:auto}.empty-hint{text-align:center;color:#ffffff40;border:1.5px dashed #ffffff1a;border-radius:10px;margin-top:14px;padding:28px 16px;font-size:14px}.empty-hint i{opacity:.4;margin-bottom:8px;font-size:28px;display:block}.action-buttons{gap:10px;margin-top:12px;animation:.35s forwards fadeSlideUp;display:flex}.dns-search-row{align-items:center;gap:10px;display:flex}.dns-search-row i.fa-globe{color:#fff;font-size:30px}.dns-search-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:#d8a13a;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:18px 20px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:flex}.dns-search-btn:hover{background:#1a8aa0}.dns-search-btn:active{transform:scale(.97)}.dns-search-btn i{font-size:12px}.dns-type-row{flex-wrap:wrap;gap:10px;margin:18px 0 14px;padding:10px;display:flex}.dns-type-chip{letter-spacing:.03em;color:#9aa6c4;cursor:pointer;background:#2a4370;border:1.5px solid #939393;border-radius:9px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:border-color .15s,color .15s,background .15s}.dns-type-chip:hover{color:#cfd6e8}.dns-type-chip.active{color:#3fd1e0;background:#122e60;border-color:#939393}.dns-export-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #d8d8d8;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:9px 18px;font-size:12.5px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.dns-export-btn:hover:not(:disabled){color:#1f9fb8;border-color:#1f9fb8}.dns-export-btn:disabled{opacity:.6;cursor:default}.dns-export-btn i{font-size:11px}.dns-hero{text-align:center;flex-direction:column;align-items:center;padding:28px 16px 8px;display:flex}.dns-hero-domain{letter-spacing:-.01em;color:#000;word-break:break-all;font-size:clamp(1.5rem,5vw,2.4rem);font-weight:800}.dns-record-row{cursor:pointer;background:#fafafa;border:1px solid #ececec;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.dns-record-row:hover{background:#f2fbfc;border-color:#1f9fb8}.dns-record-ttl{color:#aaa;font-size:11px}.dns-record-copy{letter-spacing:.03em;text-transform:uppercase;color:#bbb;flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:700;transition:color .15s;display:inline-flex}.dns-record-row:hover .dns-record-copy,.dns-record-copy.show{color:#1f9fb8}.ev-search-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.ev-search-row i.fa-envelope{color:#fff;font-size:30px}.ev-search-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:#d8a13a;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:18px 20px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:flex}.ev-search-btn:hover{background:#1a8aa0}.ev-search-btn:active{transform:scale(.97)}.ev-search-btn i{font-size:12px}.ev-hero{text-align:center;flex-direction:column;align-items:center;padding:28px 16px 8px;display:flex}.ev-hero-email{letter-spacing:-.01em;color:#000;word-break:break-all;font-size:clamp(1.3rem,4.5vw,2.1rem);font-weight:800}.ev-verdict{letter-spacing:.03em;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.ev-verdict-valid{color:#1f9fb8;background:#1f9fb81a}.ev-verdict-risky{color:#b45309;background:#f59e0b1f}.ev-verdict-invalid{color:#dc2626;background:#ef44441a}.ev-suggestion{color:#777;margin-top:10px;font-size:13px}.ev-suggestion button{font:inherit;color:#1f9fb8;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.dns-record-list{flex-direction:column;gap:8px;padding:20px 16px 16px;display:flex}.dns-record-row{background:#fafafa;border:1px solid #ececec;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.dns-record-icon{color:#1f9fb8;background:#1f9fb81a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.dns-record-main{flex:1;min-width:0}.dns-record-meta{align-items:center;gap:8px;margin-bottom:2px;display:flex}.dns-record-type{letter-spacing:.06em;color:#1f9fb8;font-size:10.5px;font-weight:800}.dns-record-data{color:#000;word-break:break-all;font-size:14px;font-weight:600}.mtx-matrices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:8px;display:grid}.mtx-section-label{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mtx-section-title{color:#fff;font-size:15px;font-weight:700}.mtx-dims{align-items:center;gap:4px;display:flex}.mtx-stepper{background:#f3f3f3;border-radius:8px;align-items:center;gap:4px;padding:8px;display:flex}.mtx-stepper button{color:#fff;cursor:pointer;background:#e3ad48;border:none;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.mtx-stepper button:hover{color:#1f9fb8}.mtx-stepper span{text-align:center;color:#333;min-width:16px;font-size:12px;font-weight:700}.mtx-dims-x{color:#aaa;margin:0 2px;font-size:11px}.mtx-grid{gap:6px;padding-bottom:4px;display:grid;overflow-x:auto}.mtx-cell-input{text-align:center;color:#000;background:#fafafa;border:1px solid #ddd;border-radius:8px;width:100%;min-width:44px;height:38px;font-size:13px;font-weight:600}.mtx-cell-input:focus{background:#fff;border-color:#1f9fb8;outline:none}.mtx-cell-input::placeholder{color:#ccc}.mtx-op-group{margin-top:16px}.mtx-op-label{letter-spacing:.06em;text-transform:uppercase;color:#999;margin-bottom:6px;font-size:11px;font-weight:700}.mtx-param-row{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.mtx-param-row label{letter-spacing:.05em;text-transform:uppercase;color:#999;flex-direction:column;flex:1;gap:6px;min-width:140px;font-size:11px;font-weight:700;display:flex}.mtx-result-label{letter-spacing:.06em;text-transform:uppercase;color:#999;margin-bottom:12px;font-size:11px;font-weight:700}.mtx-scalar-result{color:#000;cursor:pointer;align-items:baseline;gap:14px;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;display:inline-flex}.mtx-grid-result{display:inline-grid}.mtx-result-cell{color:#fff;background:#2a4180;border:1px solid #ececec;border-radius:8px;justify-content:center;align-items:center;min-width:56px;height:44px;font-size:14px;font-weight:700;display:flex}.mtx-copy-flag{letter-spacing:.03em;text-transform:uppercase;color:#1f9fb8;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:color .15s}.mtx-copy-flag.show{color:#1f9fb8}.ct-root{--ct-radius:10px}.ct-switcher{background:#1f9fb8;border-radius:12px;gap:4px;margin-bottom:24px;padding:8px;display:inline-flex}.ct-switcher-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:flex}.ct-switcher-active{color:#111;background:#fff;box-shadow:0 1px 4px #0000001f,0 0 0 .5px #0000000f}.ct-picker-shell{background:#fff;border:1px solid #e8e8ec;border-radius:16px;flex-wrap:wrap;gap:28px;padding:24px;display:flex}.ct-picker-left{flex-direction:column;flex:0 0 260px;gap:14px;min-width:240px;display:flex}.ct-picker-right{flex-direction:column;flex:1;gap:14px;min-width:280px;display:flex}.ct-canvas{cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:10px;flex-shrink:0;width:100%;height:220px;position:relative;overflow:hidden}.ct-canvas-white{background:linear-gradient(90deg,#fff 0%,#0000 100%);position:absolute;inset:0}.ct-canvas-black{background:linear-gradient(#0000 0%,#000 100%);position:absolute;inset:0}.ct-picker-knob{pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #0000002e,0 2px 6px #0003}.ct-picker-knob-inner{border-radius:50%;width:100%;height:100%}.ct-hue-rail{cursor:pointer;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border-radius:7px;flex-shrink:0;width:100%;height:14px;position:relative}.ct-hue-thumb{pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2.5px #fff,0 1px 4px #00000040}.ct-hex-row{align-items:center;gap:8px;display:flex}.ct-hex-box{background:#f5f5f7;border:1.5px solid #e0e0e6;border-radius:8px;flex:1;align-items:center;height:40px;padding:0 10px;transition:border-color .18s;display:flex}.ct-hex-box:focus-within{background:#fff;border-color:#3f7fe0}.ct-hex-error{border-color:#e84040!important}.ct-hex-hash{color:#aaa;margin-right:4px;font-family:monospace;font-size:1rem;font-weight:700}.ct-hex-input{color:#111;letter-spacing:1px;background:0 0;border:none;outline:none;width:100%;font-family:monospace;font-size:.95rem;font-weight:600}.ct-swatch{border:1.5px solid #00000014;border-radius:8px;flex-shrink:0;width:40px;height:40px}.ct-icon-btn{color:#555;cursor:pointer;background:#f5f5f7;border:1.5px solid #e0e0e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;transition:border-color .15s,background .15s;display:flex}.ct-icon-btn:hover{color:#3f7fe0;background:#fff;border-color:#3f7fe0}.ct-name-chip{color:#555;background:#f5f5f7;border-radius:20px;align-self:flex-start;align-items:center;gap:7px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.ct-name-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ct-cta-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#d8a13a;border:none;border-radius:9px;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:.87rem;font-weight:600;transition:background .18s,transform .1s;display:flex}.ct-cta-btn:hover{background:#333}.ct-cta-btn:active{transform:scale(.98)}.ct-big-swatch{cursor:pointer;border:1px solid #0000000f;border-radius:12px;align-items:flex-end;height:165px;padding:14px 18px;transition:opacity .15s;display:flex;position:relative}.ct-big-swatch:hover{opacity:.9}.ct-big-swatch-label{flex-direction:column;gap:2px;display:flex}.ct-big-hex{letter-spacing:1px;font-family:monospace;font-size:1.3rem;font-weight:700}.ct-big-name{opacity:.75;font-size:.78rem;font-weight:500}.ct-formats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.ct-format-chip{cursor:pointer;background:#f7f6f2;border:1px solid #ebebef;border-radius:9px;padding:20px 12px;transition:border-color .15s,background .15s;position:relative}.ct-format-chip:hover{background:#fff;border-color:#c0c0cc}.ct-format-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.68rem;font-weight:700}.ct-format-value{color:#222;word-break:break-all;font-family:monospace;font-size:.88rem;font-weight:600}.ct-format-copy{color:#bbb;opacity:0;font-size:.75rem;transition:opacity .15s;position:absolute;top:8px;right:10px}.ct-format-chip:hover .ct-format-copy{opacity:1}.ct-contrast-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ct-contrast-label{color:#888;font-size:.78rem;font-weight:600}.ct-contrast-chips{flex-wrap:wrap;gap:6px;display:flex}.ct-contrast-chip{border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:700}.ct-palette-shell{flex-direction:column;gap:16px;display:flex}.ct-palette-controls{background:#fff;border:1px solid #e8e8ec;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.ct-palette-seed{align-items:center;gap:8px;display:flex}.ct-seed-swatch{border:1.5px solid #00000014;border-radius:6px;flex-shrink:0;width:28px;height:28px}.ct-seed-hex{color:#222;font-family:monospace;font-size:.9rem;font-weight:700}.ct-text-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:.82rem;font-weight:600;transition:color .15s,background .15s;display:flex}.ct-text-btn:hover{color:#3f7fe0;background:#f0f6ff}.ct-scheme-wrap{flex:1;min-width:160px}.ct-select{color:#222;cursor:pointer;appearance:none;background:#f5f5f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e0e0e6;border-radius:8px;width:100%;padding:8px 32px 8px 12px;font-size:.88rem;font-weight:600;transition:border-color .15s}.ct-select:focus{background-color:#fff;border-color:#3f7fe0;outline:none}.ct-count-wrap{flex-direction:column;gap:4px;min-width:120px;display:flex}.ct-count-label{color:#888;font-size:.78rem;font-weight:600}.ct-range{accent-color:#111;width:100%;height:4px}.ct-gen-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#d8a13a;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:background .18s;display:flex}.ct-gen-btn:hover{background:#333}.ct-gen-btn:disabled{opacity:.5;cursor:not-allowed}.ct-columns{border-radius:14px;gap:4px;height:380px;display:flex;overflow:hidden}.ct-col{cursor:default;flex-direction:column;justify-content:flex-end;min-width:0;padding:16px 14px;transition:flex .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.ct-col-actions{opacity:0;pointer-events:none;justify-content:center;gap:8px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:14px;left:0;right:0;transform:translateY(-6px)}.ct-col-actions-show{opacity:1;pointer-events:all;transform:translateY(0)}.ct-col-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;transition:background .15s;display:flex}.ct-col-action-btn:hover{background:#ffffff47}.ct-col-info{flex-direction:column;gap:3px;display:flex}.ct-col-lock-icon{margin-bottom:2px;font-size:.7rem}.ct-col-hex{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.85rem;font-weight:700;overflow:hidden}.ct-col-name{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.ct-palette-actions{flex-wrap:wrap;gap:8px;display:flex}.ct-action-btn{color:#444;cursor:pointer;background:#fff;border:1.5px solid #e0e0e6;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.ct-action-btn:hover{color:#111;background:#f8f8fa;border-color:#111}.ct-empty{text-align:center;background:#f9f9fb;border:1.5px dashed #ddd;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:56px 24px;display:flex}.ct-empty-icon{color:#ccc;font-size:2.5rem}.ct-empty p{color:#888;margin:0;font-size:.9rem}.ct-saved{background:#fff;border:1px solid #e8e8ec;border-radius:12px;padding:18px}.ct-saved-header{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:14px;font-size:.82rem;font-weight:700;display:flex}.ct-saved-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.ct-saved-strip{border-radius:7px;flex:0 0 200px;gap:2px;height:36px;display:flex;overflow:hidden}.ct-saved-swatch{cursor:pointer;flex:1;transition:flex .15s}.ct-saved-swatch:hover{flex:1.5}.ct-saved-strip-hex{color:#bbb;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:monospace;font-size:.7rem;overflow:hidden}.ct-error{color:#c44;background:#fff5f5;border:1px solid #ffd0d0;border-radius:8px;padding:10px 14px;font-size:.85rem}@media (max-width:640px){.ct-picker-shell{padding:16px}.ct-picker-left{flex:unset;min-width:unset;width:100%}.ct-columns{height:260px}.ct-switcher-btn span{display:none}.ct-palette-controls{gap:10px}.ct-saved-strip{flex:0 0 140px}}.tz-root{--tz-border:#e8e8ec}.tz-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tz-switcher{background:#1f9fb8;border-radius:12px;gap:4px;padding:8px;display:inline-flex}.tz-switcher-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:all .18s;display:flex}.tz-switcher-active{color:#111;background:#fff;box-shadow:0 1px 4px #0000001f,0 0 0 .5px #0000000f}.tz-hour-toggle{background:#1f9fb8;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.tz-hour-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 16px;font-size:.82rem;font-weight:700;transition:all .18s}.tz-hour-active{color:#111;background:#fff;box-shadow:0 1px 4px #0000001f}.tz-converter{flex-direction:column;gap:18px;display:flex}.tz-section-label{text-transform:uppercase;letter-spacing:.6px;color:#999;align-items:center;gap:7px;font-size:.75rem;font-weight:700;display:flex}.tz-from-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tz-city-select-btn{cursor:pointer;text-align:left;background:#f5f5f7;border:1.5px solid #e0e0e6;border-radius:10px;align-items:center;gap:10px;min-width:220px;padding:11px 14px;transition:border-color .15s,background .15s;display:flex}.tz-city-select-btn:hover{background:#fff;border-color:#bbb}.tz-city-select-text{flex-direction:column;flex:1;gap:1px;display:flex}.tz-city-name{color:#111;font-size:.95rem;font-weight:700}.tz-city-sub{color:#888;font-size:.72rem;font-weight:500}.tz-chev{color:#999;margin-left:auto;font-size:.7rem;transition:transform .2s}.tz-chev-open{transform:rotate(180deg)}.tz-datetime-wrap{flex:1;min-width:200px}.tz-datetime-input{color:#111;box-sizing:border-box;background:#f5f5f7;border:1.5px solid #e0e0e6;border-radius:10px;width:100%;padding:17px 14px;font-size:1rem;font-weight:600;transition:border-color .15s,background .15s}.tz-datetime-input:focus{background:#fff;border-color:#111;outline:none}.tz-live-hint{color:#1a6b3a;white-space:nowrap;background:#f0faf4;border:1px solid #c8ecd6;border-radius:8px;align-items:center;gap:7px;padding:18px 13px;font-size:.82rem;font-weight:600;display:flex}.tz-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s ease-in-out infinite tz-pulse}@keyframes tz-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tz-live-label{color:#22c55e;font-weight:700}.tz-arrow-divider{align-items:center;gap:12px;display:flex}.tz-arrow-line{background:#eaeaee;flex:1;height:1px}.tz-arrow-icon{color:#999;background:#f5f5f7;border:1.5px solid #e0e0e6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;display:flex}.tz-to-rows{flex-direction:column;gap:8px;display:flex}.tz-to-row{background:#f8f8fb;border:1px solid #ebebef;border-radius:10px;align-items:center;gap:12px;padding:13px 16px;transition:border-color .15s;display:flex}.tz-to-row:hover{background:#fff;border-color:#d0d0d8}.tz-to-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tz-to-city{color:#111;font-size:.9rem;font-weight:700}.tz-to-country{color:#888;font-size:.72rem}.tz-to-result{flex-shrink:0;align-items:center;gap:8px;display:flex}.tz-to-time{color:#111;white-space:nowrap;font-family:monospace;font-size:.92rem;font-weight:700}.tz-tod-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;display:flex}.tz-tod-day{color:#b45309;background:#fef9c3}.tz-tod-night{color:#6d28d9;background:#ede9fe}.tz-remove-btn{color:#bbb;cursor:pointer;background:#fff;border:1px solid #e0e0e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:border-color .15s,color .15s;display:flex}.tz-remove-btn:hover{color:#e84040;background:#fff5f5;border-color:#e84040}.tz-add-row{position:relative}.tz-add-input-wrap{background:#fff;border:1.5px dashed #d0d0da;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;transition:border-color .15s;display:flex}.tz-add-input-wrap:hover,.tz-add-open{border-style:solid;border-color:#111}.tz-add-icon{color:#aaa;flex-shrink:0;font-size:.85rem}.tz-add-input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:.9rem;font-weight:500}.tz-add-input::placeholder{color:#bbb}.tz-add-dropdown{top:calc(100% + 6px);left:0;right:0}.tz-quick-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tz-quick-label{color:#aaa;white-space:nowrap;font-size:.75rem;font-weight:600}.tz-quick-pill{align-items:center;gap:5px;display:inline-flex!important}.tz-dropdown-wrap{position:relative}.tz-dropdown{z-index:200;background:#fff;border:1.5px solid #e0e0e6;border-radius:12px;width:340px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.tz-world-dropdown{width:300px;left:auto;right:0}.tz-drop-search-wrap{color:#bbb;border-bottom:1px solid #f0f0f4;align-items:center;gap:9px;padding:10px 14px;display:flex}.tz-drop-search{color:#111;background:0 0;border:none;outline:none;flex:1;font-size:.88rem;font-weight:500}.tz-drop-list{max-height:280px;padding:4px 0;overflow-y:auto}.tz-drop-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 14px;transition:background .12s;display:flex}.tz-drop-item:hover{background:#f5f5f8}.tz-drop-city{color:#111;flex:1;font-size:.88rem;font-weight:600}.tz-drop-country{color:#aaa;white-space:nowrap;font-size:.75rem}.tz-drop-offset{color:#888;white-space:nowrap;margin-left:auto;font-family:monospace;font-size:.72rem}.tz-drop-empty{text-align:center;color:#bbb;padding:20px;font-size:.85rem}.tz-world-shell{flex-direction:column;gap:16px;display:flex}.tz-world-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;padding:14px 18px!important}.tz-live-badge{color:#dcdcdc;align-items:center;gap:8px;font-family:monospace;font-size:.82rem;font-weight:600;display:flex}.tz-live-text{white-space:nowrap}.tz-world-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tz-region-pills{flex-wrap:wrap;gap:6px;display:flex}.tz-add-city-btn{white-space:nowrap;color:#fff;background-color:#d8a13a;border-radius:8px;padding:10px 16px!important;font-size:.85rem!important}.tz-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.tz-card{border:1px solid #0000;border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.tz-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}.tz-morning{background:#fffbeb;border-color:#fde68a}.tz-afternoon{background:#eff6ff;border-color:#bfdbfe}.tz-evening{background:#fff7ed;border-color:#fed7aa}.tz-night{background:#1e1b4b;border-color:#3730a3;box-shadow:inset 0 0 0 1px #4338ca22}.tz-night .tz-card-body svg{filter:drop-shadow(0 0 10px #6366f155)}.tz-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tz-card-city-row{align-items:center;gap:9px;display:flex}.tz-card-city{font-size:.95rem;font-weight:700;line-height:1.2}.tz-card-country{color:#888;margin-top:1px;font-size:.72rem;font-weight:500}.tz-night .tz-card-city{color:#e0e7ff}.tz-night .tz-card-country{color:#6366f1}.tz-card-tools{gap:4px;display:flex}.tz-card-icon-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:background .15s;display:flex}.tz-morning .tz-card-icon-btn{color:#b45309}.tz-morning .tz-card-icon-btn:hover{background:#fde68a}.tz-afternoon.tz-card-icon-btn{color:#2563eb}.tz-afternoon .tz-card-icon-btn:hover{background:#bfdbfe}.tz-evening .tz-card-icon-btn{color:#ea580c}.tz-evening .tz-card-icon-btn:hover{background:#fed7aa}.tz-night .tz-card-icon-btn{color:#818cf8}.tz-night .tz-card-icon-btn:hover{background:#312e81}.tz-card-body{align-items:center;gap:14px;display:flex}.tz-card-digital{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.tz-card-time-row{align-items:baseline;gap:1px;line-height:1;display:flex}.tz-card-time{letter-spacing:-.5px;font-family:monospace;font-size:1.85rem;font-weight:800}.tz-card-secs{opacity:.55;font-family:monospace;font-size:.95rem;font-weight:700}.tz-morning .tz-card-time,.tz-morning .tz-card-secs{color:#92400e}.tz-afternoon.tz-card-time,.tz-afternoon .tz-card-secs{color:#1e3a8a}.tz-evening .tz-card-time,.tz-evening .tz-card-secs{color:#9a3412}.tz-night .tz-card-time{color:#c7d2fe}.tz-night .tz-card-secs{color:#818cf8}.tz-card-date{color:#666;font-size:.78rem;font-weight:600}.tz-night .tz-card-date{color:#818cf8}.tz-card-offset-badge{border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.7rem;font-weight:700;display:inline-block}.tz-morning .tz-card-offset-badge{color:#78350f;background:#fde68a}.tz-afternoon.tz-card-offset-badge{color:#1e40af;background:#bfdbfe}.tz-evening .tz-card-offset-badge{color:#7c2d12;background:#fed7aa}.tz-night .tz-card-offset-badge{color:#a5b4fc;background:#312e81}.tz-day-bar{background:#00000014;border-radius:2px;height:4px;margin-top:4px;position:relative}.tz-night .tz-day-bar{background:#312e81}.tz-day-fill{border-radius:2px;height:100%;transition:width 1s linear}.tz-morning .tz-day-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.tz-afternoon.tz-day-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.tz-evening .tz-day-fill{background:linear-gradient(90deg,#fb923c,#f97316)}.tz-night .tz-day-fill{background:linear-gradient(90deg,#6366f1,#818cf8)}.tz-day-thumb{background:#fff;border:2px solid #aaa;border-radius:50%;width:10px;height:10px;transition:left 1s linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.tz-morning .tz-day-thumb{border-color:#f59e0b}.tz-afternoon.tz-day-thumb{border-color:#3b82f6}.tz-evening .tz-day-thumb{border-color:#f97316}.tz-night .tz-day-thumb{border-color:#818cf8}.tz-card-tz-name{color:#bbb;font-family:monospace;font-size:.64rem}.tz-night .tz-card-tz-name{color:#4f46e5}.tz-pill-count{min-width:16px;height:16px;color:inherit;background:#0000001f;border-radius:8px;justify-content:center;align-items:center;margin-left:5px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.preset-pill.active .tz-pill-count{background:#ffffff40}.tz-filter-empty{text-align:center;color:#888;background:#f9f9fb;border:1.5px dashed #ddd;border-radius:14px;flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding:48px 24px;font-size:.9rem;display:flex}.tz-text-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.tz-text-link:hover{background:#eff6ff}.abbr-wrap{border-top:1px solid #eaeaee;flex-direction:column;gap:12px;margin-top:4px;padding-top:20px;display:flex}.abbr-desc{color:#888;margin:0;font-size:.82rem;line-height:1.5}.abbr-search-wrap{background:#f5f5f7;border:1.5px solid #e0e0e6;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s;display:flex}.abbr-search-wrap:focus-within{background:#fff;border-color:#111}.abbr-search-icon{color:#bbb;flex-shrink:0;font-size:.85rem}.abbr-search{color:#111;background:0 0;border:none;outline:none;flex:1;font-size:.9rem;font-weight:500}.abbr-search::placeholder{color:#bbb}.abbr-clear{color:#bbb;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:.85rem}.abbr-clear:hover{color:#555}.abbr-detail{background:#111;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.abbr-detail-left{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.abbr-detail-code{color:#fff;letter-spacing:1px;font-family:monospace;font-size:1.5rem;font-weight:800}.abbr-detail-full{color:#aaa;font-size:.82rem;font-weight:500}.abbr-detail-offset{color:#6366f1;background:#312e81;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.78rem;font-weight:700}.abbr-detail-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.abbr-detail-time{color:#fff;font-family:monospace;font-size:1rem;font-weight:700}.abbr-copy-btn{color:#aaa;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.abbr-copy-btn:hover{color:#fff;border-color:#555}.abbr-grid{flex-wrap:wrap;gap:8px;display:flex}.abbr-chip{cursor:pointer;background:#f8f8fb;border:1.5px solid #ebebef;border-radius:9px;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:8px 12px;transition:all .15s;display:flex}.abbr-chip:hover{background:#fff;border-color:#111}.abbr-chip-active{background:#111!important;border-color:#111!important}.abbr-chip-active .abbr-chip-code{color:#fff!important}.abbr-chip-active .abbr-chip-offset{color:#818cf8!important}.abbr-chip-code{color:#222;letter-spacing:.5px;font-family:monospace;font-size:.82rem;font-weight:800}.abbr-chip-offset{color:#888;font-family:monospace;font-size:.65rem;font-weight:600}.abbr-empty{color:#bbb;padding:12px 0;font-size:.85rem}@media (max-width:640px){.abbr-detail{flex-direction:column;align-items:flex-start}.abbr-chip{min-width:54px}.tz-from-row{flex-direction:column;align-items:stretch}.tz-city-select-btn{min-width:unset;width:100%}.tz-dropdown{width:100%}.tz-topbar{flex-direction:column;align-items:flex-start}.tz-cards-grid{grid-template-columns:1fr}.tz-world-toolbar,.tz-card-body{flex-direction:column;align-items:flex-start}}