/* Shared decorative motion: content and business state remain untouched. */
/* Low-specificity geometry keeps each page's existing icon sizes. */
:where(svg.member-icon, .ui-shell-header svg, .ui-shell-footer svg) {
    display: block; width: 24px; height: 24px; margin: 0; flex-shrink: 0;
}
svg.member-icon,
:where(.ui-shell-header, .ui-shell-footer) svg {
    fill: none; stroke: currentColor; stroke-width: 1.7;
    stroke-linecap: round; stroke-linejoin: round;
}
[data-member-motion] {
    --suite-ease: cubic-bezier(.2,.8,.2,1);
    --suite-spring: cubic-bezier(.2,.85,.25,1.15);
    --suite-idle: 6.4s;
    --suite-copy-cycle: 7.2s;
    --suite-arrive-distance: 12px;
    --suite-arrive-duration: 480ms;
    --suite-luster-duration: 30s;
}
.suite-anchor { position: relative; }
/* One semantic symbol layer, shared by page titles, forms and entry points. */
.member-page-symbol, .member-action-symbol {
    display: inline-flex; align-items: center; vertical-align: middle; flex-shrink: 0;
    margin-inline-end: 7px; color: inherit;
}
.member-page-symbol .member-icon, .member-action-symbol .member-icon,
.member-field-symbol .member-icon { width: 24px; height: 24px; }
.member-field-symbol {
    display: inline-grid; place-items: center; flex: 0 0 auto;
    width: 36px; height: 36px; margin-inline-end: 10px; border-radius: 11px;
    color: var(--ui-primary, #126548); background: var(--ui-primary-soft, #edf7f1);
}
.auth-mode-tabs .auth-alternative { display: flex; align-items: center; justify-content: center; gap: 8px; }
.auth-mode-tabs .member-icon { width: 20px; height: 20px; flex-shrink: 0; }
body .ui-language-list a > span { min-width: 0; overflow-wrap: anywhere; }
body .ui-settings .flex-row > .member-field-symbol + .main-content { min-width: 0; }
.member-icon[data-member-symbol="recharge"], .member-icon[data-member-symbol="transfer-in"] {
    --ui-icon-x: 0px; --ui-icon-y: 2px; --ui-icon-angle: 0deg; --suite-idle: 9s;
}
.member-icon[data-member-symbol="withdrawal"], .member-icon[data-member-symbol="transfer-out"] {
    --ui-icon-x: 0px; --ui-icon-y: -2px; --ui-icon-angle: 0deg; --suite-idle: 9s;
}
.member-icon[data-member-symbol="password"], .member-icon[data-member-symbol="fund-password"],
.member-icon[data-member-symbol="wallet-bind"] {
    --ui-icon-y: -1px; --ui-icon-angle: -3deg; --suite-idle: 12s;
}
.member-icon[data-member-symbol="invite"], .member-icon[data-member-symbol="register"],
.member-icon[data-member-symbol="redpacket"] { --ui-icon-y: -2px; --ui-icon-angle: -6deg; --suite-idle: 10s; }
.member-icon[data-member-symbol="login"], .member-icon[data-member-symbol="submit-orders"] {
    --ui-icon-x: 2px; --ui-icon-y: 0px; --ui-icon-angle: 0deg; --suite-idle: 10s;
}
body [data-order-submit] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
[data-order-submit] .member-action-symbol { margin: 0; }
[data-order-submit]:not(.is-recharge-action) [data-member-symbol="recharge"],
[data-order-submit].is-recharge-action [data-member-symbol="submit-orders"] { display: none; }
@media (max-width: 767px) {
    .member-page-symbol .member-icon { width: 21px; height: 21px; }
    .member-page-symbol { margin-inline-end: 5px; }
}
[data-member-motion] .suite-control { transition: transform 240ms var(--suite-spring), filter 160ms; }
[data-member-motion] .suite-control.suite-pressed:not(:disabled) { transform: scale(.96); filter: brightness(.94); transition-duration: 90ms; }
.suite-touch-layer {
    position: absolute; inset: 0; display: block; border-radius: inherit;
    overflow: hidden; pointer-events: none; contain: paint;
}
.suite-touch-layer { z-index: 2; }
.suite-touch-wave {
    position: absolute; display: block; width: var(--suite-wave-size); height: var(--suite-wave-size);
    margin-left: calc(var(--suite-wave-size) / -2); margin-top: calc(var(--suite-wave-size) / -2);
    border-radius: 50%; background: radial-gradient(circle, #ffffff65, #ffffff1a 65%, transparent 70%);
    animation: suite-wave 600ms var(--suite-ease) both;
}
[data-member-motion] .suite-enter { animation: suite-card-in var(--suite-arrive-duration) var(--suite-ease) backwards; animation-delay: var(--suite-delay, 0ms); }
[data-member-motion] .suite-icon {
    transform-origin: 50% 65%;
    animation: ui-icon-breathe var(--suite-idle) var(--suite-ease) infinite;
    animation-delay: calc(var(--suite-phase, 0s) * -1);
}
[data-member-motion] .suite-copy {
    animation: ui-copy-drift var(--suite-copy-cycle) var(--suite-ease) infinite;
    animation-delay: calc(var(--suite-phase, 0s) * -1);
}
[data-member-motion] span.suite-copy { display: inline-block; }
[data-member-motion] :is(.task-start, .task-rules-link, .support-chat-link, .support-service-link) > svg:last-child {
    --ui-icon-x: 3px; --ui-icon-y: 0px; --ui-icon-angle: 0deg;
}
[data-member-motion] :is(.ui-support-symbol, .ui-support-avatar, .task-account-icon) .suite-icon {
    --ui-icon-y: -4px; --ui-icon-angle: -7deg;
}
[data-member-motion] :is(button:disabled, [aria-disabled="true"], [aria-busy="true"]) :is(.suite-icon, .suite-copy) {
    animation-play-state: paused;
}
.suite-atmosphere {
    position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
    contain: strict;
}
[data-member-motion] { isolation: isolate; }
.suite-atmosphere::before, .suite-atmosphere::after {
    content: ""; position: absolute; width: min(42vw, 360px); height: min(42vw, 360px);
    border-radius: 50%; border: 1px solid #12654830; background: radial-gradient(circle, #75b98f22, transparent 70%);
    left: -12%; top: 8%; animation: ui-background-orbit 12s ease-in-out infinite alternate;
}
.suite-atmosphere::after { left: auto; right: -12%; top: 55%; border-radius: 28%; border-color: #c7954726; background: #ffd5a50c; animation-delay: -11s; animation-direction: alternate-reverse; }
.suite-atmosphere i {
    position: absolute; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #579d7438;
    left: 12%; top: 28%; animation: ui-background-float 18s ease-in-out infinite;
}
.suite-atmosphere i:nth-child(2) { left: 88%; top: 68%; animation-delay: -7s; }
.suite-atmosphere i:nth-child(3) { left: 65%; top: 12%; animation-delay: -12s; }
[data-member-motion] .auth-intro::before { animation: suite-ring 18s ease-in-out infinite alternate; }
[data-member-motion] .auth-intro::after { animation: suite-ring 18s ease-in-out -9s infinite alternate-reverse; }
[data-member-motion] :is(.suite-field, .auth-field, .auth-form > label):focus-within {
    border-radius: 12px;
    background-image: linear-gradient(120deg, #12654805, transparent);
}
[data-member-motion] :is(.auth-intro h1, .invite-intro h2, .task-hero h2) {
    text-shadow: 0 1px 12px #c7f5df15;
}
body .ui-wallet-dialog input,
[data-member-motion] :is(.suite-field, .auth-field, .auth-form > label) :is(input, select),
[data-member-motion] :is(#text, .bink_card input, .guest-welcome input) {
    transition: border-color 160ms, box-shadow 200ms, background-color 200ms;
}
body .ui-wallet-dialog input:focus,
[data-member-motion] :is(.suite-field, .auth-field, .auth-form > label) :is(input, select):focus,
[data-member-motion] :is(.bink_card input, .guest-welcome input):focus {
    box-shadow: 0 0 0 3px #1265481f, inset 0 1px 4px #12654808;
    border-color: #126548;
}
[data-member-motion] :is(.avatar-choice[aria-pressed="true"], .ui-language-list [aria-current="true"]) {
    box-shadow: 0 0 0 2px #12654838, 0 5px 16px #073b2d12;
    transition: box-shadow 200ms, border-color 200ms;
}
body.customer[data-member-motion] :is(#compose, #uploadStatus) { transition: border-color 160ms, box-shadow 200ms; }
body.customer[data-member-motion] #compose:focus-within { box-shadow: 0 0 0 3px #12654822, 0 3px 15px #1265480c; }
body.customer[data-member-motion] .message-stage { position: relative; }
body.customer[data-member-motion] .message-stage::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(ellipse at 15% 0%, #75e2b419, transparent 55%);
}
[data-member-motion] .ui-wallet-dialog:not(.none) .dialogCon { animation: suite-dialog-in 280ms var(--suite-ease) both; }
/* Semantic silhouettes share one motion lifecycle; no decorative business data. */
.suite-card-scene {
    position: relative; width: 100%; aspect-ratio: 1; min-width: 0; pointer-events: none;
    isolation: isolate; color: var(--scene-gold);
    --scene-ink: #103e30; --scene-green: #247256; --scene-gold: #f4d79c;
    --scene-paper: #fff1d4; --scene-edge: #f6ddac80; --scene-shadow: #00251c40;
    --suite-float-distance: -6px; --suite-motion-duration: 6.8s;
    --suite-luster-duration: 26s; --suite-luster-color: #fff4cf40;
}
.suite-card-scene *, .suite-card-scene *::before, .suite-card-scene *::after { box-sizing: border-box; }
.suite-scene-aura {
    position: absolute; inset: 0; border-radius: 50%;
    background: radial-gradient(circle, #96ddad30, transparent 68%);
    --suite-float-distance: -2px; --suite-glow-opacity: .55; --suite-motion-duration: 10s;
}
.suite-scene-orbit {
    position: absolute; inset: 12%; border: 1px solid #eed5a63d; border-radius: 50%;
    transform: rotate(-24deg); --suite-base-rotation: -24deg; --suite-motion-duration: 32s;
}
.suite-scene-orbit::after {
    content: ""; position: absolute; top: 9%; left: 12%; width: 5%; aspect-ratio: 1;
    border-radius: 50%; background: var(--scene-gold);
}
.suite-scene-orbit-inner {
    inset: 20% 4%; border-color: #b6e7cb28;
    --suite-base-rotation: 18deg; --suite-motion-duration: 40s; --suite-orbit-direction: reverse;
}
.suite-scene-orbit-inner::after { background: #98ccb0; width: 3%; }
.suite-scene-shadow {
    position: absolute; bottom: 10%; left: 18%; width: 64%; height: 10%; border-radius: 50%;
    background: radial-gradient(ellipse, var(--scene-shadow), transparent 70%);
    --suite-float-distance: 0px; --suite-glow-scale: 1.12; --suite-motion-duration: 6.8s;
}
.suite-scene-underlay { display: none; }
.suite-scene-card {
    position: absolute; inset: 18%; padding: 12%; border: 1px solid var(--scene-edge);
    border-radius: 24%; background: linear-gradient(145deg, #368360, var(--scene-ink));
    box-shadow: 2px 4px 0 #082d22, 0 12px 18px var(--scene-shadow), inset 0 1px 0 #fff6;
    transform: rotate(-8deg); --suite-base-rotation: -8deg; z-index: 2;
}
body:is([data-member-page], .download-page) .suite-card-scene svg.member-icon {
    width: 100%; height: 100%;
}
.suite-scene-crest {
    display: grid; place-items: center; width: 100%; height: 100%; padding: 18%;
    border: 1px solid var(--scene-edge); border-radius: 50%;
    background: linear-gradient(135deg, #fff0c4, #d8b56e);
    color: var(--scene-ink); box-shadow: 0 3px 0 #0a352838, inset 0 1px 0 #fff9;
}
.suite-scene-token {
    position: absolute; right: 7%; bottom: 15%; width: 25%; aspect-ratio: 1; padding: 6%;
    border: 1px solid var(--scene-edge); border-radius: 32%;
    background: linear-gradient(135deg, #fff0c4, #d8b56e); color: var(--scene-ink);
    box-shadow: 0 3px 0 #0b332b, 0 8px 12px var(--scene-shadow); z-index: 3;
    --suite-float-distance: 4px; --suite-motion-duration: 7.6s; --suite-base-rotation: 8deg;
}
.suite-scene-spark {
    position: absolute; left: 12%; top: 30%; width: 4%; aspect-ratio: 1;
    border-radius: 25%; background: var(--scene-gold); --suite-float-distance: -8px; --suite-motion-duration: 5.8s;
}
.suite-card-scene-support .suite-scene-card {
    inset: 19%; padding: 10%; border-radius: 50%; --suite-base-rotation: -6deg;
}
.suite-card-scene-support .suite-scene-crest { padding: 22%; }
.suite-card-scene-support .suite-scene-token { right: 4%; bottom: 14%; border-radius: 40% 40% 40% 12%; }
.suite-scene-signal {
    position: absolute; left: 32%; right: 32%; bottom: 5%; height: 9%;
    display: flex; justify-content: center; align-items: center; gap: 15%;
    --suite-glow-opacity: .45; --suite-motion-duration: 2.8s; --suite-float-distance: 0px;
}
.suite-scene-signal i { display: block; width: 10%; height: 50%; border-radius: 3px; background: var(--scene-gold); }
.suite-scene-signal i:nth-child(2) { height: 100%; }
.suite-card-scene-support .suite-scene-orbit { inset: 10%; border-color: #f4d79c66; }
.suite-card-scene-task .suite-scene-underlay {
    display: block; position: absolute; inset: 18% 23% 18% 15%; border-radius: 12%;
    border: 1px solid #91b69d; background: linear-gradient(145deg, #83a58a, #325d43);
    box-shadow: 0 6px 10px var(--scene-shadow); --suite-base-rotation: -12deg; --suite-float-distance: -4px;
}
.suite-card-scene-task .suite-scene-card {
    inset: 12% 21% 20% 23%; border-radius: 12%; padding: 9%;
    background: linear-gradient(145deg, var(--scene-paper), #e5cc98); color: var(--scene-ink);
    --suite-base-rotation: 8deg; transform: rotate(8deg);
}
.suite-scene-ticket-head { display: flex; align-items: center; justify-content: space-between; height: 32%; gap: 10%; }
body[data-member-page] .suite-card-scene-task .suite-scene-ticket-head svg { width: 55%; height: 100%; }
.suite-scene-ticket-head > i { width: 15%; aspect-ratio: 1; border-radius: 50%; background: var(--scene-green); }
.suite-scene-ticket-lines { display: grid; gap: 4px; margin: 18% 0; }
.suite-scene-ticket-lines i { display: block; height: 2px; border-radius: 2px; background: #608167; }
.suite-scene-ticket-lines i:nth-child(2) { width: 68%; }
.suite-scene-ticket-lines i:nth-child(3) { width: 42%; background: #b88d48; }
.suite-scene-ticket-tail { display: flex; align-items: center; gap: 14%; padding-top: 10%; border-top: 1px dashed #8b956b; height: 23%; }
body[data-member-page] .suite-card-scene-task .suite-scene-ticket-tail svg { width: 24%; height: 100%; }
.suite-scene-ticket-tail i { width: 42%; height: 2px; background: #608167; }
.suite-card-scene-task .suite-scene-token { right: 6%; bottom: 10%; background: linear-gradient(135deg, #ffcd80, #f39c3e); }
.suite-card-scene-task .suite-scene-orbit { inset: 8%; border-radius: 28%; border-color: #f4d79c28; }
.suite-card-scene-task .suite-scene-orbit-inner { display: none; }
:is(.suite-card-scene-account, .suite-card-scene-invite, .suite-card-scene-security) .suite-scene-card {
    inset: 16% 24% 15%; padding: 9% 8% 16%; border-radius: 26% 26% 44% 44%;
    background: linear-gradient(145deg, #fff0c4, #c9a665); border-color: #ffecc4;
    --suite-base-rotation: -8deg;
}
:is(.suite-card-scene-account, .suite-card-scene-invite, .suite-card-scene-security) .suite-scene-crest {
    padding: 18%; border-radius: 24% 24% 40% 40%; color: var(--scene-gold);
    background: linear-gradient(145deg, #337958, var(--scene-ink)); border-color: #8cae80;
}
.suite-scene-insignia { position: absolute; bottom: 8%; left: 34%; right: 34%; height: 4%; display: flex; gap: 12%; }
.suite-scene-insignia i { flex: 1; border-radius: 2px; background: var(--scene-ink); }
:is(.suite-card-scene-account, .suite-card-scene-invite, .suite-card-scene-security) .suite-scene-token { right: 6%; bottom: 13%; border-radius: 50%; width: 24%; }
:is(.suite-card-scene-account, .suite-card-scene-invite, .suite-card-scene-security) .suite-scene-orbit { inset: 9% 15%; border-radius: 28%; }
:is(.suite-card-scene-account, .suite-card-scene-invite, .suite-card-scene-security) .suite-scene-orbit-inner { display: none; }
.suite-card-scene-recharge .suite-scene-card,
.suite-card-scene-withdrawal .suite-scene-card {
    inset: 25% 12% 22%; padding: 10%; border-radius: 18%;
    --suite-base-rotation: -8deg;
}
.suite-scene-fund-mark {
    display: grid; place-items: center; width: 38%; height: 60%; color: var(--scene-gold);
}
.suite-scene-fund-lines { display: grid; gap: 4px; width: 44%; margin-top: 9%; }
.suite-scene-fund-lines i { height: 2px; border-radius: 2px; background: currentColor; opacity: .65; }
.suite-scene-fund-lines i:last-child { width: 65%; }
.suite-scene-fund-seal {
    position: absolute; top: 28%; right: 10%; width: 22%; height: 30%; border-radius: 30%;
    border: 1px solid var(--scene-edge); background: linear-gradient(135deg, #ffeac0, #cda868);
    box-shadow: inset 0 1px 0 #fff9;
}
.suite-card-scene-recharge .suite-scene-underlay {
    display: block; position: absolute; inset: 20% 20% 32%; border-radius: 12%;
    border: 1px solid var(--scene-edge); background: linear-gradient(135deg, #fff0cc, #caaa6c);
    --suite-base-rotation: 8deg; --suite-float-distance: -3px;
}
.suite-card-scene-recharge .suite-scene-token { border-radius: 50%; }
.suite-card-scene-withdrawal .suite-scene-card {
    background: linear-gradient(145deg, var(--scene-paper), #d8b56e); color: var(--scene-ink);
    --suite-base-rotation: 8deg;
}
.suite-card-scene-withdrawal .suite-scene-fund-mark { color: var(--scene-ink); width: 44%; }
.suite-card-scene-withdrawal .suite-scene-fund-seal { background: linear-gradient(145deg, #32785a, var(--scene-ink)); }
.suite-card-scene-withdrawal .suite-scene-token {
    background: linear-gradient(145deg, #32785a, var(--scene-ink)); color: var(--scene-gold);
    border-radius: 30% 30% 45% 45%;
}
.suite-card-scene-recharge .suite-scene-orbit,
.suite-card-scene-withdrawal .suite-scene-orbit { inset: 12% 4%; }
.suite-card-scene-recharge .suite-scene-orbit-inner,
.suite-card-scene-withdrawal .suite-scene-orbit-inner { display: none; }
.suite-card-scene-download .suite-scene-card {
    inset: 10% 27% 16%; padding: 8% 5%; border-radius: 18%;
    background: linear-gradient(145deg, #fff0c4, #bd995b); --suite-base-rotation: 9deg;
}
.suite-scene-phone-speaker {
    display: block; width: 28%; height: 2px; margin: 0 auto 12%; border-radius: 2px; background: var(--scene-ink);
}
.suite-scene-phone-screen {
    display: grid; place-items: center; height: 82%; padding: 20% 16%; border-radius: 12%;
    background: linear-gradient(145deg, #368360, var(--scene-ink)); color: var(--scene-gold);
}
.suite-scene-phone-lines { display: flex; gap: 12%; width: 100%; margin-top: 20%; }
.suite-scene-phone-lines i { flex: 1; height: 3px; border-radius: 2px; background: currentColor; opacity: .7; }
.suite-scene-phone-home { display: block; width: 26%; height: 2px; margin: 12% auto 0; border-radius: 2px; background: var(--scene-ink); }
.suite-card-scene-download .suite-scene-token { right: 10%; bottom: 15%; border-radius: 50%; }
.suite-card-scene-download .suite-scene-orbit-inner { display: none; }
.suite-card-scene-download .suite-scene-orbit { inset: 8% 12%; border-radius: 35%; }
.suite-fund-display .suite-card-scene { --suite-float-distance: -5px; }
.suite-card-scene-signin .suite-scene-card {
    inset: 16% 24% 18%; padding: 0; border-radius: 14%;
    background: var(--envelope-background, linear-gradient(145deg, #35936b, var(--scene-ink))); --suite-base-rotation: -9deg;
}
.suite-scene-envelope-fold {
    position: absolute; inset: 0 0 48%; border-bottom: 1px solid var(--scene-edge);
    border-radius: 0 0 45% 45%; background: var(--envelope-fold, linear-gradient(145deg, #4a9e72, #206046));
}
.suite-scene-envelope-seal {
    position: absolute; inset: 32% 15% 22%; padding: 12%; display: grid; place-items: center;
    border-radius: 50%; border: 1px solid var(--scene-edge);
    background: var(--envelope-seal, linear-gradient(135deg, var(--scene-paper), #d8b56e)); color: var(--scene-ink);
    box-shadow: 0 3px 0 #00251c30;
}
.suite-scene-envelope-seal > span { width: 100%; height: 100%; }
.suite-card-scene-signin .suite-scene-token { right: 9%; bottom: 12%; border-radius: 26%; }
.suite-card-scene-signin .suite-scene-orbit-inner { display: none; }
body .ui-account-drawer .ui-identity-visual > .suite-card-scene-account {
    width: 104px; flex-shrink: 0; --suite-float-distance: -4px;
}
body .ui-account-overview .ui-identity-visual > .suite-card-scene-account { width: 120px; }
body .ui-account-drawer .ui-identity-name.shell-copy-motion { animation: none; }
@media (max-width: 359px) {
    .suite-card-scene { --suite-float-distance: -4px; }
    .suite-scene-orbit-inner { display: none; }
}
/* Opt-in decorations share observation, pause and teardown with existing motion. */
.suite-luster { overflow: hidden; }
.suite-luster::before {
    content: ""; position: absolute; inset: -30% -80%; pointer-events: none;
    background: linear-gradient(110deg, transparent 40%, var(--suite-luster-color, #ffffff50) 50%, transparent 60%);
    opacity: 0; transform: translateX(-60%); z-index: 1;
}
.suite-surface-light {
    position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    contain: paint; z-index: 1; overflow: hidden;
}
.suite-surface-light::before, .suite-surface-light::after {
    content: ""; position: absolute; width: clamp(100px, 32%, 220px); aspect-ratio: 1;
    right: -4%; top: -20%; border: 1px solid #63b78c30; border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #68cba61c, transparent 65%);
}
.suite-surface-light::after {
    top: auto; right: auto; left: -8%; bottom: -30%; border-color: #c69a4f26;
    border-radius: 32%; background: radial-gradient(circle, #eccb8c18, transparent 68%);
}
[data-member-motion] .suite-surface-light::before { animation: ui-background-orbit 10s ease-in-out infinite alternate; }
[data-member-motion] .suite-surface-light::after { animation: ui-background-float 12s ease-in-out -5s infinite; }
[data-member-motion] .suite-surface:focus-within > .suite-surface-light { opacity: .45; }
body.auth-page .suite-atmosphere::before,
body.auth-page .suite-atmosphere::after {
    width: min(75vw, 900px); height: min(75vw, 900px); border: 0;
    background: radial-gradient(circle, #4aa47725, transparent 68%);
    left: -25%; top: -15%; border-radius: 50%;
}
body.auth-page .suite-atmosphere::after {
    left: auto; right: -30%; top: 35%;
    background: radial-gradient(circle, #d5ab5920, transparent 65%);
}
@media (prefers-reduced-motion: no-preference) {
    [data-member-motion] .suite-float {
        animation: suite-float var(--suite-motion-duration, 9s) ease-in-out infinite;
        animation-delay: calc(var(--suite-phase, 0s) * -1);
    }
    [data-member-motion] .suite-orbit {
        animation: suite-orbit var(--suite-motion-duration, 32s) linear infinite;
        animation-direction: var(--suite-orbit-direction, normal);
        animation-delay: calc(var(--suite-phase, 0s) * -1);
    }
    [data-member-motion] .suite-glow {
        animation: suite-glow var(--suite-motion-duration, 12s) ease-in-out infinite alternate;
        animation-delay: calc(var(--suite-phase, 0s) * -1);
    }
    [data-member-motion] .suite-luster::before {
        animation: suite-luster var(--suite-luster-duration, 7s) var(--suite-ease) infinite;
        animation-delay: calc(var(--suite-phase, 0s) * -1);
    }
    body.auth-page .suite-atmosphere::before,
    body.auth-page .suite-atmosphere::after { animation-name: suite-glow; animation-duration: 20s; }
}
@media (hover: hover) and (pointer: fine) {
    [data-member-motion] .suite-control:hover:not(:disabled):not(.suite-pressed) { filter: brightness(1.025); }
}
/* Pause only this module's decoration, never the live task/progress animations. */
body.suite-paused :is(.suite-icon, .suite-copy, .suite-enter),
body.suite-paused :is(.suite-atmosphere, .auth-intro)::before,
body.suite-paused :is(.suite-atmosphere, .auth-intro)::after,
body.suite-paused .suite-atmosphere i,
.suite-sleep.suite-icon, .suite-sleep.suite-enter,
.suite-sleep .suite-icon,
.suite-sleep.suite-copy, .suite-sleep .suite-copy,
.suite-sleep.auth-intro::before, .suite-sleep.auth-intro::after {
    animation-play-state: paused !important;
}
body.suite-paused .suite-decoration,
body.suite-paused .suite-decoration::before,
body.suite-paused .suite-decoration::after,
.suite-decoration.suite-sleep, .suite-decoration.suite-sleep::before,
.suite-decoration.suite-sleep::after,
.suite-sleep .suite-decoration, .suite-sleep .suite-decoration::before,
.suite-sleep .suite-decoration::after,
.suite-luster:disabled::before { animation-play-state: paused !important; }
@keyframes suite-float {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(var(--suite-base-rotation, 0deg)); }
    50% { transform: translate3d(0, var(--suite-float-distance, -10px), 0) rotate(calc(var(--suite-base-rotation, 0deg) + 2deg)); }
}
@keyframes suite-orbit {
    from { transform: rotate(var(--suite-base-rotation, 0deg)); }
    to { transform: rotate(calc(var(--suite-base-rotation, 0deg) + 360deg)); }
}
@keyframes suite-glow {
    from { opacity: var(--suite-glow-opacity, .5); transform: translate3d(0, 0, 0) scale(1); }
    to { opacity: 1; transform: translate3d(0, var(--suite-float-distance, -20px), 0) scale(var(--suite-glow-scale, 1.08)); }
}
@keyframes suite-luster {
    0%, 62% { opacity: 0; transform: translateX(-60%); }
    68% { opacity: 1; }
    86%, 100% { opacity: 0; transform: translateX(60%); }
}
@keyframes suite-card-in {
    from { transform: translate3d(0, var(--suite-arrive-distance), 0) scale(.995); }
    to { transform: none; }
}
@keyframes suite-wave {
    from { transform: scale(.05); opacity: .9; }
    to { transform: scale(1); opacity: 0; }
}
@keyframes suite-dialog-in { from { opacity: .8; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes suite-ring { to { transform: translate3d(-10px, -8px, 0) scale(1.06); opacity: .55; } }
@media (max-width: 767px) {
    [data-member-motion] { --suite-arrive-distance: 8px; --suite-arrive-duration: 380ms; --suite-luster-duration: 32s; --suite-idle: 5.4s; }
    .suite-atmosphere::before, .suite-atmosphere::after { width: 200px; height: 200px; }
    .suite-atmosphere i:nth-child(n+2) { display: none; }
    body.auth-page .suite-atmosphere::before,
    body.auth-page .suite-atmosphere::after { width: 480px; height: 480px; }
}
@media (max-width: 359px), (max-height: 500px) and (pointer: coarse) {
    [data-member-motion] { --suite-arrive-distance: 5px; --suite-arrive-duration: 320ms; }
    [data-member-motion] { --ui-copy-y: -1px; --ui-icon-y: -2px; }
    .suite-surface-light::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .suite-atmosphere, .suite-touch-layer { display: none !important; }
    [data-member-motion] :is(.suite-enter, .suite-icon, .suite-copy) { animation: none !important; transform: none !important; }
    [data-member-motion] .auth-intro::before, [data-member-motion] .auth-intro::after { animation: none !important; }
    [data-member-motion] .suite-control { transition: none !important; }
    [data-member-motion] .suite-control:active:not(:disabled) { transform: none !important; filter: brightness(.97); }
    body.customer[data-member-motion] .message-stage::before { display: none; }
    [data-member-motion] .ui-wallet-dialog .dialogCon { animation: none !important; }
    [data-member-motion] :is(input, select, #compose, .avatar-choice) { transition: none !important; }
    [data-member-motion] .suite-decoration { animation: none !important; }
    [data-member-motion] .suite-luster::before { display: none; animation: none !important; }
    [data-member-motion] .suite-surface-light { display: none !important; }
}