/* Kavvi welcome (welcome-20261010). A full-screen stage over the app: the canvas mark, then scenes that rise
   and dissolve. Dark is the default; the light theme gets a pale mint stage. Only transform / opacity / filter
   animate. Faces: Syne (self-hosted by pro-hex) / Kavvi Alexandria (goodbye2-20261012, declared in kv-goodbye-20261012.css), the app's body faces for everything else. */
.kvw[aria-modal] {
  --kvw-bg: #06120e; --kvw-bg2: #0b2219; --kvw-ink: #ecfbf3; --kvw-ink2: #a9d4c1; --kvw-cell: 125,227,184;
  --kvw-card: rgba(255,255,255,.045); --kvw-card-edge: rgba(125,227,184,.22); --kvw-accent: #7de3b8; --kvw-on-accent: #06140f;
  --kvw-face: 'Syne', var(--kv-font-head, system-ui), sans-serif; --kvw-body: var(--kv-font-body, 'DM Sans'), system-ui, sans-serif;
  position: fixed; inset: 0; z-index: 10060; overflow: hidden; color: var(--kvw-ink); text-align: center; cursor: default;
  background: radial-gradient(80% 60% at 50% 34%, var(--kvw-bg2) 0%, var(--kvw-bg) 70%);
  animation: kvw-in .5s ease-out both; -webkit-tap-highlight-color: transparent;
}
.kvw[aria-modal].is-ar { --kvw-face: 'Kavvi Alexandria', var(--kv-font-ar, system-ui), sans-serif; --kvw-body: var(--kv-font-ar, 'Plex Arabic'), system-ui, sans-serif; }
:root[data-theme='light'] .kvw[aria-modal] {
  --kvw-bg: #f3faf6; --kvw-bg2: #ffffff; --kvw-ink: #0d2a21; --kvw-ink2: #4a6a5d; --kvw-cell: 31,138,100;
  --kvw-card: rgba(255,255,255,.75); --kvw-card-edge: rgba(31,138,100,.22); --kvw-accent: #17694c; --kvw-on-accent: #ffffff;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) .kvw[aria-modal] {
    --kvw-bg: #f3faf6; --kvw-bg2: #ffffff; --kvw-ink: #0d2a21; --kvw-ink2: #4a6a5d; --kvw-cell: 31,138,100;
    --kvw-card: rgba(255,255,255,.75); --kvw-card-edge: rgba(31,138,100,.22); --kvw-accent: #17694c; --kvw-on-accent: #ffffff;
  }
}
/* pro-hex frosts every [role=dialog] in the Pro edition (a translucent gradient, an edge, a shadow) and outranks
   .kvw[aria-modal] - the stage must stay a solid screen. */
.kvw[aria-modal].kvw[aria-modal][role] { inset: 0 !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important;
  margin: 0 !important; padding: 0 !important; border-radius: 0 !important; transform: none; translate: none; }
