.vk-word{display:inline-flex;gap:.025em;font-family:var(--sans);font-weight:950;letter-spacing:-.055em;white-space:nowrap}.vk-word>span:nth-child(1){color:#c43d38}.vk-word>span:nth-child(2){color:#2467b3}.vk-word>span:nth-child(3){color:#a96b00}.vk-word>span:nth-child(4){color:#36823c}

/* Full-frame user-provided logo animation. */

.vk-logo-film{position:relative;display:block;width:100%;max-width:680px;aspect-ratio:16/9;isolation:isolate}.vk-logo-fallback{position:absolute;inset:0;display:flex;align-items:center;gap:.18em;white-space:nowrap;font-size:clamp(30px,5vw,72px)}.vk-logo-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;mix-blend-mode:multiply}.vk-logo-film[data-ready=true] .vk-logo-video{opacity:1}.vk-logo-film[data-ready=true] .vk-logo-fallback{visibility:hidden}.vk-intro h1:has(.vk-logo-film){padding-top:0;margin-bottom:6px;overflow:visible}.vk-logo-motion{display:block;margin:0 0 16px!important;min-height:44px;font:500 11px var(--sans)!important;letter-spacing:normal;padding:10px 16px}.vk-logo-motion[hidden]{display:none}@media(max-width:700px){.vk-logo-film{max-width:100%}}

