/* Public-site palette: deep, blue-forward water. Original image and brand colors are preserved. */
html.ocean-theme {
  color-scheme:dark;
  --ocean-bg:var(--site-color-041124,#041124);
  --ocean-panel:var(--site-color-0c2948,#0c2948);
  --ocean-panel-raised:var(--site-color-133659,#133659);
  --ocean-line:var(--site-color-345f8b,#345f8b);
  --ocean-text:#edf3ff;
  --ocean-muted:#b6c8e8;
  --ocean-link:#a9c7ff;
  --ocean-action:#225ada;
}
html.ocean-theme body {
  --bg:var(--ocean-bg); --snow:var(--site-color-071d33,#071d33); --snow-deep:var(--site-color-0c2a4a,#0c2a4a);
  --ink:var(--ocean-text); --ink-soft:var(--ocean-muted);
  --text:var(--ocean-text); --text-soft:var(--ocean-muted);
  --aqua:#81a9ff; --aqua-deep:var(--ocean-link); --aqua-mist:var(--site-color-183a5c,#183a5c);
  --cyan:var(--ocean-link); --purple:#c7b9ff; --accent:var(--ocean-link); --line:var(--ocean-line);
  --abyss:var(--site-color-041124,#041124); --abyss-deep:var(--site-color-020b19,#020b19);
  color:var(--ocean-text);
  background:radial-gradient(ellipse at 80% 0%,var(--site-color-134577,#134577) 0,transparent 48%),linear-gradient(180deg,var(--site-color-071e35,#071e35) 0,var(--site-color-051429,#051429) 55%,var(--site-color-020b19,#020b19) 100%);
  background-color:var(--ocean-bg);
  min-height:100vh;
}
html.ocean-theme main { background:transparent; }
html.ocean-theme a { color:var(--ocean-link); }
html.ocean-theme ::selection { background:#376da4; color:#fff; }
html.ocean-theme :is(a,button,summary):focus-visible { outline-color:#c1d5ff; }
html.ocean-theme :is(.hdr,.site-header) { color:var(--ocean-text); }
html.ocean-theme .hdr { background:rgba(var(--site-rgb-071a30,7,26,48),.9); border-color:var(--site-color-2b5279,#2b5279); box-shadow:0 12px 40px rgba(var(--site-rgb-000614,0,6,20),.28); }
html.ocean-theme :is(.hdr-logo span,.hdr-nav a,.hdr-actions a,.site-name,.site-header a) { color:var(--ocean-text); }
html.ocean-theme :is(.hdr-nav a.current,.hdr-nav a:hover,.hdr-actions a) { background:var(--site-color-153556,#153556); border-color:var(--site-color-365d85,#365d85); }
html.ocean-theme .hdr-nav { scrollbar-color:#607cae transparent; }
/* Animated glyphs own the gradient; the parent remains transparent in every state. */
html.ocean-theme .hero-name { background:none; color:#d6e8ff; }
html.ocean-theme :is(.page-title,.prof-name),
html.ocean-theme .hero-name span { background-image:linear-gradient(100deg,#f1f5ff 0%,#b0caff 42%,#739fff 78%,#d2e0ff); text-shadow:0 8px 28px rgba(30,78,177,.3); }
html.ocean-theme .hero-name span,
html.ocean-theme .hero-name.wave-active span { -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
html.ocean-theme :is(.hero-role,.hero-eyebrow,.hero-name-en,.prof-en,.sec-tag,.sub-kicker,.page-tag,.eyebrow) { color:var(--ocean-link); }
html.ocean-theme :is(.lead,.page-lead,.hero-desc,.sec-desc,.profile-bio,.prof-bio,.world-desc,.world-features p,.source-note,.line-body p,.byline,.draft,.project-visual figcaption,.ring-byline) { color:var(--ocean-muted); }
html.ocean-theme :is(.sec-title,.world-name,.world-name a,.profile-name,.line-body h3,.news-main h3,.support-name,.contact-name) { color:var(--ocean-text); }
html.ocean-theme :is(.sec,.line-item,.world-facts > div,.deliverables div,.tier,.world-tab) { border-color:rgba(109,158,208,.3); }
html.ocean-theme .wave-sep { color:#3a66ab; }
html.ocean-theme .sec > .container::before { -webkit-text-stroke-color:rgba(130,163,223,.14); }
html.ocean-theme :is(.news-entry,.world-list-card,.project-index-card,.contact-card,.support-card,.featured-tool,.yt-card,.tier,.contact-panel,.kanata-card,.bvc-hero,.vrt-def,.placeholder-card) { color:var(--ocean-text); background:linear-gradient(145deg,var(--site-color-143658,#143658),var(--site-color-0a243e,#0a243e)); border-color:var(--ocean-line); box-shadow:0 6px 0 var(--site-color-06192e,#06192e),0 20px 42px -24px var(--site-color-000c19,#000c19); }
html.ocean-theme .world-list-card .world-body { background:linear-gradient(145deg,var(--site-color-133456,#133456),var(--site-color-0a233d,#0a233d)); }
html.ocean-theme .world-list-card img { background:var(--site-color-071b30,#071b30); }
html.ocean-theme .world-list-card .world-name { color:var(--ocean-text); }
html.ocean-theme :is(.news-main p,.news-entry .news-read,.world-list-card .world-desc,.contact-desc,.support-desc,.featured-tool-detail,.yt-card-meta) { color:var(--ocean-muted); }
html.ocean-theme :is(.content-cta,.world-btn,.profile-link,.news-richtext a,.news-read summary,.featured-tool-kicker,.featured-tool-arrow) { color:var(--ocean-link); }
html.ocean-theme :is(#tools,#wip) .tool-article-card { color:var(--ocean-text); background:linear-gradient(145deg,var(--site-color-133558,#133558),var(--site-color-0a233d,#0a233d)); border-color:var(--ocean-line); }
html.ocean-theme :is(#tools,#wip) .tool-article-link,
html.ocean-theme :is(#tools,#wip) .tool-article-link .wip-name { color:var(--ocean-text); }
html.ocean-theme :is(#tools,#wip) .tool-article-link :is(.wip-desc,.wip-cat),
html.ocean-theme #tools .tool-article-card > .wip-read { color:var(--ocean-muted); }
html.ocean-theme :is(#tools,#wip) .wip-status { background:var(--site-color-1b3f63,#1b3f63); color:#c8d9ff; }
html.ocean-theme :is(#tools,#wip) .tool-article-cta { color:var(--ocean-link); }
html.ocean-theme #tools .tool-article-link .wip-thumb,
html.ocean-theme :is(.project-cover,.project-visual.brand,.featured-tool img,.yt-card-image) { background:var(--site-color-081c31,#081c31); }
html.ocean-theme :is(.btn-p,.primary-btn,.action,.bvc-link,.ring-button-primary),
html.ocean-theme .world-list-card .world-btn-intro,
html.ocean-theme #tools .tool-article-cta { background:var(--ocean-action); color:#fff; border-color:#68b1fa; box-shadow:0 5px 0 var(--site-color-0b4180,#0b4180); }
html.ocean-theme :is(.btn-p,.primary-btn,.action,.bvc-link,.ring-button-primary):hover,
html.ocean-theme #tools .motion-card-host:hover .tool-article-cta { background:#316bec; color:#fff; }
html.ocean-theme :is(.btn-s,.profile-link,.ring-button-secondary) { background-color:var(--site-color-163657,#163657); border-color:#5a83ad; color:#d6e4ff; }
html.ocean-theme :is(.btn-s,.ring-button-secondary):hover { background-color:var(--site-color-234b74,#234b74); color:#fff; }
html.ocean-theme :is(.card-tags span,.profile-tag,.prof-vrt,.vrt-col,.vrt-col-main,.vrt-tag,.vrt-aside,.contact-notes,.support-msg) { background:var(--site-color-113151,#113151); color:var(--ocean-muted); border-color:var(--site-color-345f8b,#345f8b); }
html.ocean-theme :is(.foot,.links-footer) { background:linear-gradient(180deg,var(--site-color-051326,#051326),var(--site-color-020b19,#020b19)); color:var(--ocean-muted); }
html.ocean-theme :is(.foot-copy,.foot-msg,.foot-link,.support-url) { color:#a0b6dc; opacity:1; }
html.ocean-theme :is(.card-x .contact-icon,.bvc-logo) { background:#d9ecff; }
html.ocean-theme :is(.link-name,.bl-name) { color:var(--ocean-text); }
html.ocean-theme :is(.link-handle,.bl-handle,.bubble-link.row-deep .bl-handle) { color:var(--ocean-muted); }
html.ocean-theme .links .bubble-link { background:linear-gradient(135deg,var(--site-color-14375b,#14375b),var(--site-color-0b2642,#0b2642)); color:var(--ocean-text); box-shadow:inset 0 0 0 1px #37618b,0 8px 24px -16px var(--site-color-010c1c,#010c1c); }
html.ocean-theme :is(.link-arrow,.bl-arrow,.bubble-link.row-deep .bl-arrow) { color:var(--ocean-link); }

/* Video and TikTok components own local tokens, so map them explicitly. */
html.ocean-theme #tiktok { --tt-ink:var(--ocean-text); --tt-muted:var(--ocean-muted); --tt-line:var(--ocean-line); }
html.ocean-theme #tiktok :is(.tt-promo,.tt-archives,.tt-archive-card) { background:linear-gradient(135deg,var(--site-color-14375b,#14375b),var(--site-color-0a2540,#0a2540)); color:var(--ocean-text); border-color:var(--ocean-line); }
html.ocean-theme #tiktok :is(.tt-brand,.tt-eyebrow,.tt-year,.tt-session,.tt-date > span) { color:var(--ocean-muted); }
html.ocean-theme #tiktok .tt-session { background:var(--site-color-204870,#204870); }
html.ocean-theme #tiktok .tt-follow { background:var(--ocean-action); color:#fff; }
html.ocean-theme #tiktok .tt-follow:hover { background:#316bec; }
html.ocean-theme #tiktok .tt-archive-card:hover { background:var(--site-color-1c4166,#1c4166); }
html.ocean-theme :is(.yt-title,.yt-card-title,.yt-group-title,.vid-title) { color:var(--ocean-text); }
html.ocean-theme :is(.yt-meta,.yt-group-note,.yt-card-note,.vid-desc) { color:var(--ocean-muted); }
html.ocean-theme .vid-meta-link:hover { background:var(--ocean-action); color:#fff; }

/* Product reading pages use the same depth without changing artwork or video. */
html.ocean-theme body:has(> .site-header) main { background:var(--site-color-0a233d,#0a233d); border:1px solid var(--site-color-2a4f75,#2a4f75); border-radius:24px; }
html.ocean-theme body.quick-ring-page { --ring-navy:var(--ocean-text); --ring-blue:var(--ocean-link); --ring-pale:var(--site-color-152e5a,#152e5a); --ring-text:var(--ocean-text); }
html.ocean-theme .quick-ring-page main { background:transparent; border:0; }
html.ocean-theme :is(.ring-hero,.ring-final) { background:radial-gradient(ellipse at top right,var(--site-color-1c5186,#1c5186),transparent 60%),linear-gradient(135deg,var(--site-color-113355,#113355),var(--site-color-07152b,#07152b)); }
html.ocean-theme :is(.ring-section,.ring-jump,.ring-requirements-list) { background:var(--site-color-0c2a48,#0c2a48); border-color:var(--site-color-36608b,#36608b); }
html.ocean-theme :is(.ring-steps li,.ring-feature,.ring-note,.ring-requirements,.ring-story) { background:var(--site-color-113050,#113050); border-color:var(--site-color-345f8b,#345f8b); }
html.ocean-theme .ring-hero .ring-button-primary,
html.ocean-theme .ring-final .ring-button-primary { background:#c9e4ff; color:var(--site-color-071737,#071737); }
html.ocean-theme .ring-hero .ring-button-primary:hover,
html.ocean-theme .ring-final .ring-button-primary:hover { background:#e0efff; color:var(--site-color-071737,#071737); }
html.ocean-theme .ring-hero .ring-button-secondary { background:var(--site-color-153657,#153657); color:#e0eaff; border-color:#5b8ab9; }

/* Tactile feedback now glows blue against navy, including its static invitation. */
html.ocean-theme .motion-bubble { border-color:#9dc9ff; background:radial-gradient(circle at 30% 25%,#ecf5ff 0 12%,rgba(118,186,255,.4) 45%,rgba(50,134,234,.2)); box-shadow:inset -2px -3px 4px rgba(var(--site-rgb-1e60a3,30,96,163),.3); }
html.ocean-theme .motion-hero::before { background:radial-gradient(ellipse at 88% 45%,rgba(49,125,215,.26),transparent 50%),linear-gradient(120deg,rgba(var(--site-rgb-1e5293,30,82,147),.22),transparent 60%); }
html.ocean-theme .motion-hero .sub-kicker { color:#c4d7ff; border-color:#4575a5; background:var(--site-color-143557,#143557); box-shadow:0 4px 0 var(--site-color-05142a,#05142a); }
html.ocean-theme .motion-image-cue { background:#d3e8ff; border-color:#edf6ff; box-shadow:0 6px 0 #3077d0,0 12px 30px rgba(var(--site-rgb-000a1e,0,10,30),.55); }
html.ocean-theme .motion-image-cue::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23112c70' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E"); }
html.ocean-theme .motion-ripple { border-color:#b4d9ff; background:rgba(117,184,255,.22); }
html.ocean-theme :is(#seaLoader,.sl-panel) { background:var(--site-color-071d33,#071d33); }
html.ocean-theme .sl-name { color:#475f92; }
html.ocean-theme .sl-fill { color:#c5d8ff; }
html.ocean-theme .hero-rays i { background:linear-gradient(180deg,rgba(125,186,255,.2),rgba(125,186,255,0) 72%); }
@media (hover:hover) and (pointer:fine) {
  html.ocean-theme .motion-card-host:hover > .t-tilt-card { border-color:#92c6ff; box-shadow:var(--motion-edge-glow); }
  html.ocean-theme .motion-card-host:hover :is(.content-cta,.tool-article-cta) { color:#dce8ff; }
  html.ocean-theme .motion-card-host:hover .motion-image-cue,
  html.ocean-theme a.world-preview:hover .motion-image-cue { box-shadow:var(--motion-edge-glow); }
}

@media (hover:hover) and (pointer:fine) {
  html.ocean-theme :is(.motion-button,.tool-article-card,.world-list-card,.project-index-card,.news-entry,.contact-card,.support-card,.featured-tool,.yt-card,.tt-archive-card,.bubble-link,.link-card,.booth-product-visual):hover,
  html.ocean-theme .links .bubble-link:hover { box-shadow:var(--motion-edge-glow); }
}

/* Pale card surfaces separate readable content from the deep-water page. */
html.ocean-theme body :is(.news-entry,.world-list-card,.project-index-card,.contact-card,.support-card,.featured-tool,.vid-featured,.yt-card,.tier,.contact-panel,.kanata-card,.bvc-hero,.vrt-def,.placeholder-card,.tool-article-card,.tt-promo,.tt-archive-card) {
  --ocean-text:#f6fbff; --ocean-muted:#e0ecf5; --ocean-link:#ffffff;
  --ink:#f6fbff; --ink-soft:#e0ecf5; --text:#f6fbff; --text-soft:#e0ecf5;
  --tt-ink:#f6fbff; --tt-muted:#e0ecf5; --tt-line:#bddce9;
  color:#f6fbff; background:linear-gradient(145deg,rgba(255,255,255,.34) 0%,rgba(242,251,255,.28) 52%,rgba(223,243,252,.22) 100%);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  border-color:#bddce9; color-scheme:light;
  box-shadow:0 6px 0 #102f48,0 20px 42px -24px #000c19;
}
html.ocean-theme body .world-list-card .world-body { background:transparent; }
html.ocean-theme body :is(.news-entry,.world-list-card,.project-index-card,.contact-card,.support-card,.featured-tool,.vid-featured,.yt-card,.tool-article-card) :is(h2,h3,h4,.link-name,.bl-name,.wip-name,.world-name) { color:#f6fbff; }
html.ocean-theme body :is(.news-entry,.world-list-card,.project-index-card,.contact-card,.support-card,.featured-tool,.vid-featured,.yt-card,.tool-article-card) :is(.link-handle,.bl-handle,.support-url,.wip-desc,.wip-cat,.wip-read,.contact-desc,.support-desc,.yt-card-meta) { color:#e0ecf5; }
html.ocean-theme body :is(.tool-article-card,.project-index-card,.contact-card,.support-card,.world-list-card) :is(.wip-status,.card-tags span,.contact-notes,.support-msg) { background:#e1f2fa; color:#31586f; border-color:#bddce9; }
html.ocean-theme body :is(.news-entry,.world-list-card,.project-index-card,.contact-card,.support-card,.featured-tool,.vid-featured,.yt-card,.tool-article-card) :focus-visible { outline-color:#17658f; }
html.ocean-theme body .motion-card-host:hover :is(.content-cta) { color:#fff; }
html.ocean-theme body .motion-card-host:hover .tool-article-cta { color:#fff; }

/* Avoid stacking a second opaque surface behind glass archive rows. */
html.ocean-theme body #tiktok .tt-archives { background:transparent; box-shadow:none; border:0; }
html.ocean-theme body .link-card { background:linear-gradient(135deg,#14375b,#0b2642); color:#edf3ff; }
html.ocean-theme body .motion-card-host { isolation:auto; }

/* Link destinations are outlined controls, separate from glass content cards. */
html.ocean-theme body #links .link-card,
html.ocean-theme body #linkList .bubble-link,
html.ocean-theme body #links .link-card:hover,
html.ocean-theme body #linkList .bubble-link:hover {
  background:transparent; border:1px solid #83b5d780; box-shadow:none;
  min-height:76px; padding:14px 16px; border-radius:14px;
}
html.ocean-theme body #links .links-grid { max-width:760px; gap:12px; }
html.ocean-theme body #linkList { max-width:760px; margin-inline:auto; gap:12px; }
html.ocean-theme body #linkList .bubble-link::before { background:none; }
html.ocean-theme body #links .link-card:hover,
html.ocean-theme body #linkList .bubble-link:hover { border-color:#c2e8ff; }

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]).ocean-theme body #links .link-card,
  html:not([data-motion-paused]).ocean-theme body #linkList .bubble-link {
    transition:translate 220ms ease,border-color 220ms ease,box-shadow 220ms ease;
  }
  html:not([data-motion-paused]).ocean-theme body #links .link-card:hover,
  html:not([data-motion-paused]).ocean-theme body #linkList .bubble-link:hover {
    translate:0 -3px; box-shadow:0 7px 18px -10px #77caff70;
  }
  html:not([data-motion-paused]).ocean-theme body #links .link-arrow,
  html:not([data-motion-paused]).ocean-theme body #linkList .bl-arrow { transition:translate 220ms ease; }
  html:not([data-motion-paused]).ocean-theme body #links .link-card:hover .link-arrow,
  html:not([data-motion-paused]).ocean-theme body #linkList .bubble-link:hover .bl-arrow { translate:3px 0; }
}

/* TikTok's cyan/red edge treatment is limited to the invitation panel. */
html.ocean-theme body #tiktok .tt-promo { border:1px solid #ffffff55; border-left:3px solid #25f4ee; border-right:3px solid #fe2c55; background:linear-gradient(90deg,#25f4ee30 0%,#25f4ee00 28%,#fe2c5500 72%,#fe2c552a 100%),linear-gradient(145deg,#164f79,#12416b); box-shadow:-4px 0 0 #25f4ee55,4px 0 0 #fe2c5555; }

html.ocean-theme body .bubble-more {
  display:flex; align-items:center; justify-content:center; width:104px; min-height:104px; aspect-ratio:1;
  margin:24px auto 0; padding:12px; border:1px solid #d6f2ff9c; border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#ffffff38,#a5dfff12 60%,#77caff28); color:#effaff;
  box-shadow:inset 0 0 18px #c3ecff18,0 8px 24px #00162f22; font-size:13px; text-decoration:none;
}
html.ocean-theme body .bubble-more:hover { background:radial-gradient(circle at 30% 22%,#ffffff48,#a5dfff22 60%,#77caff38); color:#fff; }
.gauge #gThumb { right:-4px; width:38px; height:64px; background:none; border-radius:0; box-shadow:none; }
.depth-shark { position:absolute; top:-32px; left:-6px; width:36px; height:32px; object-fit:contain; rotate:22deg; }
.depth-moon { position:absolute; top:9px; left:12px; width:18px; height:18px; fill:#ffe9ab; stroke:#fff4d7; stroke-width:.8; }
.gauge .g-track { opacity:.3; }
.gauge .g-read { right:38px; }
@media(max-width:820px) { .gauge #gThumb { right:0; } .depth-shark { width:29px; height:26px; left:0; } .depth-moon { width:15px; height:15px; } }

/* ID-scoped legacy tool styles must use the same glass as the news cards. */
html.ocean-theme :is(#tools,#wip) .tool-article-card {
  background:linear-gradient(145deg,rgba(255,255,255,.34) 0%,rgba(242,251,255,.28) 52%,rgba(223,243,252,.22) 100%);
  border:1px solid #bddce9; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
@media(prefers-reduced-motion:no-preference) {
 html:not([data-motion-paused]).ocean-theme body .bubble-more { animation:bubble-outline 7s ease-in-out infinite; }
}
@keyframes bubble-outline {
  0%,100% { border-radius:48% 52% 51% 49% / 51% 48% 52% 49%; }
  33% { border-radius:54% 46% 48% 52% / 46% 54% 47% 53%; }
  66% { border-radius:46% 54% 53% 47% / 53% 47% 55% 45%; }
}

/* The moon wanders first; the shark closes the gap a beat later. */
@media(prefers-reduced-motion:no-preference) {
 html:not([data-motion-paused]) .gauge #gThumb { transition:top 650ms ease-out; }
 html:not([data-motion-paused]) .depth-moon { animation:depth-moon-escape 6.8s ease-in-out infinite; }
 html:not([data-motion-paused]) .depth-shark { animation:depth-shark-chase 6.8s ease-in-out infinite; transform-origin:65% 65%; }
}
@keyframes depth-moon-escape {
 0%,100% { transform:translate(-3px,-5px) rotate(-12deg); }
 18% { transform:translate(7px,5px) rotate(8deg); }
 38% { transform:translate(-8px,19px) rotate(-18deg); }
 58% { transform:translate(-13px,8px) rotate(12deg); }
 78% { transform:translate(4px,-9px) rotate(-8deg); }
}
@keyframes depth-shark-chase {
 0%,100% { transform:translate(-5px,-3px) rotate(-8deg); }
 24% { transform:translate(3px,12px) rotate(-16deg); }
 46% { transform:translate(-7px,31px) rotate(13deg); }
 66% { transform:translate(-14px,22px) rotate(18deg); }
 88% { transform:translate(1px,4px) rotate(-15deg); }
}

.depth-shark-jaw { transform-origin:377px 310px; }
@media(prefers-reduced-motion:no-preference) {
 html:not([data-motion-paused]) .depth-shark-jaw { animation:depth-shark-chomp 6.8s ease-in-out infinite; }
}
@keyframes depth-shark-chomp {
 0%,25%,60%,100% { transform:rotate(-17deg); }
 35%,49%,78%,91% { transform:rotate(48deg); }
 42%,56%,85%,97% { transform:rotate(-19deg); }
}

.depth-shark,.depth-moon { transition:translate 380ms cubic-bezier(.22,1,.36,1); }
@media(prefers-reduced-motion:reduce) { .depth-shark,.depth-moon { transition:none; } }

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 html:not([data-motion-paused]).ocean-theme body .bubble-more:hover { translate:0 0; transform:none; scale:1.08; transform-origin:center; }
 html:not([data-motion-paused]).ocean-theme body .bubble-more:active { translate:0 0; scale:1.03; }
}

.bubble-more-label { display:inline-block; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 html:not([data-motion-paused]).ocean-theme body .bubble-more .bubble-more-label { transition:translate 300ms ease; }
 html:not([data-motion-paused]).ocean-theme body .bubble-more:hover .bubble-more-label { translate:0 -3px; }
 html:not([data-motion-paused]).ocean-theme body .bubble-more:hover { animation:bubble-hover-wobble 2s ease-in-out infinite; }
}
@keyframes bubble-hover-wobble {
 0%,100% { border-radius:46% 54% 52% 48% / 53% 46% 54% 47%; }
 33% { border-radius:57% 43% 46% 54% / 43% 57% 45% 55%; }
 66% { border-radius:43% 57% 56% 44% / 56% 44% 58% 42%; }
}