.kvw[aria-modal].kvw[aria-modal][role] { background-color: var(--kvw-bg) !important; background-image: radial-gradient(80% 60% at 50% 34%, var(--kvw-bg2) 0%, var(--kvw-bg) 70%) !important; box-shadow: none !important; border: 0 !important; }
html.kvw-open, html.kvw-open body { overflow: hidden; }
.kvw[aria-modal].is-leaving { animation: kvw-out .46s ease-in forwards; }
.kvw[aria-modal] .kvw-canvas, .kvw[aria-modal] .kvw-wave { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.kvw[aria-modal] .kvw-canvas { transition: opacity .8s ease, transform 1.2s cubic-bezier(.2,.8,.2,1), filter .8s; }
.kvw[aria-modal] .kvw-canvas.is-dim { opacity: .06; transform: scale(1.4); filter: blur(1.5px); }
.kvw[aria-modal][data-at='pro'] .kvw-canvas { opacity: .9; }

.kvw[aria-modal] .kvw-skip {
  position: absolute; top: max(14px, env(safe-area-inset-top, 0px)); inset-inline-end: 16px; z-index: 3;
  padding: 9px 16px; border: 1px solid var(--kvw-card-edge); border-radius: 99px; background: transparent; color: var(--kvw-ink2);
  font: 600 13px/1 var(--kvw-body); cursor: pointer; opacity: 0; animation: kvw-fade .5s 1.2s ease-out both;
}
.kvw[aria-modal] .kvw-skip:hover { color: var(--kvw-ink); border-color: rgba(var(--kvw-cell), .5); }
.kvw[aria-modal] button:focus-visible { outline: 2px solid rgba(var(--kvw-cell), .8); outline-offset: 3px; }

/* scenes share one stage, below the mark */
.kvw-scene {
  position: absolute; inset-inline: 0; top: 50%; z-index: 2; display: grid; justify-items: center; gap: 12px; padding: 0 20px;
  visibility: hidden; opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .6s cubic-bezier(.2,.8,.2,1), visibility 0s .6s;
}
.kvw[aria-modal] .kvw-scene.is-on { visibility: visible; opacity: 1; transform: none; transition: opacity .55s ease .1s, transform .7s cubic-bezier(.2,.8,.2,1) .1s, visibility 0s; }
.kvw[aria-modal] .kvw-scene--choose { top: 50%; transform: translateY(calc(-50% + 14px)); gap: 18px; }
.kvw[aria-modal] .kvw-scene--choose.is-on { transform: translateY(-50%); }
@media (max-width: 600px) { .kvw[aria-modal] .kvw-scene { top: 46%; } }

.kvw[aria-modal] .kvw-brand { display: inline-flex; align-items: center; gap: 8px; color: var(--kvw-accent); }
.kvw[aria-modal] .kvw-mark { width: 22px; height: 22px; }
.kvw[aria-modal]:not(.is-still) .kvw-brand .kvw-mark { display: none; }
.kvw[aria-modal] .kvw-word { padding: .2em 0; font: 800 13px/1.3 var(--kvw-face); letter-spacing: .32em; text-indent: .32em; text-transform: uppercase; opacity: 0; animation: kvw-fade .6s 1.9s ease-out both; }
.kvw[aria-modal].is-ar .kvw-word { letter-spacing: .32em; font-family: 'Syne', sans-serif; }

.kvw[aria-modal] .kvw-title { margin: 4px 0 0; max-width: min(94vw, 1000px); font: 800 clamp(34px, 7.4vw, 82px)/1.06 var(--kvw-face); letter-spacing: -.03em; color: var(--kvw-ink); }
.kvw[aria-modal].is-ar .kvw-title { font-weight: 700; letter-spacing: 0; line-height: 1.35; }
/* the letters animate one by one, so a text-clipped gradient would not paint through them: a glow breathes instead */
.kvw-title--pro { font-size: clamp(40px, 8.4vw, 96px); color: var(--kvw-ink); }
.kvw[aria-modal] .kvw-scene.is-on .kvw-title--pro { animation: kvw-glow 2.6s 1.4s ease-in-out infinite; }
.kvw[aria-modal] .kvw-title--ask { font-size: clamp(28px, 5.4vw, 56px); }
.kvw[aria-modal] .kvw-wordwrap { display: inline-block; white-space: nowrap; }
.kvw[aria-modal] .kvw-rise { display: inline-block; white-space: pre; font-family: var(--kvw-face); opacity: 0; transform: translateY(.6em) rotate(3deg); filter: blur(8px); }
.kvw[aria-modal] .kvw-scene.is-on .kvw-rise { animation: kvw-rise .7s cubic-bezier(.16,1,.3,1) both; animation-delay: calc(var(--d, .25s) + var(--i) * 32ms); }
.kvw[aria-modal] .kvw-scene--hello { --d: 1.7s; }
.kvw[aria-modal] .kvw-line { margin: 0; max-width: 34em; font: 500 clamp(15px, 1.7vw, 18px)/1.55 var(--kvw-body); color: var(--kvw-ink2); opacity: 0; }
.kvw[aria-modal] .kvw-scene.is-on .kvw-line { animation: kvw-up .6s 2.5s ease-out both; }

.kvw[aria-modal] .kvw-eyebrow { font: 700 12px/1 var(--kvw-body); letter-spacing: .38em; text-indent: .38em; color: var(--kvw-accent); opacity: 0; }
.kvw[aria-modal].is-ar .kvw-eyebrow { letter-spacing: .04em; text-indent: 0; font-size: 14px; }
.kvw[aria-modal] .kvw-scene.is-on .kvw-eyebrow { animation: kvw-up .5s .2s ease-out both; }
.kvw[aria-modal] .kvw-perks { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 260px)); gap: 10px; }
.kvw[aria-modal] .kvw-perks li {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; text-align: start;
  background: var(--kvw-card); border: 1px solid var(--kvw-card-edge); font: 600 14px/1.35 var(--kvw-body); color: var(--kvw-ink);
  opacity: 0; transform: perspective(600px) rotateX(-70deg) translateY(10px); transform-origin: top;
}
.kvw[aria-modal] .kvw-scene.is-on .kvw-perks li { animation: kvw-flip .6s cubic-bezier(.2,.9,.25,1.15) both; animation-delay: calc(1.05s + var(--i) * 140ms); }
/* phones: the mark steps back and up, the perks sit 2 x 2 with the drawing above the words */
@media (max-width: 600px) {
  .kvw[aria-modal][data-at='pro'] .kvw-canvas { transform: translateY(-17%) scale(.62); }
  .kvw[aria-modal] .kvw-scene--pro { top: 37%; gap: 8px; }
  .kvw[aria-modal] .kvw-perks { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 380px); gap: 8px; margin-top: 10px; }
  .kvw[aria-modal] .kvw-perks li { flex-direction: column; align-items: flex-start; gap: 8px; padding: 11px 11px 12px; font-size: 12.5px; border-radius: 14px; }
  .kvw[aria-modal] .kvw-perks .kvw-ico { width: 32px; height: 32px; border-radius: 10px; } .kvw[aria-modal] .kvw-perks .kvw-ico svg { width: 24px; height: 24px; }
}
@media (max-width: 600px) and (max-height: 700px) { .kvw[aria-modal] .kvw-scene--pro { top: 30%; } .kvw[aria-modal] .kvw-title--pro { font-size: 36px; } }

