/* /Shared/Avatar.razor.rz.scp.css */
.avatar[b-vc0d2jlwts] {
    width: min(280px, 70vw);
    aspect-ratio: 1;
}

.avatar svg[b-vc0d2jlwts] {
    display: block;
    width: 100%;
    height: 100%;
}

.backdrop[b-vc0d2jlwts] { fill: #eef3f8; }
.ring[b-vc0d2jlwts] { fill: none; stroke: #185fa5; stroke-width: 3; opacity: 0; transform-box: fill-box; transform-origin: center; }
.blouse[b-vc0d2jlwts] { fill: #4a7fb5; }
.collar[b-vc0d2jlwts] { fill: #f7f6f2; }
.skin[b-vc0d2jlwts] { fill: #f2c9a8; }
.hair[b-vc0d2jlwts] { fill: #7a4a2b; }
.brow[b-vc0d2jlwts] { fill: none; stroke: #5a3420; stroke-width: 2.5; stroke-linecap: round; }
.eye[b-vc0d2jlwts] { fill: #3b2a20; }
.cheek[b-vc0d2jlwts] { fill: #e8918f; opacity: 0.35; }
.nose[b-vc0d2jlwts] { fill: none; stroke: #c99677; stroke-width: 2; stroke-linecap: round; }
.mouth[b-vc0d2jlwts] { fill: #a8434f; }
.smile[b-vc0d2jlwts] { fill: none; stroke: #a8434f; stroke-width: 3; stroke-linecap: round; }
.dots[b-vc0d2jlwts] { opacity: 0; }
.dot[b-vc0d2jlwts] { fill: #9fb6cf; }

/* Rok: a warm backdrop, green shirt, dark hair and beard, heavier brows. */
.avatar-rok .backdrop[b-vc0d2jlwts] { fill: #f3efe6; }
.avatar-rok .ring[b-vc0d2jlwts] { stroke: #3d7a5c; }
.avatar-rok .blouse[b-vc0d2jlwts] { fill: #3d7a5c; }
.avatar-rok .hair[b-vc0d2jlwts], .avatar-rok .beard[b-vc0d2jlwts] { fill: #3e2b1f; }
.avatar-rok .brow[b-vc0d2jlwts] { stroke: #2e2018; stroke-width: 3.5; }
.avatar-rok .mouth[b-vc0d2jlwts] { fill: #a8434f; stroke: #e9a99c; stroke-width: 2.5; }
.avatar-rok .smile[b-vc0d2jlwts] { stroke: #e9a99c; stroke-width: 4; }

/* Idle and everywhere: breathing and blinking. */
.figure[b-vc0d2jlwts] {
    transform-box: fill-box;
    transform-origin: 50% 100%;
    animation: breathe-b-vc0d2jlwts 4.5s ease-in-out infinite;
}

.eyes[b-vc0d2jlwts] {
    transform-box: fill-box;
    transform-origin: center;
    animation: blink-b-vc0d2jlwts 5s infinite;
}

/* Listening: an attentive head tilt and a pulsing ring. */
.avatar-listening .head[b-vc0d2jlwts] {
    transform-box: view-box;
    transform-origin: 100px 130px;
    transform: rotate(-4deg);
    transition: transform 0.3s ease;
}

.avatar-listening .ring[b-vc0d2jlwts] {
    animation: pulse-b-vc0d2jlwts 1.4s ease-out infinite;
}

/* Thinking: eyes up (set in the markup) and three rising dots. */
.avatar-thinking .dots[b-vc0d2jlwts] { opacity: 1; }
.avatar-thinking .dot[b-vc0d2jlwts] { animation: think-b-vc0d2jlwts 1.2s ease-in-out infinite; }
.avatar-thinking .dot2[b-vc0d2jlwts] { animation-delay: 0.2s; }
.avatar-thinking .dot3[b-vc0d2jlwts] { animation-delay: 0.4s; }

@keyframes breathe-b-vc0d2jlwts {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.012, 1.02); }
}

@keyframes blink-b-vc0d2jlwts {
    0%, 94%, 100% { transform: scaleY(1); }
    96% { transform: scaleY(0.1); }
}

@keyframes pulse-b-vc0d2jlwts {
    0% { opacity: 0.8; transform: scale(0.94); }
    100% { opacity: 0; transform: scale(1.04); }
}

@keyframes think-b-vc0d2jlwts {
    0%, 100% { opacity: 0.25; }
    50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .figure[b-vc0d2jlwts], .eyes[b-vc0d2jlwts], .ring[b-vc0d2jlwts], .dot[b-vc0d2jlwts], .head[b-vc0d2jlwts] {
        animation: none !important;
        transition: none !important;
    }

    .avatar-listening .ring[b-vc0d2jlwts] { opacity: 0.8; }
    .avatar-thinking .dot[b-vc0d2jlwts] { opacity: 1; }
}
/* /Shared/Stars.razor.rz.scp.css */
.stars[b-x7ae6tppdn] {
    display: flex;
    justify-content: center;
    gap: 8px;
    font-size: 56px;
    line-height: 1;
    color: #f59e0b;
}

.star-empty[b-x7ae6tppdn] {
    color: #9ca3af;
}