*,*:before,*:after{box-sizing:border-box}.tool-body{margin:0;min-height:100vh;min-height:100dvh;background:var(--app-surface, #fff);color:var(--app-text, #111);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;overflow-x:clip;width:100%}.tool-top{display:flex;align-items:center;gap:.5rem;padding:.75rem max(.85rem,env(safe-area-inset-right)) .75rem max(.85rem,env(safe-area-inset-left));position:sticky;top:0;z-index:20;background:var(--app-surface, #fff)}.tool-brand{font-weight:700;font-size:.9rem;letter-spacing:-.02em;color:inherit;text-decoration:none;flex-shrink:0;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-nav{display:flex;gap:.65rem;margin-right:auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tool-nav::-webkit-scrollbar{display:none}.tool-nav a{font-size:.75rem;font-weight:600;color:var(--app-muted, #666);text-decoration:none;white-space:nowrap;padding:.35rem 0}.tool-nav a:hover{color:var(--app-text, #111)}.tool-top .store-btn--nav{flex-shrink:0;min-height:36px;padding:.35rem .65rem!important;font-size:.7rem}.tool-main{width:100%;max-width:1100px;margin:0 auto;padding:1rem max(.85rem,env(safe-area-inset-right)) 2.5rem max(.85rem,env(safe-area-inset-left))}@media (min-width: 640px){.tool-main{padding:1.75rem 1.25rem 3.5rem}.tool-brand{max-width:none}}.tool-intro{max-width:560px;margin:0 auto 1rem}.tool-kicker{display:inline-block;margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--app-primary-ink, var(--app-primary, #111))}.tool-h1{margin:0 0 .45rem;font-size:clamp(1.25rem,6vw,1.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;text-wrap:balance;overflow-wrap:anywhere;word-break:break-word}.tool-bluf{margin:0;font-size:.9rem;line-height:1.5;color:var(--app-muted, #555);text-wrap:pretty}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem;align-items:start;margin-bottom:1.25rem;width:100%}.tool-hero__center{min-width:0;max-width:560px;margin:0 auto;width:100%}.tool-hero__rail{display:none;min-width:0;width:100%}.tool-hero__rail .tool-ad,.tool-hero__below .tool-ad{margin:0}.tool-hero__below{margin-top:.85rem;width:100%}@media (min-width: 960px){.tool-hero{grid-template-columns:minmax(120px,180px) minmax(0,560px) minmax(120px,180px);justify-content:center;gap:1.15rem}.tool-hero__center{margin:0}.tool-hero__below{margin-top:1rem}.tool-hero__rail{display:block;position:sticky;top:4.25rem}}.tool-panel{margin:0;padding:0;background:transparent;border:none;box-shadow:none}.tool-form{display:grid;gap:.85rem}.tool-label{display:grid;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--app-text, #111)}.tool-input,.tool-select,.tool-textarea{width:100%;max-width:100%;padding:.8rem .95rem;border-radius:12px;border:none;background:color-mix(in srgb,var(--app-text, #111) 5%,transparent);font:inherit;font-size:1rem;color:var(--app-text, #111);-webkit-appearance:none;appearance:none;box-shadow:none}.tool-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:10px;padding-right:2.25rem}.tool-input:focus,.tool-select:focus,.tool-textarea:focus{outline:none;background:color-mix(in srgb,var(--app-primary, #111) 10%,transparent);box-shadow:none}.tool-textarea{min-height:100px;resize:vertical;line-height:1.45}.tool-row{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 480px){.tool-row{grid-template-columns:1fr 1fr}}.tool-chips{display:flex;flex-wrap:wrap;gap:.4rem}.tool-chip{min-height:40px;padding:.4rem .85rem;border-radius:10px;border:none;background:color-mix(in srgb,var(--app-text, #111) 5%,transparent);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;color:var(--app-muted, #555);box-shadow:none;transition-property:background-color,color,transform;transition-duration:.14s;transition-timing-function:cubic-bezier(.2,0,0,1)}.tool-chip:active{transform:scale(.96)}.tool-chip.is-on{background:var(--app-primary, #111);color:var(--app-primary-on, #fff)}.tool-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.15rem}@media (min-width: 480px){.tool-actions{flex-direction:row;flex-wrap:wrap}}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.75rem 1.15rem;border:none;border-radius:12px;background:var(--app-primary, #111);color:var(--app-primary-on, #fff);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:none;transition-property:transform,opacity;transition-duration:.14s;transition-timing-function:cubic-bezier(.2,0,0,1)}@media (min-width: 480px){.tool-btn{width:auto;min-width:8.5rem}}.tool-btn:active{transform:scale(.96)}.tool-btn--ghost{background:#0000000d;color:var(--app-text, #111)}.tool-btn:disabled{opacity:.5;cursor:wait}.tool-result{margin-top:1.15rem;padding:0}.tool-result[hidden]{display:none}.tool-result h3{margin:0 0 .45rem;font-size:1.05rem;letter-spacing:-.02em}.tool-uv-now{margin:.35rem 0;font-size:1.15rem;letter-spacing:-.02em}.tool-result ul,.tool-result ol{margin:.35rem 0 .65rem;padding-left:1.15rem}.tool-result li{margin:.35rem 0;line-height:1.45;font-size:.95rem}.tool-card{padding:.75rem 0}.tool-card+.tool-card{margin-top:.15rem}.tool-card strong{display:block;margin-bottom:.2rem;font-size:.95rem}.tool-meta{font-size:.78rem;color:var(--app-muted, #666);line-height:1.4}.tool-timer-display{font-size:clamp(2.75rem,14vw,3.5rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-align:center;margin:.75rem 0 .85rem;line-height:1}.tool-progress{height:4px;border-radius:99px;background:color-mix(in srgb,var(--app-text, #111) 8%,transparent);overflow:hidden;margin-bottom:.75rem;box-shadow:none}.tool-progress>span{display:block;height:100%;width:0%;background:var(--app-primary, #111);border-radius:99px;transition-property:width;transition-duration:.2s;transition-timing-function:linear}.tool-ad{margin:0;min-height:0;overflow:hidden;max-width:100%;width:100%}.tool-ad ins.adsbygoogle,.tool-ad iframe{max-width:100%!important;display:block}.tool-hero__below .tool-ad{min-height:50px}.tool-howto,.tool-faq,.tool-related,.tool-cta-block{margin:1.5rem 0 0}.tool-howto h2,.tool-faq h2,.tool-related h2,.tool-cta-block h2{margin:0 0 .65rem;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.tool-howto ol{margin:0;padding-left:1.15rem}.tool-howto li{margin:.4rem 0;line-height:1.45;font-size:.9rem;color:var(--app-muted, #444)}.tool-faq-item{padding:.85rem 0}.tool-faq-item+.tool-faq-item{margin-top:.15rem}.tool-faq-item h3{margin:0 0 .3rem;font-size:.9rem;line-height:1.35}.tool-faq-item p{margin:0;font-size:.875rem;line-height:1.5;color:var(--app-muted, #555)}.tool-related ul{list-style:none;margin:0;padding:0}.tool-related li+li{margin-top:.1rem}.tool-related a{display:block;padding:.75rem 0;font-size:.95rem;font-weight:600;color:inherit;text-decoration:none}.tool-related a:active{opacity:.65}.tool-cta-block{max-width:560px;margin-left:auto;margin-right:auto;padding:1.25rem 0;border-radius:0;background:transparent;text-align:center}.tool-howto,.tool-faq,.tool-related{max-width:560px;margin-left:auto;margin-right:auto}.tool-cta-block p{margin:.3rem auto .9rem;max-width:32ch;color:var(--app-muted, #555);font-size:.875rem;line-height:1.45}.tool-cta-block .store-btn,.tool-cta-link{width:100%;justify-content:center}@media (min-width: 480px){.tool-cta-block .store-btn,.tool-cta-link{width:auto}}.tool-cta-link{display:inline-flex;align-items:center;min-height:48px;padding:.7rem 1.2rem;border-radius:12px;background:var(--app-primary, #111);color:var(--app-primary-on, #fff);font-weight:700;text-decoration:none}.tool-index-list{list-style:none;margin:1.25rem auto 0;padding:0;max-width:560px}.tool-index-list a{display:block;padding:1rem .15rem;text-decoration:none;color:inherit;transition-property:opacity;transition-duration:.14s}.tool-index-list a:active{opacity:.7}.tool-index-list strong{display:block;font-size:1rem;font-weight:650;margin-bottom:.25rem;letter-spacing:-.02em}.tool-index-list span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;color:var(--app-muted, #666);line-height:1.45}.tool-error{color:#c0392b;font-size:.875rem;margin:.5rem 0 0}.tool-preview-phone{max-width:220px;margin:.75rem auto;padding:1.35rem 1rem;border-radius:28px;background:#111;color:#fff;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.98rem;line-height:1.35;font-weight:600;box-shadow:none;border:none}.tool-body .footer{margin-top:2rem;padding:1.5rem 1rem}.tool-body .footer-inner{flex-direction:column;gap:.65rem;text-align:center}@media (min-width: 640px){.tool-body .footer-inner{flex-direction:row;text-align:left}}[data-challenge-grid]{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.35rem!important}@media (min-width: 400px){[data-challenge-grid]{grid-template-columns:repeat(6,minmax(0,1fr))!important}}[data-challenge-grid] .tool-chip{min-height:40px;padding:.35rem;justify-content:center}