/* the little drawings */
.kvw[aria-modal] .kvw-ico { display: inline-grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 12px; background: rgba(var(--kvw-cell), .1); color: var(--kvw-accent); }
.kvw[aria-modal] .kvw-ico svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.kvw[aria-modal] .kvw-i-line, .kvw[aria-modal] .kvw-i-tick, .kvw[aria-modal] .kvw-i-ray { stroke-dasharray: 40; stroke-dashoffset: 40; animation: kvw-draw 2.6s ease-in-out infinite; }
.kvw[aria-modal] .kvw-i-line.l2 { animation-delay: .25s; } .kvw[aria-modal] .kvw-i-line.l3 { animation-delay: .5s; }
.kvw[aria-modal] .kvw-i-tick.t2 { opacity: .35; transform: translate(3px, 3px); animation-delay: .6s; }
.kvw[aria-modal] .kvw-i-ray { stroke-dasharray: 6; stroke-dashoffset: 6; animation-duration: 1.6s; } .kvw[aria-modal] .kvw-i-ray.r2 { animation-delay: .2s; } .kvw[aria-modal] .kvw-i-ray.r3 { animation-delay: .4s; }
.kvw[aria-modal] .kvw-i-block { fill: currentColor; opacity: 0; animation: kvw-block 2.8s ease-in-out infinite; stroke: none; }
.kvw[aria-modal] .kvw-i-block.b2 { animation-delay: .35s; } .kvw[aria-modal] .kvw-i-block.b3 { animation-delay: .7s; }
.kvw[aria-modal] .kvw-i-bulb { animation: kvw-bulb 1.6s ease-in-out infinite; }