/* A contained sky above the KIDS logo; decoration never covers controls. */
.vk-sky-cap{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#b6dff4 0%,#d8edf5 37%,#edf3e9 78%,#f7f7ed 100%);padding-bottom:28px}
.vk-sky-cap>.vk-header,.vk-sky-cap>.vkm{position:relative!important;z-index:2}
.vk-sky-cap>.vk-header{padding-bottom:14px}
.vk-sky-cap>.vk-header a,.vk-sky-cap .vk-private{background:#f9fcf2d9;border-radius:20px;padding:7px 12px;color:#294733}
.vk-sky-cap>.vkm{padding:0;margin-block:6px 0;border:0;border-radius:0;background:none;box-shadow:none}
.vk-sky-scenery{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.vk-sky-scenery::before,.vk-sky-scenery::after{content:'';position:absolute;bottom:0;right:0;width:min(42%,520px);height:clamp(300px,42vw,580px);background:url('/assets/habitat-forest.png') right bottom/cover no-repeat;opacity:.45;mask-image:radial-gradient(ellipse at bottom right,#000 6%,#0009 37%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at bottom right,#000 6%,#0009 37%,transparent 73%)}
.vk-sky-scenery::before{right:auto;left:0;transform:scaleX(-1);opacity:.32}
.vk-sky-cloud{position:absolute;width:300px;height:100px;opacity:.85;filter:blur(3px);background:radial-gradient(ellipse at 25% 66%,#fff 0 23%,transparent 25%),radial-gradient(ellipse at 44% 44%,#fff 0 28%,transparent 30%),radial-gradient(ellipse at 66% 61%,#fff 0 28%,transparent 30%),radial-gradient(ellipse at 83% 71%,#fff 0 18%,transparent 20%);animation:vk-sky-drift 70s linear infinite alternate}
.vk-sky-cloud-one{top:-20px;left:4%}.vk-sky-cloud-two{top:6px;left:44%;width:390px;height:115px;opacity:.65;animation-duration:94s;animation-delay:-32s}.vk-sky-cloud-three{top:35%;left:72%;width:240px;height:80px;opacity:.55;animation-duration:82s;animation-delay:-50s}
@keyframes vk-sky-drift{from{transform:translate3d(-65px,0,0)}to{transform:translate3d(150px,0,0)}}
.motion-paused .vk-sky-cloud{animation-play-state:paused!important}
@media(max-width:700px){.vk-sky-cap{padding-bottom:34px}.vk-sky-cap>.vk-header{gap:8px;padding-top:22px;padding-bottom:8px}.vk-sky-cap>.vk-header a,.vk-sky-cap .vk-private{padding:5px 9px}.vk-sky-cap>.vkm{padding:0;border-radius:0}.vk-sky-cloud{width:210px;height:80px}.vk-sky-cloud-two{left:48%;width:260px}.vk-sky-cloud-three{display:none}.vk-sky-scenery::before,.vk-sky-scenery::after{height:360px;width:70%}}
@media(prefers-reduced-motion:reduce){.vk-sky-cloud{animation:none!important}}

/* Carry the landscape through the complete welcome hero. */
.vk-sky-cap>.vk-intro{position:relative;padding-top:38px;padding-bottom:40px}
.vk-sky-cap .vk-logo-film{mix-blend-mode:multiply}
.vk-sky-cap .vk-logo-video{mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);-webkit-mask-composite:source-in}
.vk-sky-cap .vk-welcome{background:#f9faf2d9;padding:clamp(18px,2vw,28px);border:1px solid #ffffffa6;border-radius:22px}
@media(max-width:700px){.vk-sky-cap>.vk-intro{padding-top:24px;padding-bottom:24px}.vk-sky-cap .vk-welcome{border-radius:18px}}
/* Keep the animated wordmark, its control and the headline together, vertically centered beside the sign-in column. */
.vk-sky-cap{padding-bottom:0}
.vk-sky-cap>.vk-intro{padding-top:8px;padding-bottom:24px;grid-template-areas:"brand welcome";align-items:start}
.vk-sky-cap .vk-brand{grid-area:brand;align-self:center;min-width:0;display:flex;flex-direction:column;gap:10px}
.vk-sky-cap .vk-brand h1,.vk-sky-cap .vk-brand .vk-slogan{margin:0}
.vk-sky-cap .vk-brand .vk-logo-motion{margin:0!important}
.vk-sky-cap .vk-intro>.vk-welcome,.vk-sky-cap .vk-intro>.km-welcome-stack{grid-area:welcome}
@media(max-width:700px){.vk-sky-cap>.vk-intro{padding-top:4px;grid-template-areas:"brand" "welcome";row-gap:24px}}
.vk-sky-cap .vk-logo-film{margin:0;aspect-ratio:16/7}.vk-sky-cap .vk-logo-video{width:100%;height:auto;aspect-ratio:16/9;transform:translate(-10%,-12%)}
@media(max-width:700px){.vk-sky-cap .vk-logo-film{margin:0;max-width:100%}.vk-sky-cap .vk-logo-video{transform:translate(-9%,-10%)}}

/* Original Google Flow swallows, keyed from the downloaded green-screen clip. */
.vk-flow-birds{position:absolute;top:-35px;left:0;width:min(55%,800px);height:auto;pointer-events:none}
@media(max-width:700px){.vk-flow-birds{top:28px;left:10%;width:80%}}

/* Shared task controls for the trial, member stories and owner preview. */
.vkt-dialog[data-music-scene] :is(.vkt-actions,.vke-actions) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: clamp(20px, 3vw, 36px) auto;
}
.vkt-dialog[data-music-scene] :is(.vkt-actions,.vke-actions) > .vk-button {
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
  width: fit-content;
  min-width: min(100%, 18rem);
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  min-height: 4.25rem;
  padding: .7em 1.3em;
  border-radius: 999px;
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
}

.vkt-dialog[data-music-scene] :is(.vkt-actions,.vke-actions) > [hidden] { display: none; }
.vkt-dialog[data-music-scene] :is(.vkt-answer span,.vkt-proof-option,.vkt-field-choice,.vki-button,.vke-choices .vk-choice,.vke-actions .vk-choice) {
  text-align: center;
  overflow-wrap: anywhere;
  font-size: clamp(1.12rem, 2vw, 1.5rem);
  line-height: 1.35;
}
.vkt-dialog[data-music-scene] :is(.vkt-choices,.vkt-proof-options,.vke-choices,.vki-grid) {
  margin-inline: auto;
}
.vkt-dialog[data-music-scene] .vki-case > .vki-button {
  display: block;
  margin-inline: auto;
}
.vkt-dialog[data-music-scene] :is(#vkt-feedback,#vkb-feedback,.vke-feedback) {
  text-align: center;
}
@media (max-width: 600px) {
  .vkt-dialog[data-music-scene] :is(.vkt-actions,.vke-actions) > .vk-button { width: 100%; }
}