.tk .tkh{padding-top:48px;text-align:center}.tk .tkh h1{font-size:clamp(34px,6vw,50px);line-height:1.06}.tk .tkh .answer{max-width:600px;margin:16px auto 0;color:var(--m)}.tk .dz{position:relative;isolation:isolate;margin:36px auto 8px;padding:44px 22px 40px;text-align:center}.tk .dz .bxo{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:-1}.tk .dz.wide{padding:28px 16px 30px}.tk .upb{display:inline-flex;align-items:center;gap:10px;background:var(--tint);color:var(--at);box-shadow:inset 0 0 0 1.5px var(--a);font-weight:600;font-size:19px;padding:14px 24px;border-radius:10px;cursor:pointer}.tk .upb:hover{box-shadow:inset 0 0 0 2.5px var(--a)}.tk .upb input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tk .upb:focus-within{outline:2px solid var(--a);outline-offset:3px}.tk .or{color:var(--at);font-size:15px;margin-top:14px}.tk .fine{color:var(--m);font-size:14px;margin-top:16px}.tk .res{text-align:left;max-width:560px;margin:0 auto}.tk .res.big{max-width:100%}.tk .res .fn{font-size:15px;color:var(--m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px}.tk .res .vd{font-size:clamp(26px,5vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.tk .res .vd.sc{color:var(--at)}.tk .res .sm{margin:10px 0 0;font-size:17px}.tk .res .ct{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0}.tk .res .ct div{background:var(--bg);border-radius:12px;padding:12px 14px}.tk .res .ct b{display:block;font-size:26px;line-height:1.1}.tk .res .ct span{font-size:14px;color:var(--m)}.tk .res .pl{font-size:15px;color:var(--m);margin:12px 0 0;overflow-wrap:anywhere}.tk .res .bar{height:6px;border-radius:99px;background:var(--l);overflow:hidden;margin:14px 0 0}.tk .res .bar i{display:block;height:100%;width:0;background:var(--a);transition:width .2s}.tk .res .act{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:22px 0 0}.tk .res .act .btn{min-height:44px;font-size:16px}.tk .res .act .btn.ghost{background:var(--soft);color:var(--at);box-shadow:inset 0 0 0 2px var(--a)}.tk .again{border:0;background:none;padding:6px 0;font:inherit;font-size:16px;color:var(--at);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tk .res .bad{color:#b3261e}.tk .seg{display:inline-flex;background:var(--bg);border-radius:99px;padding:4px;gap:4px}.tk .seg button{border:0;background:none;font:inherit;font-size:16px;font-weight:700;color:var(--m);padding:9px 16px;border-radius:99px;cursor:pointer;min-height:40px}.tk .seg button[aria-pressed=true]{background:var(--soft);color:var(--ink);box-shadow:0 0 0 1px var(--l)}.tk .ctl{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin:18px 0 0}.tk .ctl label{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--m)}.tk .ctl input[type=range]{width:150px;accent-color:var(--at)}.tk .ba{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}.tk .ba figure{margin:0}.tk .ba canvas{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 0 0 1px var(--l);background:#fff}.tk .ba figcaption{font-size:14px;color:var(--m);margin-top:6px;text-align:center}.tk .pgn{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px 0 0;font-size:15px;color:var(--m)}.tk .pgn button{border:1px solid var(--l);background:var(--soft);border-radius:99px;width:40px;height:40px;font:inherit;font-size:18px;cursor:pointer;color:var(--ink)}.tk .pgn button:disabled{opacity:.35;cursor:default}.tk .out{width:100%;min-height:260px;max-height:420px;margin:16px 0 0;padding:14px;border:1px solid var(--l);border-radius:12px;background:var(--bg);font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);resize:vertical}.tk .note{margin:14px 0 0;font-size:16px;background:var(--tint);border-radius:12px;padding:12px 14px}.tk .note a{color:var(--at);text-decoration:underline;text-underline-offset:3px}.tools{display:grid;gap:10px;margin:18px 0 0}.tools a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--l);border-radius:14px;padding:14px 18px;font-weight:700;color:var(--ink)!important;text-decoration:none!important}.tools a span{color:var(--at);display:flex}.seo.tk .tkh h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.01em;color:var(--at);font-size:clamp(40px,7.4vw,58px);line-height:1.02}.tk .tkh{position:relative;overflow-x:clip;padding-top:84px}.seo.tk .tkh h1{max-width:8.6em;margin-inline:auto;text-wrap:balance}.tkh h1 .r4w{display:inline-block}.tkh h1 .r4bl{display:inline-block;width:0;height:0;vertical-align:baseline}#ttl{text-wrap:balance}@media(max-width:600px){#ttl{padding-right:52px;font-size:clamp(28px,8vw,36px)}}.r4layer{position:absolute;inset:0;pointer-events:none;z-index:2}.r4{position:absolute;width:0;height:0}.r4 svg{position:absolute;left:0;top:0;overflow:visible;height:auto}.r4.pg svg{position:static;display:block}.r4 .fl{position:absolute;left:0;top:0;width:0;height:0}.r4 .fl svg{position:absolute}.fx{max-width:720px;margin:6px auto 0;padding:0 20px}.fx p{margin:0;padding:14px 4px 0;font-size:17px;color:var(--ink);text-align:center}.fx a{font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.fx2{margin:18px 0 0;padding:16px;border:2px solid var(--ink);border-radius:12px}.fx2 p{margin:0 0 12px;font-size:17px}.fx2 .btn{min-height:44px;font-size:16px}.fx4{margin:20px 0 0;padding:18px;background:var(--tint);border-radius:12px}.fx4 p{margin:0 0 12px;font-size:17px}.fx4 .btn{min-height:44px;font-size:16px}.lang{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:16px 0 0;font-size:16px}.lang select{font:inherit;padding:8px 10px;border:1px solid var(--l);border-radius:8px;background:var(--soft);color:var(--ink)}.bar{height:8px;background:var(--l);border-radius:99px;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;width:0;background:var(--a);transition:width .2s}.act{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.again{background:none;border:0;color:var(--m);text-decoration:underline;font:inherit;cursor:pointer;padding:12px 4px}.note{font-size:15px;color:var(--m);margin:14px 0 0}.note a,.sm a{text-decoration:underline}.tk .dz.pool{position:relative;margin-top:120px;padding-top:96px}.pool .water{position:absolute;inset:0;border-radius:16px;overflow:hidden;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='10'%3E%3Cpath d='M2 6q5-3.6 10 0t10 0t10 0' fill='none' stroke='%239cc9e4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") left 14px top 46px/34px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='10'%3E%3Cpath d='M2 6q5-3.6 10 0t10 0t10 0' fill='none' stroke='%239cc9e4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") right 18px top 92px/34px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='10'%3E%3Cpath d='M2 6q5-3.6 10 0t10 0t10 0' fill='none' stroke='%239cc9e4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") left 14px bottom 14px/34px 10px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='10'%3E%3Cpath d='M2 6q5-3.6 10 0t10 0t10 0' fill='none' stroke='%239cc9e4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") right 30px bottom 26px/34px 10px no-repeat}.pool .pick{position:relative;z-index:2}.ov{position:absolute;left:50%;top:-114px;width:340px;max-width:100%;height:240px;transform:translate(-50%);pointer-events:none;z-index:1;overflow:hidden}.ov .rp{transform-box:fill-box;transform-origin:center;opacity:0}.go .ov .pa{animation:pUp 3.4s both}@keyframes pUp{0%{transform:translateY(90px);animation-timing-function:cubic-bezier(.2,.7,.3,1)}20%{transform:translateY(-6px)}28%,to{transform:translateY(0)}}.go .ov .arm.l{animation:pArmL 3.4s ease-out both}.go .ov .arm.r{animation:pArmR 3.4s ease-out both}@keyframes pArmL{0%,22%{d:path("M21 90 Q14 104 12 118 Q12 124 12 132")}36%,to{d:path("M21 90 Q6 95 -10 95 Q-16 96 -17 103")}}@keyframes pArmR{0%,26%{d:path("M100 90 Q106 104 108 118 Q108 124 108 132")}40%,to{d:path("M100 90 Q115 95 130 95 Q136 96 137 103")}}.go .ov .rp{animation:rip 3.4s ease-out both;animation-delay:.35s}@keyframes rip{0%{transform:scale(.2);opacity:0}6%{opacity:1}40%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}.go .ov .mouth{animation:pm 3.4s both}@keyframes pm{0%,44%{d:path("M55 73 Q60 75 66 73")}52%,to{d:path("M49 70 Q60 84 72 69")}}.go .ov .eyes{transform-origin:60px 60px;animation:pb 3.4s both}@keyframes pb{0%,60%,66%,to{transform:scaleY(1)}63%{transform:scaleY(.1)}}@media(prefers-reduced-motion:reduce){.go .ov *{animation-duration:1ms!important;animation-delay:0s!important}}