/* the question */
.kvw[aria-modal] .kvw-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 220px)); align-items: stretch; gap: 14px; margin-top: 6px; }
/* the app sizes buttons (mobile.css min-heights, aspect ratios): the cards size to their words */
.kvw[aria-modal] .kvw-card, .kvw[aria-modal] .kvw-look, .kvw[aria-modal] .kvw-skip { min-height: 0 !important; min-width: 0; height: auto !important; aspect-ratio: auto !important; align-content: start; }
.kvw[aria-modal] .kvw-card {
  display: grid; justify-items: start; gap: 8px; padding: 18px 16px 18px; border-radius: 20px; text-align: start; cursor: pointer;
  background: var(--kvw-card); border: 1px solid var(--kvw-card-edge); color: var(--kvw-ink); font: inherit;
  opacity: 0; transform: translateY(18px) scale(.97);
  transition: transform .25s cubic-bezier(.2,.9,.25,1.2), border-color .2s, background .2s, box-shadow .25s;
}
.kvw[aria-modal] .kvw-scene.is-on .kvw-card { animation: kvw-card .6s cubic-bezier(.2,.9,.25,1.1) both; animation-delay: calc(.35s + var(--i) * 90ms); }
.kvw[aria-modal] .kvw-card strong { font: 800 17px/1.2 var(--kvw-body); }
.kvw[aria-modal] .kvw-card span:last-child { font: 500 13px/1.4 var(--kvw-body); color: var(--kvw-ink2); }
.kvw[aria-modal] .kvw-card:hover, .kvw[aria-modal] .kvw-card:focus-visible { transform: translateY(-4px) scale(1.02); border-color: rgba(var(--kvw-cell), .7); background: rgba(var(--kvw-cell), .1); box-shadow: 0 18px 50px rgba(var(--kvw-cell), .16); }
.kvw[aria-modal] .kvw-card.is-picked { animation: kvw-pick .6s cubic-bezier(.3,.7,.2,1) forwards !important; border-color: var(--kvw-accent); }
.kvw[aria-modal] .kvw-look { border: 0; background: none; color: var(--kvw-ink2); font: 600 14px/1 var(--kvw-body); cursor: pointer; padding: 10px; opacity: 0; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(var(--kvw-cell), .4); }
.kvw[aria-modal] .kvw-scene.is-on .kvw-look { animation: kvw-fade .5s 1s ease-out both; }
@media (max-width: 900px) { .kvw[aria-modal] .kvw-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 460px); gap: 10px; } .kvw[aria-modal] .kvw-card { padding: 14px 12px; border-radius: 16px; } .kvw[aria-modal] .kvw-card strong { font-size: 15.5px; } .kvw[aria-modal] .kvw-card span:last-child { font-size: 12.5px; } .kvw[aria-modal] .kvw-ico { width: 34px; height: 34px; } .kvw[aria-modal] .kvw-ico svg { width: 26px; height: 26px; } }

.kvw[aria-modal] .kvw-dots { position: absolute; bottom: max(22px, env(safe-area-inset-bottom, 0px)); inset-inline: 0; z-index: 3; display: flex; justify-content: center; gap: 8px; }
.kvw[aria-modal] .kvw-dots i { width: 7px; height: 7px; border-radius: 99px; background: rgba(var(--kvw-cell), .25); transition: width .4s cubic-bezier(.2,.8,.2,1), background .3s; }
.kvw[aria-modal] .kvw-dots i.is-done { background: rgba(var(--kvw-cell), .55); }
.kvw[aria-modal] .kvw-dots i.is-on { width: 26px; background: var(--kvw-accent); }

@keyframes kvw-in { from { opacity: 0; } }
@keyframes kvw-out { to { opacity: 0; transform: scale(1.04); filter: blur(6px); } }
@keyframes kvw-fade { to { opacity: 1; } }
@keyframes kvw-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes kvw-rise { to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes kvw-flip { to { opacity: 1; transform: none; } }
@keyframes kvw-card { to { opacity: 1; transform: none; } }
@keyframes kvw-pick { 40% { transform: scale(1.06); } to { transform: scale(1.5); opacity: 0; filter: blur(4px); } }
@keyframes kvw-glow { 0%, 100% { text-shadow: 0 0 0 rgba(var(--kvw-cell), 0); } 50% { text-shadow: 0 0 34px rgba(var(--kvw-cell), .55); } }
@keyframes kvw-draw { 0% { stroke-dashoffset: 40; } 45%, 75% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -40; } }
@keyframes kvw-block { 0%, 10% { opacity: 0; transform: scaleX(.2); } 35%, 80% { opacity: .9; transform: none; } 100% { opacity: 0; } }
@keyframes kvw-bulb { 50% { fill: rgba(var(--kvw-cell), .28); } }
.kvw[aria-modal] .kvw-i-block { transform-box: fill-box; transform-origin: left center; }

/* still: no movement (reduced motion), the same words */
.kvw[aria-modal].is-still *, .kvw[aria-modal].is-still { animation-duration: .01ms !important; animation-delay: 0s !important; transition-duration: .01ms !important; }
.kvw[aria-modal].is-still .kvw-rise, .kvw[aria-modal].is-still .kvw-line, .kvw[aria-modal].is-still .kvw-word, .kvw[aria-modal].is-still .kvw-eyebrow, .kvw[aria-modal].is-still .kvw-perks li,
.kvw[aria-modal].is-still .kvw-card, .kvw[aria-modal].is-still .kvw-look, .kvw[aria-modal].is-still .kvw-skip { opacity: 1; transform: none; filter: none; }
.kvw[aria-modal].is-still .kvw-scene { top: 50%; transform: translateY(-50%); }

/* ------------------------------------------------------------------ trial24-20261011 */
/* a slow aurora behind everything: three blurred light pools drifting (transform only) */
.kvw[aria-modal] .kvw-aurora { position: absolute; inset: -20%; pointer-events: none; opacity: 0; animation: kvw-fade 2.4s .3s ease-out both; }
.kvw[aria-modal] .kvw-aurora i { position: absolute; width: 46vmax; height: 46vmax; border-radius: 50%; filter: blur(70px); opacity: .22; will-change: transform; }
.kvw[aria-modal] .kvw-aurora i:nth-child(1) { left: 12%; top: 8%; background: radial-gradient(closest-side, rgba(var(--kvw-cell), .9), transparent); animation: kvw-drift-a 19s ease-in-out infinite alternate; }
.kvw[aria-modal] .kvw-aurora i:nth-child(2) { right: 8%; top: 30%; background: radial-gradient(closest-side, rgba(64, 196, 255, .55), transparent); animation: kvw-drift-b 23s ease-in-out infinite alternate; opacity: .14; }
.kvw[aria-modal] .kvw-aurora i:nth-child(3) { left: 30%; bottom: 0; background: radial-gradient(closest-side, rgba(190, 255, 120, .5), transparent); animation: kvw-drift-c 27s ease-in-out infinite alternate; opacity: .1; }
.kvw[aria-modal][data-at='pro'] .kvw-aurora i { opacity: .32; transition: opacity 1.2s; }
:root[data-theme='light'] .kvw[aria-modal] .kvw-aurora i { opacity: .14; }
@keyframes kvw-drift-a { to { transform: translate(18vw, 12vh) scale(1.25); } }
@keyframes kvw-drift-b { to { transform: translate(-22vw, -10vh) scale(.85); } }
@keyframes kvw-drift-c { to { transform: translate(12vw, -18vh) scale(1.15); } }

/* the welcome line gets one pass of light once its letters have landed */
.kvw[aria-modal] .kvw-scene--hello .kvw-title { position: relative; }
.kvw[aria-modal] .kvw-scene--hello.is-on .kvw-title::after {
  content: ''; position: absolute; inset: -10% -4%; pointer-events: none; mix-blend-mode: overlay;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.75) 50%, transparent 62%) no-repeat; background-size: 250% 100%;
  animation: kvw-sheen 1.6s 2.6s cubic-bezier(.4,0,.2,1) both;
}
@keyframes kvw-sheen { from { background-position: 130% 0; } to { background-position: -30% 0; } }

/* the Pro scene: the big clock under the title */
.kvw[aria-modal] .kvw-scene--pro { gap: 10px; }
.kvw[aria-modal] .kvw-clock { margin-top: 6px; font: 800 clamp(46px, 8vw, 92px)/1 'Syne', var(--kvw-face), sans-serif; letter-spacing: -.01em; color: var(--kvw-ink);
  filter: drop-shadow(0 0 22px rgba(var(--kvw-cell), .4)); opacity: 0; }
.kvw[aria-modal] .kvw-scene.is-on .kvw-clock { animation: kvw-clock-in .8s .75s cubic-bezier(.16,1,.3,1) both; }
.kvw[aria-modal] .kvw-clock .kvt-clock__d { width: .7em; }
.kvw[aria-modal] .kvw-clock .kvt-clock__colon { animation: kvw-blink 1s steps(1) infinite; }
.kvw[aria-modal] .kvw-line--hours { font-size: clamp(14px, 1.5vw, 17px); }
.kvw[aria-modal] .kvw-scene.is-on .kvw-line--hours { animation: kvw-up .6s 2.3s ease-out both; }
@keyframes kvw-clock-in { from { opacity: 0; transform: translateY(16px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes kvw-blink { 50% { opacity: .2; } }

/* the last scene: the clock as a chip above the question */
.kvw[aria-modal] .kvw-chip, .kvw-chip--ghost {
  display: inline-flex; align-items: center; gap: 9px; padding: 8px 15px 8px 9px; border-radius: 99px; box-sizing: border-box;
  border: 1px solid rgba(var(--kvw-cell, 125,227,184), .35); background: rgba(var(--kvw-cell, 125,227,184), .09); color: var(--kvw-ink, #ecfbf3);
  font: 600 14px/1 var(--kvw-body, 'DM Sans'), system-ui, sans-serif; white-space: nowrap;
}
.kvw[aria-modal] .kvw-chip { opacity: 0; }
.kvw[aria-modal] .kvw-scene.is-on .kvw-chip { animation: kvw-up .5s .15s ease-out both; }
.kvw[aria-modal] .kvw-chip__ring, .kvw-chip--ghost .kvw-chip__ring { width: 24px; height: 24px; flex: none; }
.kvw-chip__ring path { fill: none; stroke: var(--kvw-accent, #7de3b8); stroke-width: 2.6; stroke-linejoin: round; }
.kvw-chip__ring .kvw-chip__core { fill: var(--kvw-accent, #7de3b8); stroke: none; transform-origin: 16px 16px; animation: kvw-beat 1s ease-in-out infinite; }
.kvw-chip__clock { font-weight: 800; font-size: 15px; }
.kvw-chip__of { color: var(--kvw-ink2, #a9d4c1); font-weight: 500; }
.kvw-chip--ghost .kvw-chip__of { animation: kvw-ghost-of .35s .1s ease-in forwards; }
@keyframes kvw-ghost-of { to { opacity: 0; } }
.kvw-chip--ghost { --kvw-cell: 125,227,184; --kvw-accent: #7de3b8; --kvw-ink: #ecfbf3; --kvw-ink2: #a9d4c1; pointer-events: none; justify-content: center;
  background: rgba(13, 58, 44, .92); box-shadow: 0 12px 40px rgba(0, 0, 0, .35), 0 0 30px rgba(125, 227, 184, .35); transform-origin: center; }
:root[data-theme='light'] .kvw-chip--ghost { --kvw-cell: 31,138,100; --kvw-accent: #17694c; --kvw-ink: #0d2a21; --kvw-ink2: #4a6a5d; background: rgba(255, 255, 255, .96); box-shadow: 0 12px 40px rgba(13, 42, 33, .18); }
@keyframes kvw-beat { 0%, 100% { transform: scale(1); } 12% { transform: scale(1.2); } 40% { transform: scale(.92); } }

@media (max-width: 600px) {
  .kvw[aria-modal] .kvw-scene--pro { top: 47%; }
  .kvw[aria-modal][data-at='pro'] .kvw-canvas { transform: translateY(-6%) scale(.86); }
  .kvw[aria-modal] .kvw-chip { font-size: 13px; padding: 7px 13px 7px 8px; }
}
@media (max-width: 600px) and (max-height: 700px) { .kvw[aria-modal] .kvw-scene--pro { top: 44%; } .kvw[aria-modal] .kvw-clock { font-size: 40px; } }
.kvw[aria-modal].is-still .kvw-clock, .kvw[aria-modal].is-still .kvw-chip, .kvw[aria-modal].is-still .kvw-aurora { opacity: 1; transform: none; filter: none; }
.kvw[aria-modal].is-still .kvw-aurora i { animation: none; }
@media (prefers-reduced-motion: reduce) { .kvw-chip__ring .kvw-chip__core { animation: none; } }