/* Kawaii Goal Ultimate v2.0 - By AnimationBlondie */

/* === Google Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Pacifico&family=Patrick+Hand&family=Nunito:wght@600;700&family=Fredoka:wght@500;600;700&display=swap');

/* === CSS VARIABLES === */
:root {
/* Simple Layout */
--kgu-simple-width: 260px;
--kgu-simple-bar-height: 18px;
--kgu-simple-title-size: 16px;
--kgu-simple-values-size: 14px;
--kgu-simple-padding: 12px 18px 16px 18px;

/* Combo Layout */
--kgu-combo-width: 400px;
--kgu-combo-spacing: 130px;
--kgu-combo-bar-height: 20px;
--kgu-combo-title-size: 15px;
--kgu-combo-padding: 10px 18px 18px 18px;
--kgu-combo-child-donors-width: 150px;
--kgu-combo-child-stats-width: 110px;

/* Side Layout */
--kgu-side-gap: 12px;
--kgu-side-main-width: 200px;
--kgu-side-bar-height: 16px;
--kgu-side-title-size: 14px;
--kgu-side-padding: 10px 14px 14px 14px;
--kgu-side-child-width: 125px;
--kgu-side-child-gap: 8px;

/* Horizontal Layout */
--kgu-horizontal-main-width: 200px;
--kgu-horizontal-bar-height: 16px;
--kgu-horizontal-title-size: 14px;
--kgu-horizontal-child-width: 125px;
--kgu-horizontal-gap: 10px;

/* Vertical Layout */
--kgu-vertical-width: 280px;
--kgu-vertical-bar-height: 18px;
--kgu-vertical-title-size: 15px;
--kgu-vertical-child-gap: 8px;

/* Shared */
--kgu-border-radius: 12px;
--kgu-shadow: 0 4px 20px -2px rgba(0,0,0,0.1);
}

/* === ANIMATIONS === */
@keyframes animationblondie-kgu-stripes {
0% { background-position: 0 0; }
100% { background-position: 40px 0; }
}

@keyframes animationblondie-kgu-polkadots {
0% { background-position: 0 0, 10px 10px; }
100% { background-position: 20px 0, 30px 10px; }
}

@keyframes animationblondie-kgu-float {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-6px) rotate(3deg); }
}

/* Bar animations */
@keyframes kgu-bounce { 0%,100%{transform:scaleY(1)} 50%{transform:scaleY(1.15)} }
@keyframes kgu-wiggle { 0%,100%{transform:rotate(0)} 25%{transform:rotate(-2deg)} 75%{transform:rotate(2deg)} }
@keyframes kgu-pulse { 0%,100%{opacity:1} 50%{opacity:0.7} }
@keyframes kgu-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-3px)} 75%{transform:translateX(3px)} }

.anim-bounce { animation: kgu-bounce 0.5s ease; transform-origin: bottom; }
.anim-wiggle { animation: kgu-wiggle 0.5s ease; }
.anim-pulse { animation: kgu-pulse 0.5s ease; }
.anim-shake { animation: kgu-shake 0.4s ease; }

/* Effects animations */
@keyframes kgu-float { 0%{opacity:1;transform:translateY(0) scale(1)} 100%{opacity:0;transform:translateY(-60px) scale(1.2)} }
@keyframes kgu-fall { 0%{opacity:1;transform:translateY(0) rotate(0deg)} 100%{opacity:0;transform:translateY(120px) rotate(360deg)} }
@keyframes kgu-sparkle { 0%{opacity:0;transform:scale(0)} 50%{opacity:1;transform:scale(1.2)} 100%{opacity:0;transform:scale(0)} }
@keyframes kgu-petal { 0%{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)} 100%{opacity:0;transform:translateY(100px) translateX(30px) rotate(180deg)} }
@keyframes kgu-bubble { 0%{opacity:0.8;transform:translateY(0) scale(1)} 100%{opacity:0;transform:translateY(-80px) scale(0.5)} }
@keyframes kgu-balloon { 0%{opacity:1;transform:translateY(0)} 100%{opacity:0;transform:translateY(-120px)} }
@keyframes kgu-star { 0%{opacity:0;transform:scale(0) rotate(0deg)} 50%{opacity:1;transform:scale(1.3) rotate(180deg)} 100%{opacity:0;transform:scale(0) rotate(360deg)} }
@keyframes kgu-heart { 0%{opacity:1;transform:translateY(0) scale(1)} 100%{opacity:0;transform:translateY(-50px) scale(1.5)} }

/* Kawaii Clouds celebration animations */
@keyframes kgu-cloud-pop { 0%{opacity:0;transform:scale(0) rotate(0)} 20%{opacity:1;transform:scale(1.3) rotate(-10deg)} 40%{transform:scale(0.9) rotate(8deg) translateY(-15px)} 60%{transform:scale(1.1) rotate(-5deg) translateY(-25px)} 80%{opacity:0.8;transform:scale(1) rotate(3deg) translateY(-35px)} 100%{opacity:0;transform:scale(0.5) rotate(10deg) translateY(-50px)} }
@keyframes kgu-cloud-fall { 0%{opacity:0;transform:translateY(-50px) scale(0.3) rotate(-15deg)} 15%{opacity:1;transform:translateY(0) scale(1.1) rotate(5deg)} 35%{transform:translateY(20px) scale(1) rotate(-8deg) translateX(10px)} 55%{transform:translateY(40px) scale(0.95) rotate(6deg) translateX(-8px)} 75%{opacity:0.7;transform:translateY(55px) scale(0.9) rotate(-4deg)} 100%{opacity:0;transform:translateY(80px) scale(0.6) rotate(8deg)} }
@keyframes kgu-cloud-float { 0%{opacity:0;transform:scale(0) translateY(20px)} 20%{opacity:1;transform:scale(1.15) translateY(0) rotate(-5deg)} 40%{transform:scale(1) translateY(-15px) translateX(15px) rotate(5deg)} 60%{transform:scale(1.05) translateY(-5px) translateX(-10px) rotate(-3deg)} 80%{opacity:0.7;transform:scale(0.95) translateY(-20px) translateX(8px)} 100%{opacity:0;transform:scale(0.4) translateY(-40px)} }
@keyframes kgu-cloud-bounce { 0%{opacity:0;transform:scale(0) translateY(30px)} 15%{opacity:1;transform:scale(1.2) translateY(-20px) rotate(-8deg)} 30%{transform:scale(0.9) translateY(5px) rotate(6deg)} 45%{transform:scale(1.1) translateY(-25px) rotate(-4deg)} 60%{transform:scale(0.95) translateY(-5px) rotate(5deg)} 75%{opacity:0.8;transform:scale(1) translateY(-30px) rotate(-3deg)} 100%{opacity:0;transform:scale(0.5) translateY(-50px) rotate(8deg)} }

/* Effects container */
#kgu-effects,
.kgu-effects {
position: absolute;
inset: 0;
pointer-events: none;
overflow: visible;
z-index: 1000;
}

.kgu-particle {
position: absolute;
pointer-events: none;
z-index: 1000;
}

/* Theme/layout containers */
.kgu-theme-layout {
display: none;
padding: 20px;
}

/* === POSITIONING CLASSES === */

/* Title positions */
.kgu-title-hidden { display: none !important; }
.kgu-title-top { order: -2; }
.kgu-title-bottom { order: 10; }
.kgu-title-top-left, .kgu-title-bottom-left { text-align: left !important; }
.kgu-title-top-right, .kgu-title-bottom-right { text-align: right !important; }

/* Values positions */
.kgu-values-hidden { display: none !important; }
.kgu-values-above { order: -1; margin-bottom: 6px; }
.kgu-values-below { order: 5; margin-top: 6px; }
.kgu-values-below-left, .kgu-values-above-left { text-align: left !important; }
.kgu-values-below-right, .kgu-values-above-right { text-align: right !important; }

/* Values inside bar */
.kgu-values-inside {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  z-index: 5;
  text-shadow: 0 1px 2px rgba(255,255,255,0.8);
  font-size: 12px !important;
}
.kgu-values-inside-left { left: 8px; }
.kgu-values-inside-center { left: 50%; transform: translate(-50%, -50%); }
.kgu-values-inside-right { right: 8px; }

/* Bar wrapper needs relative for inside positioning */
.bar-wrapper { position: relative; }

/* Main content as flex for ordering */
.main-content.kgu-flex-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-content.kgu-flex-layout .cloud-rainbow,
.main-content.kgu-flex-layout .mascot-icon,
.main-content.kgu-flex-layout > img {
  order: -3;
}
.main-content.kgu-flex-layout .bar-wrapper {
  order: 0;
  width: 100%;
}

/* ═══════════════════════════════════════════════════════════════════
KAWAII CLOUD THEME
═══════════════════════════════════════════════════════════════════ */

/* === SIMPLE LAYOUT === */
.animationblondie-kgu-simple {
position: relative;
width: var(--kgu-simple-width);
}

.animationblondie-kgu-simple .main-note {
position: relative;
background: #E9DEFA;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-simple-padding);
box-shadow: var(--kgu-shadow);
}

.animationblondie-kgu-simple .pin-svg {
position: absolute;
top: -10px;
width: 26px;
height: 26px;
z-index: 20;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}

.animationblondie-kgu-simple .pin-svg.left { left: 12px; }
.animationblondie-kgu-simple .pin-svg.right { right: 12px; }

.animationblondie-kgu-simple .main-content {
text-align: center;
}

.animationblondie-kgu-simple .cloud-rainbow {
width: 90px;
height: 55px;
margin: 0 auto 4px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

.animationblondie-kgu-simple .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-simple-title-size);
color: #5D576B;
margin-bottom: 8px;
}

.animationblondie-kgu-simple .bar-wrapper {
background: white;
border-radius: 16px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}

.animationblondie-kgu-simple .striped-bar {
height: var(--kgu-simple-bar-height);
width: 0%;
border-radius: 12px;
background-image: linear-gradient(90deg, #A2D2FF 0%, #A2D2FF 50%, #FFC8DD 50%, #FFC8DD 100%);
background-size: 40px 100%;
animation: animationblondie-kgu-stripes 1.5s linear infinite;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}

.animationblondie-kgu-simple .main-values {
font-family: 'Patrick Hand', cursive;
font-size: 14px;
color: #5D576B;
margin-top: 8px;
}

/* === COMBO LAYOUT === */
.animationblondie-kgu-combo {
position: relative;
width: var(--kgu-combo-width);
padding-bottom: var(--kgu-combo-spacing);
}

.animationblondie-kgu-combo .main-note {
position: relative;
background: #E9DEFA;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-combo-padding);
box-shadow: var(--kgu-shadow);
z-index: 2;
}

.animationblondie-kgu-combo .pin-svg {
position: absolute;
top: -10px;
width: 28px;
height: 28px;
z-index: 20;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}

.animationblondie-kgu-combo .pin-svg.left { left: 12px; }
.animationblondie-kgu-combo .pin-svg.right { right: 12px; }

.animationblondie-kgu-combo .main-content {
text-align: center;
}

.animationblondie-kgu-combo .cloud-rainbow {
width: 80px;
height: 50px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

.animationblondie-kgu-combo .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-combo-title-size);
color: #5D576B;
margin-bottom: 6px;
}

.animationblondie-kgu-combo .bar-wrapper {
background: white;
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}

.animationblondie-kgu-combo .striped-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
border-radius: 14px;
background-image: linear-gradient(90deg, #A2D2FF 0%, #A2D2FF 50%, #FFC8DD 50%, #FFC8DD 100%);
background-size: 40px 100%;
animation: animationblondie-kgu-stripes 1.5s linear infinite;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}

/* Child notes - below */
.animationblondie-kgu-combo .child-notes {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
padding: 0 10px;
z-index: 3;
}

/* When only donors is hidden - stats stays on right */
.animationblondie-kgu-combo .child-notes.kgu-donors-hidden {
justify-content: flex-end;
}

/* When only stats is hidden - donors stays on left */
.animationblondie-kgu-combo .child-notes.kgu-stats-hidden {
justify-content: flex-start;
}

/* When donors hidden + swap: stats moves to left */
.animationblondie-kgu-combo .child-notes.kgu-donors-hidden.kgu-swapped {
justify-content: flex-start;
}

/* When stats hidden + swap: donors moves to right */
.animationblondie-kgu-combo .child-notes.kgu-stats-hidden.kgu-swapped {
justify-content: flex-end;
}

/* Reduce spacing when only stats card visible (smaller card) */
.animationblondie-kgu-combo.kgu-single-card.kgu-stats-only {
padding-bottom: 85px;
}

/* Keep full spacing when only donors card visible (taller card) */
.animationblondie-kgu-combo.kgu-single-card.kgu-donors-only {
padding-bottom: 130px;
}

/* Hide main-values in combo by default */
.animationblondie-kgu-combo .main-values.kgu-combo-values-hidden {
display: none;
}

/* Show main-values when both child cards are hidden */
.animationblondie-kgu-combo.kgu-no-child-cards .main-values {
display: block;
margin-top: 8px;
text-align: center;
}

/* Remove bottom padding when no child cards */
.animationblondie-kgu-combo.kgu-no-child-cards {
padding-bottom: 18px;
}

.animationblondie-kgu-combo .child-donors {
position: relative;
width: var(--kgu-combo-child-donors-width);
min-width: var(--kgu-combo-child-donors-width);
flex-shrink: 0;
background: #fff;
padding: 14px 10px 10px 10px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
background-image: linear-gradient(transparent 17px, #ccc 17px, #ccc 18px);
background-size: 100% 18px;
background-position: 0 28px;
}

.animationblondie-kgu-combo .paper-clip {
position: absolute;
top: -12px;
right: 18px;
width: 18px;
height: 40px;
z-index: 10;
transform: rotate(-10deg);
}

.animationblondie-kgu-combo .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 600;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-bottom: 5px;
}

.animationblondie-kgu-combo .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #666;
min-height: 90px; /* 5 rows × 18px */
}

.animationblondie-kgu-combo .donor-row {
display: flex;
justify-content: space-between;
align-items: baseline;
height: 18px;
line-height: 18px;
}

.animationblondie-kgu-combo .donor-amt {
color: #D65D78;
font-weight: 600;
}

.animationblondie-kgu-combo .child-stats {
position: relative;
width: var(--kgu-combo-child-stats-width, 110px);
min-width: 110px;
max-width: 110px;
flex-shrink: 0;
flex-grow: 0;
background: #F8F5FF;
padding: 16px 10px 12px 10px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(3deg);
text-align: center;
background-image:
linear-gradient(#E5D9F2 1px, transparent 1px),
linear-gradient(90deg, #E5D9F2 1px, transparent 1px);
background-size: 12px 12px;
}

.animationblondie-kgu-combo .star-pin {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
width: 24px;
height: 24px;
z-index: 10;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
}

.animationblondie-kgu-combo .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 3px;
}

.animationblondie-kgu-combo .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 32px;
color: #9F86C0;
line-height: 1;
}

.animationblondie-kgu-combo .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 13px;
color: #CDB4DB;
}

/* === SIDE PANEL LAYOUT === */
.animationblondie-kgu-side {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
}

.animationblondie-kgu-side .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #E9DEFA;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
}

.animationblondie-kgu-side .pin-svg {
position: absolute;
top: -9px;
width: 24px;
height: 24px;
z-index: 20;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}

.animationblondie-kgu-side .pin-svg.left { left: 10px; }
.animationblondie-kgu-side .pin-svg.right { right: 10px; }

.animationblondie-kgu-side .main-content {
text-align: center;
}

.animationblondie-kgu-side .cloud-rainbow {
width: 70px;
height: 42px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

.animationblondie-kgu-side .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
}

.animationblondie-kgu-side .bar-wrapper {
background: white;
border-radius: 14px;
padding: 4px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}

.animationblondie-kgu-side .striped-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 10px;
background-image: linear-gradient(90deg, #A2D2FF 0%, #A2D2FF 50%, #FFC8DD 50%, #FFC8DD 100%);
background-size: 40px 100%;
animation: animationblondie-kgu-stripes 1.5s linear infinite;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}

/* Child stack - right side */
.animationblondie-kgu-side .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}


.animationblondie-kgu-side .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #fff;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(transparent 16px, #ccc 16px, #ccc 17px);
background-size: 100% 17px;
background-position: 0 26px;
}

.animationblondie-kgu-side .paper-clip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 10;
transform: rotate(-8deg);
}

.animationblondie-kgu-side .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-bottom: 4px;
}

.animationblondie-kgu-side .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #666;
min-height: 85px; /* 5 rows × 17px */
}

.animationblondie-kgu-side .donor-row {
display: flex;
justify-content: space-between;
align-items: baseline;
height: 17px;
line-height: 17px;
}

.animationblondie-kgu-side .donor-amt {
color: #D65D78;
font-weight: 600;
}

.animationblondie-kgu-side .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #F8F5FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#E5D9F2 1px, transparent 1px),
linear-gradient(90deg, #E5D9F2 1px, transparent 1px);
background-size: 10px 10px;
}

.animationblondie-kgu-side .star-pin {
position: absolute;
top: -9px;
left: 50%;
transform: translateX(-50%);
width: 22px;
height: 22px;
z-index: 10;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
}

.animationblondie-kgu-side .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}

.animationblondie-kgu-side .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
line-height: 1;
}

.animationblondie-kgu-side .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #CDB4DB;
}

/* ═══════════════════════════════════════════════════════════════════
BOBA TEA THEME
═══════════════════════════════════════════════════════════════════ */

/* === SIMPLE LAYOUT === */
.animationblondie-kgu-boba-simple {
position: relative;
width: var(--kgu-simple-width);
}

.animationblondie-kgu-boba-simple .main-note {
position: relative;
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-simple-padding);
box-shadow: var(--kgu-shadow);
border: 4px solid white;
}

.animationblondie-kgu-boba-simple .heart-pin {
position: absolute;
top: -12px;
width: 32px;
height: 32px;
background: #FFFDF5;
border-radius: 50%;
box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid white;
z-index: 20;
}

.animationblondie-kgu-boba-simple .heart-pin.left {
left: 12px;
transform: rotate(-12deg);
}

.animationblondie-kgu-boba-simple .heart-pin.right {
right: 12px;
transform: rotate(12deg);
background: #FFC8DD;
}

.animationblondie-kgu-boba-simple .heart-pin svg {
width: 16px;
height: 16px;
fill: #FF8FAB;
}

.animationblondie-kgu-boba-simple .heart-pin.right .dashed-circle {
width: 22px;
height: 22px;
border-radius: 50%;
border: 3px dashed rgba(255,255,255,0.6);
}

.animationblondie-kgu-boba-simple .main-content {
text-align: center;
position: relative;
z-index: 1;
}

.animationblondie-kgu-boba-simple .mascot-icon {
width: 75px;
height: 75px;
margin: 0 auto 4px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

.animationblondie-kgu-boba-simple .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-simple-title-size);
color: #5D576B;
margin-bottom: 8px;
transform: rotate(-1deg);
}

.animationblondie-kgu-boba-simple .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 20px;
padding: 6px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}

.animationblondie-kgu-boba-simple .polka-bar {
height: var(--kgu-simple-bar-height);
width: 0%;
border-radius: 14px;
background-color: #FFC8DD;
background-image:
radial-gradient(#FFFFFF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
animation: animationblondie-kgu-polkadots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}

.animationblondie-kgu-boba-simple .main-values {
font-family: 'Patrick Hand', cursive;
font-size: var(--kgu-simple-values-size);
color: #5D576B;
margin-top: 8px;
}

/* === COMBO LAYOUT === */
.animationblondie-kgu-boba-combo {
position: relative;
width: var(--kgu-combo-width);
padding-bottom: var(--kgu-combo-spacing);
}

.animationblondie-kgu-boba-combo .main-note {
position: relative;
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-combo-padding);
box-shadow: var(--kgu-shadow);
border: 4px solid white;
z-index: 2;
}

.animationblondie-kgu-boba-combo .heart-pin {
position: absolute;
top: -12px;
width: 34px;
height: 34px;
background: #FFFDF5;
border-radius: 50%;
box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid white;
z-index: 20;
}

.animationblondie-kgu-boba-combo .heart-pin.left {
left: 14px;
transform: rotate(-12deg);
}

.animationblondie-kgu-boba-combo .heart-pin.right {
right: 14px;
transform: rotate(12deg);
background: #FFC8DD;
}

.animationblondie-kgu-boba-combo .heart-pin svg {
width: 17px;
height: 17px;
fill: #FF8FAB;
}

.animationblondie-kgu-boba-combo .heart-pin.right .dashed-circle {
width: 24px;
height: 24px;
border-radius: 50%;
border: 3px dashed rgba(255,255,255,0.6);
}

.animationblondie-kgu-boba-combo .main-content {
text-align: center;
position: relative;
z-index: 2;
}

.animationblondie-kgu-boba-combo .mascot-icon {
width: 70px;
height: 55px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

.animationblondie-kgu-boba-combo .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-combo-title-size);
color: #5D576B;
margin-bottom: 6px;
transform: rotate(-1deg);
}

.animationblondie-kgu-boba-combo .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}

.animationblondie-kgu-boba-combo .polka-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
border-radius: 14px;
background-color: #FFC8DD;
background-image:
radial-gradient(#FFFFFF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
animation: animationblondie-kgu-polkadots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}

.animationblondie-kgu-boba-combo .child-notes {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
padding: 0 10px;
z-index: 3;
}

/* When only donors is hidden - stats stays on right */
.animationblondie-kgu-boba-combo .child-notes.kgu-donors-hidden {
justify-content: flex-end;
}

/* When only stats is hidden - donors stays on left */
.animationblondie-kgu-boba-combo .child-notes.kgu-stats-hidden {
justify-content: flex-start;
}

/* When donors hidden + swap: stats moves to left */
.animationblondie-kgu-boba-combo .child-notes.kgu-donors-hidden.kgu-swapped {
justify-content: flex-start;
}

/* When stats hidden + swap: donors moves to right */
.animationblondie-kgu-boba-combo .child-notes.kgu-stats-hidden.kgu-swapped {
justify-content: flex-end;
}

/* Reduce spacing when only stats card visible (smaller card) */
.animationblondie-kgu-boba-combo.kgu-single-card.kgu-stats-only {
padding-bottom: 120px;
}

/* Keep full spacing when only donors card visible (taller card) */
.animationblondie-kgu-boba-combo.kgu-single-card.kgu-donors-only {
padding-bottom: 130px;
}

/* Hide main-values in boba combo by default */
.animationblondie-kgu-boba-combo .main-values.kgu-combo-values-hidden {
display: none;
}

/* Show main-values when both child cards are hidden */
.animationblondie-kgu-boba-combo.kgu-no-child-cards .main-values {
display: block;
margin-top: 8px;
text-align: center;
}

/* Remove bottom padding when no child cards */
.animationblondie-kgu-boba-combo.kgu-no-child-cards {
padding-bottom: 18px;
}

.animationblondie-kgu-boba-combo .child-donors {
position: relative;
width: var(--kgu-combo-child-donors-width);
min-width: var(--kgu-combo-child-donors-width);
flex-shrink: 0;
background: #FFFDE7;
padding: 18px 10px 10px 10px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(-2deg);
background-image: linear-gradient(#FFB7B2 1px, transparent 1px);
background-size: 100% 18px;
background-position: 0 32px;
}

.animationblondie-kgu-boba-combo .paperclip {
position: absolute;
top: -18px;
right: 22px;
width: 28px;
height: 56px;
z-index: 30;
transform: rotate(-3deg);
}

.animationblondie-kgu-boba-combo .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 10px;
font-weight: 700;
color: #5D576B;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
margin-bottom: 4px;
opacity: 0.6;
}

.animationblondie-kgu-boba-combo .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 13px;
color: #7A6B88;
min-height: 90px; /* 5 rows × 18px */
}

.animationblondie-kgu-boba-combo .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 18px;
line-height: 18px;
border-bottom: 1px solid rgba(255,143,171,0.1);
}

.animationblondie-kgu-boba-combo .donor-row:last-child {
border-bottom: none;
}

.animationblondie-kgu-boba-combo .donor-amt {
color: #D87093;
font-weight: 700;
}

.animationblondie-kgu-boba-combo .child-stats {
position: relative;
width: var(--kgu-combo-child-stats-width, 110px);
min-width: 110px;
max-width: 110px;
flex-shrink: 0;
flex-grow: 0;
background: #FFF0F5;
padding: 18px 10px 12px 10px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(2deg);
text-align: center;
background-image:
linear-gradient(#FFC8DD 1px, transparent 1px),
linear-gradient(90deg, #FFC8DD 1px, transparent 1px);
background-size: 20px 20px;
}

.animationblondie-kgu-boba-combo .washi-tape {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 80px;
height: 20px;
background: rgba(255,200,221,0.9);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(255,255,255,0.6) 10px,
rgba(255,255,255,0.6) 20px
);
z-index: 10;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.animationblondie-kgu-boba-combo .boba-icon {
width: 28px;
height: 28px;
margin: 0 auto 4px auto;
}

.animationblondie-kgu-boba-combo .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 10px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
}

.animationblondie-kgu-boba-combo .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 40px;
color: #D87093;
font-weight: 700;
line-height: 1;
}

.animationblondie-kgu-boba-combo .child-stats-divider {
width: 80%;
height: 2px;
background: #FFC8DD;
margin: 4px auto;
}

.animationblondie-kgu-boba-combo .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 16px;
color: #9F86C0;
opacity: 0.7;
}

/* === SIDE PANEL LAYOUT === */
.animationblondie-kgu-boba-side {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
}

.animationblondie-kgu-boba-side .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
border: 4px solid white;
}

.animationblondie-kgu-boba-side .heart-pin {
position: absolute;
top: -10px;
width: 28px;
height: 28px;
background: #FFFDF5;
border-radius: 50%;
box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid white;
z-index: 20;
}

.animationblondie-kgu-boba-side .heart-pin.left {
left: 10px;
transform: rotate(-12deg);
}

.animationblondie-kgu-boba-side .heart-pin.right {
right: 10px;
transform: rotate(12deg);
background: #FFC8DD;
}

.animationblondie-kgu-boba-side .heart-pin svg {
width: 14px;
height: 14px;
fill: #FF8FAB;
}

.animationblondie-kgu-boba-side .heart-pin.right .dashed-circle {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px dashed rgba(255,255,255,0.6);
}

.animationblondie-kgu-boba-side .main-content {
text-align: center;
position: relative;
z-index: 1;
}

.animationblondie-kgu-boba-side .mascot-icon {
width: 60px;
height: 60px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

.animationblondie-kgu-boba-side .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
transform: rotate(-1deg);
}

.animationblondie-kgu-boba-side .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}

.animationblondie-kgu-boba-side .polka-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 12px;
background-color: #FFC8DD;
background-image:
radial-gradient(#FFFFFF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 16px 16px;
background-position: 0 0, 8px 8px;
animation: animationblondie-kgu-polkadots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}

.animationblondie-kgu-boba-side .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}

.animationblondie-kgu-boba-side .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #FFFDE7;
padding: 16px 8px 8px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFB7B2 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 28px;
}

.animationblondie-kgu-boba-side .paperclip {
position: absolute;
top: -14px;
right: 14px;
width: 22px;
height: 44px;
z-index: 30;
transform: rotate(-3deg);
}

.animationblondie-kgu-boba-side .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #5D576B;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
margin-bottom: 4px;
opacity: 0.6;
}

.animationblondie-kgu-boba-side .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #7A6B88;
min-height: 85px; /* 5 rows × 17px */
}

.animationblondie-kgu-boba-side .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 17px;
line-height: 17px;
border-bottom: 1px solid rgba(255,143,171,0.1);
}

.animationblondie-kgu-boba-side .donor-row:last-child {
border-bottom: none;
}

.animationblondie-kgu-boba-side .donor-amt {
color: #D87093;
font-weight: 700;
}

.animationblondie-kgu-boba-side .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #FFF0F5;
padding: 16px 8px 10px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#FFC8DD 1px, transparent 1px),
linear-gradient(90deg, #FFC8DD 1px, transparent 1px);
background-size: 16px 16px;
}

.animationblondie-kgu-boba-side .washi-tape {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 65px;
height: 16px;
background: rgba(255,200,221,0.9);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 8px,
rgba(255,255,255,0.6) 8px,
rgba(255,255,255,0.6) 16px
);
z-index: 10;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.animationblondie-kgu-boba-side .boba-icon {
width: 22px;
height: 22px;
margin-bottom: 2px;
}

.animationblondie-kgu-boba-side .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 2px;
}

.animationblondie-kgu-boba-side .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 32px;
color: #D87093;
font-weight: 700;
line-height: 1;
}

.animationblondie-kgu-boba-side .child-stats-divider {
width: 70%;
height: 2px;
background: #FFC8DD;
margin: 3px auto;
}

.animationblondie-kgu-boba-side .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 14px;
color: #9F86C0;
opacity: 0.7;
}

/* ═══════════════════════════════════════════════════════════════════
STATIONERY DESK THEME
═══════════════════════════════════════════════════════════════════ */

/* === SIMPLE LAYOUT === */
.animationblondie-kgu-stationery-simple {
position: relative;
width: var(--kgu-simple-width);
}

.animationblondie-kgu-stationery-simple .main-note {
position: relative;
background: linear-gradient(180deg, #fff9f0 0%, #fff5e6 100%);
padding: var(--kgu-simple-padding);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(139, 90, 43, 0.15), inset 0 0 0 1px rgba(139, 90, 43, 0.1);
}

/* Spiral binding */
.animationblondie-kgu-stationery-simple .main-note::before {
content: '';
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 18px;
background: repeating-linear-gradient(180deg, transparent, transparent 7px, #d4a574 7px, #d4a574 9px, transparent 9px, transparent 12px);
}

/* Paper lines */
.animationblondie-kgu-stationery-simple .main-note::after {
content: '';
position: absolute;
left: 22px;
right: 10px;
top: 70px;
bottom: 10px;
background: repeating-linear-gradient(180deg, transparent, transparent 16px, #e8d5c4 16px, #e8d5c4 17px);
pointer-events: none;
opacity: 0.5;
}

.animationblondie-kgu-stationery-simple .main-content {
position: relative;
z-index: 1;
padding-left: 14px;
text-align: center;
}

.animationblondie-kgu-stationery-simple .notebook-icon {
width: 50px;
height: 50px;
object-fit: contain;
margin: 0 auto 4px auto;
display: block;
}

.animationblondie-kgu-stationery-simple .main-title {
font-family: 'Caveat', cursive;
font-size: var(--kgu-simple-title-size);
font-weight: 600;
color: #8b5a2b;
margin-bottom: 8px;
}

.animationblondie-kgu-stationery-simple .bar-wrapper {
height: var(--kgu-simple-bar-height);
background: #f5ebe0;
border-radius: 9px;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(139, 90, 43, 0.15);
margin-bottom: 6px;
}

.animationblondie-kgu-stationery-simple .main-bar-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #f4a460 0%, #daa520 100%);
border-radius: 9px;
transition: width 0.5s ease;
}

.animationblondie-kgu-stationery-simple .main-values {
font-family: 'Patrick Hand', cursive;
font-size: var(--kgu-simple-values-size);
color: #a0522d;
}

.animationblondie-kgu-stationery-simple .pen-deco {
position: absolute;
bottom: -4px;
right: -12px;
transform: rotate(25deg);
z-index: 100;
}

.animationblondie-kgu-stationery-simple .pen-icon {
width: 38px;
height: 38px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

/* === COMBO LAYOUT === */
.animationblondie-kgu-stationery-combo {
position: relative;
width: var(--kgu-combo-width);
padding-bottom: 150px;
}

.animationblondie-kgu-stationery-combo .main-note {
position: relative;
background: linear-gradient(180deg, #fff9f0 0%, #fff5e6 100%);
padding: var(--kgu-combo-padding);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(139, 90, 43, 0.15), inset 0 0 0 1px rgba(139, 90, 43, 0.1);
}

.animationblondie-kgu-stationery-combo .main-note::before {
content: '';
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 20px;
background: repeating-linear-gradient(180deg, transparent, transparent 7px, #d4a574 7px, #d4a574 9px, transparent 9px, transparent 12px);
}

.animationblondie-kgu-stationery-combo .main-note::after {
content: '';
position: absolute;
left: 24px;
right: 10px;
top: 65px;
bottom: 10px;
background: repeating-linear-gradient(180deg, transparent, transparent 16px, #e8d5c4 16px, #e8d5c4 17px);
pointer-events: none;
opacity: 0.5;
}

.animationblondie-kgu-stationery-combo .main-content {
position: relative;
z-index: 1;
padding-left: 16px;
text-align: center;
}

.animationblondie-kgu-stationery-combo .notebook-icon {
width: 45px;
height: 45px;
object-fit: contain;
margin: 0 auto 2px auto;
display: block;
}

.animationblondie-kgu-stationery-combo .main-title {
font-family: 'Caveat', cursive;
font-size: var(--kgu-combo-title-size);
font-weight: 600;
color: #8b5a2b;
margin-bottom: 6px;
}

.animationblondie-kgu-stationery-combo .bar-wrapper {
height: var(--kgu-combo-bar-height);
background: #f5ebe0;
border-radius: 10px;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(139, 90, 43, 0.15);
}

.animationblondie-kgu-stationery-combo .main-bar-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #f4a460 0%, #daa520 100%);
border-radius: 10px;
transition: width 0.5s ease;
}

/* Main values for combo (hidden by default, shown when no child cards) */
.animationblondie-kgu-stationery-combo .main-values {
font-family: 'Patrick Hand', cursive;
font-size: var(--kgu-simple-values-size);
color: #a0522d;
}

.animationblondie-kgu-stationery-combo .main-values.kgu-combo-values-hidden {
display: none;
}

.animationblondie-kgu-stationery-combo.kgu-no-child-cards .main-values {
display: block;
margin-top: 8px;
text-align: center;
}

.animationblondie-kgu-stationery-combo.kgu-no-child-cards {
padding-bottom: 18px;
}

.animationblondie-kgu-stationery-combo .pen-deco {
position: absolute;
bottom: -28px;
right: -12px;
transform: rotate(25deg);
z-index: 9999;
}

.animationblondie-kgu-stationery-combo .pen-icon {
width: 42px;
height: 42px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

.animationblondie-kgu-stationery-combo .child-notes {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
padding: 0 10px;
z-index: 1;
}

/* When only donors is hidden - stats stays on right */
.animationblondie-kgu-stationery-combo .child-notes.kgu-donors-hidden {
justify-content: flex-end;
}

/* When only stats is hidden - donors stays on left */
.animationblondie-kgu-stationery-combo .child-notes.kgu-stats-hidden {
justify-content: flex-start;
}

/* When donors hidden + swap: stats moves to left */
.animationblondie-kgu-stationery-combo .child-notes.kgu-donors-hidden.kgu-swapped {
justify-content: flex-start;
}

/* When stats hidden + swap: donors moves to right */
.animationblondie-kgu-stationery-combo .child-notes.kgu-stats-hidden.kgu-swapped {
justify-content: flex-end;
}

/* Reduce spacing when only stats card visible (smaller card) */
.animationblondie-kgu-stationery-combo.kgu-single-card.kgu-stats-only {
padding-bottom: 85px;
}

/* Keep full spacing when only donors card visible (taller card) */
.animationblondie-kgu-stationery-combo.kgu-single-card.kgu-donors-only {
padding-bottom: 130px;
}

.animationblondie-kgu-stationery-combo .child-donors {
position: relative;
width: var(--kgu-combo-child-donors-width);
min-width: var(--kgu-combo-child-donors-width);
flex-shrink: 0;
background: linear-gradient(145deg, #ffeef0 0%, #ffe4e8 100%);
padding: 14px 10px 10px 10px;
border-radius: 6px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(-2deg);
}

/* Pink tape on top */
.animationblondie-kgu-stationery-combo .child-donors::before {
content: '';
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 12px;
background: linear-gradient(90deg, rgba(255, 182, 193, 0.7) 0%, rgba(255, 182, 193, 0.9) 50%, rgba(255, 182, 193, 0.7) 100%);
border-radius: 2px;
}

.animationblondie-kgu-stationery-combo .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 700;
color: #d4749a;
text-transform: uppercase;
text-align: center;
margin-bottom: 5px;
letter-spacing: 0.5px;
}

.animationblondie-kgu-stationery-combo .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #b85c7a;
min-height: 110px;
}

.animationblondie-kgu-stationery-combo .donor-row {
display: flex;
justify-content: space-between;
padding: 2px 0;
border-bottom: 1px dashed rgba(216, 112, 147, 0.2);
height: 22px;
line-height: 22px;
box-sizing: border-box;
}

.animationblondie-kgu-stationery-combo .donor-row:last-child { border-bottom: none; }

.animationblondie-kgu-stationery-combo .donor-amt {
color: #e07a9d;
font-weight: 600;
}

.animationblondie-kgu-stationery-combo .child-stats {
position: relative;
width: var(--kgu-combo-child-stats-width);
min-width: 110px;
max-width: 110px;
flex-shrink: 0;
flex-grow: 0;
background: linear-gradient(145deg, #e8f4f0 0%, #d4ebe4 100%);
padding: 16px 10px 12px 10px;
border-radius: 6px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(3deg);
text-align: center;
}

/* Corner fold */
.animationblondie-kgu-stationery-combo .child-stats::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 12px 12px;
border-color: transparent transparent #a8d5c5 transparent;
}

.animationblondie-kgu-stationery-combo .child-stats-icon {
width: 24px;
height: 24px;
object-fit: contain;
margin-bottom: 3px;
}

.animationblondie-kgu-stationery-combo .child-stats-value {
font-family: 'Caveat', cursive;
font-size: 32px;
font-weight: 600;
color: #2e8b6e;
line-height: 1;
}

.animationblondie-kgu-stationery-combo .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 600;
color: #3a9d7c;
text-transform: uppercase;
}

.animationblondie-kgu-stationery-combo .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 13px;
color: #5ab593;
}

/* === SIDE PANEL LAYOUT === */
.animationblondie-kgu-stationery-side {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
}

.animationblondie-kgu-stationery-side .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: linear-gradient(180deg, #fff9f0 0%, #fff5e6 100%);
padding: var(--kgu-side-padding);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(139, 90, 43, 0.15), inset 0 0 0 1px rgba(139, 90, 43, 0.1);
}

.animationblondie-kgu-stationery-side .main-note::before {
content: '';
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 16px;
background: repeating-linear-gradient(180deg, transparent, transparent 6px, #d4a574 6px, #d4a574 8px, transparent 8px, transparent 11px);
}

.animationblondie-kgu-stationery-side .main-note::after {
content: '';
position: absolute;
left: 20px;
right: 8px;
top: 55px;
bottom: 8px;
background: repeating-linear-gradient(180deg, transparent, transparent 14px, #e8d5c4 14px, #e8d5c4 15px);
pointer-events: none;
opacity: 0.5;
}

.animationblondie-kgu-stationery-side .main-content {
position: relative;
z-index: 1;
padding-left: 12px;
text-align: center;
}

.animationblondie-kgu-stationery-side .notebook-icon {
width: 40px;
height: 40px;
object-fit: contain;
margin: 0 auto 2px auto;
display: block;
}

.animationblondie-kgu-stationery-side .main-title {
font-family: 'Caveat', cursive;
font-size: var(--kgu-side-title-size);
font-weight: 600;
color: #8b5a2b;
margin-bottom: 6px;
}

.animationblondie-kgu-stationery-side .bar-wrapper {
height: var(--kgu-side-bar-height);
background: #f5ebe0;
border-radius: 8px;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(139, 90, 43, 0.15);
margin-bottom: 5px;
}

.animationblondie-kgu-stationery-side .main-bar-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #f4a460 0%, #daa520 100%);
border-radius: 8px;
transition: width 0.5s ease;
}

.animationblondie-kgu-stationery-side .main-values {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #a0522d;
}

.animationblondie-kgu-stationery-side .pen-deco {
position: absolute;
bottom: -3px;
right: -10px;
transform: rotate(25deg);
z-index: 100;
}

.animationblondie-kgu-stationery-side .pen-icon {
width: 34px;
height: 34px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

.animationblondie-kgu-stationery-side .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}

.animationblondie-kgu-stationery-side .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: linear-gradient(145deg, #ffeef0 0%, #ffe4e8 100%);
padding: 14px 8px 8px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(1deg);
}

.animationblondie-kgu-stationery-side .child-donors::before {
content: '';
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
width: 45px;
height: 10px;
background: linear-gradient(90deg, rgba(255, 182, 193, 0.7) 0%, rgba(255, 182, 193, 0.9) 50%, rgba(255, 182, 193, 0.7) 100%);
border-radius: 2px;
}

.animationblondie-kgu-stationery-side .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 700;
color: #d4749a;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 0.5px;
}

.animationblondie-kgu-stationery-side .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #b85c7a;
min-height: 100px;
}

.animationblondie-kgu-stationery-side .donor-row {
display: flex;
justify-content: space-between;
padding: 1px 0;
border-bottom: 1px dashed rgba(216, 112, 147, 0.2);
height: 20px;
line-height: 20px;
box-sizing: border-box;
}

.animationblondie-kgu-stationery-side .donor-row:last-child { border-bottom: none; }

.animationblondie-kgu-stationery-side .donor-amt {
color: #e07a9d;
font-weight: 600;
}

.animationblondie-kgu-stationery-side .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: linear-gradient(145deg, #e8f4f0 0%, #d4ebe4 100%);
padding: 14px 8px 10px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(-1deg);
text-align: center;
}

.animationblondie-kgu-stationery-side .child-stats::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #a8d5c5 transparent;
}

.animationblondie-kgu-stationery-side .child-stats-icon {
width: 20px;
height: 20px;
object-fit: contain;
margin-bottom: 2px;
}

.animationblondie-kgu-stationery-side .child-stats-value {
font-family: 'Caveat', cursive;
font-size: 26px;
font-weight: 600;
color: #2e8b6e;
line-height: 1;
}

.animationblondie-kgu-stationery-side .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #3a9d7c;
text-transform: uppercase;
}

.animationblondie-kgu-stationery-side .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #5ab593;
}

/* ═══════════════════════════════════════════════════════════════════
BIRTHDAY THEME
═══════════════════════════════════════════════════════════════════ */

@keyframes animationblondie-kgu-birthday-dots {
0% { background-position: 0 0, 10px 10px; }
100% { background-position: 20px 0, 30px 10px; }
}

/* === SIMPLE LAYOUT === */
.animationblondie-kgu-birthday-simple {
position: relative;
width: var(--kgu-simple-width);
}

.animationblondie-kgu-birthday-simple .main-note {
position: relative;
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-simple-padding);
box-shadow: var(--kgu-shadow);
border: 3px solid white;
}

.animationblondie-kgu-birthday-simple .heart-pin {
position: absolute;
top: -10px;
width: 26px;
height: 26px;
background: #FFF0F5;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #FFC8DD;
z-index: 20;
}

.animationblondie-kgu-birthday-simple .heart-pin.left { left: 12px; }
.animationblondie-kgu-birthday-simple .heart-pin.right { right: 12px; }

.animationblondie-kgu-birthday-simple .heart-pin svg {
width: 13px;
height: 13px;
}

.animationblondie-kgu-birthday-simple .main-content {
text-align: center;
}

.animationblondie-kgu-birthday-simple .mascot-icon {
width: 70px;
height: 50px;
margin: 0 auto 4px auto;
}

.animationblondie-kgu-birthday-simple .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-simple-title-size);
color: #5D576B;
margin-bottom: 8px;
}

.animationblondie-kgu-birthday-simple .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 16px;
padding: 4px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}

.animationblondie-kgu-birthday-simple .polka-bar {
height: var(--kgu-simple-bar-height);
width: 0%;
border-radius: 12px;
background-color: #FFC8DD;
background-image:
radial-gradient(#A2D2FF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 16px 16px;
background-position: 0 0, 8px 8px;
animation: animationblondie-kgu-birthday-dots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05);
transition: width 0.5s ease;
}

.animationblondie-kgu-birthday-simple .main-values {
font-family: 'Patrick Hand', cursive;
font-size: var(--kgu-simple-values-size);
color: #7A6B88;
margin-top: 8px;
}

/* Floating balloons */
.animationblondie-kgu-birthday-simple .balloon {
position: absolute;
width: 28px;
height: 38px;
z-index: 30;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
}

.animationblondie-kgu-birthday-simple .balloon-tl {
top: -22px;
left: -6px;
animation: animationblondie-kgu-float 4s ease-in-out infinite;
}

.animationblondie-kgu-birthday-simple .balloon-tr {
top: -22px;
right: -6px;
animation: animationblondie-kgu-float 5s ease-in-out infinite 1s;
}

.animationblondie-kgu-birthday-simple .balloon-bl {
bottom: -18px;
left: -6px;
z-index: 50;
animation: animationblondie-kgu-float 4.5s ease-in-out infinite 0.5s;
}

.animationblondie-kgu-birthday-simple .balloon-br {
bottom: -18px;
right: -6px;
z-index: 50;
animation: animationblondie-kgu-float 5.5s ease-in-out infinite 1.5s;
}

/* === COMBO LAYOUT === */
.animationblondie-kgu-birthday-combo {
position: relative;
width: var(--kgu-combo-width);
padding-bottom: var(--kgu-combo-spacing);
}

.animationblondie-kgu-birthday-combo .main-note {
position: relative;
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-combo-padding);
box-shadow: var(--kgu-shadow);
border: 3px solid white;
}

.animationblondie-kgu-birthday-combo .heart-pin {
position: absolute;
top: -10px;
width: 28px;
height: 28px;
background: #FFF0F5;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #FFC8DD;
z-index: 20;
}

.animationblondie-kgu-birthday-combo .heart-pin.left { left: 12px; }
.animationblondie-kgu-birthday-combo .heart-pin.right { right: 12px; }

.animationblondie-kgu-birthday-combo .heart-pin svg {
width: 14px;
height: 14px;
}

.animationblondie-kgu-birthday-combo .balloon {
position: absolute;
width: 32px;
height: 44px;
z-index: 30;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
}

.animationblondie-kgu-birthday-combo .balloon-tl {
top: -25px;
left: -8px;
animation: animationblondie-kgu-float 4s ease-in-out infinite;
}

.animationblondie-kgu-birthday-combo .balloon-tr {
top: -25px;
right: -8px;
animation: animationblondie-kgu-float 5s ease-in-out infinite 1s;
}

.animationblondie-kgu-birthday-combo .balloon-bl {
bottom: -20px;
left: -8px;
z-index: 9999;
animation: animationblondie-kgu-float 4.5s ease-in-out infinite 0.5s;
}

.animationblondie-kgu-birthday-combo .balloon-br {
bottom: -20px;
right: -8px;
z-index: 9999;
animation: animationblondie-kgu-float 5.5s ease-in-out infinite 1.5s;
}

.animationblondie-kgu-birthday-combo .main-content {
text-align: center;
}

.animationblondie-kgu-birthday-combo .mascot-icon {
width: 70px;
height: 60px;
margin: 0 auto 0 auto;
}

.animationblondie-kgu-birthday-combo .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-combo-title-size);
color: #5D576B;
margin-bottom: 6px;
}

.animationblondie-kgu-birthday-combo .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}

.animationblondie-kgu-birthday-combo .polka-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
border-radius: 14px;
background-color: #FFC8DD;
background-image:
radial-gradient(#A2D2FF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
animation: animationblondie-kgu-birthday-dots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05);
transition: width 0.5s ease;
}

/* Main values for combo */
.animationblondie-kgu-birthday-combo .main-values {
font-family: 'Patrick Hand', cursive;
font-size: var(--kgu-simple-values-size);
color: #7A6B88;
}

.animationblondie-kgu-birthday-combo .main-values.kgu-combo-values-hidden {
display: none;
}

.animationblondie-kgu-birthday-combo.kgu-no-child-cards .main-values {
display: block;
margin-top: 8px;
text-align: center;
}

.animationblondie-kgu-birthday-combo.kgu-no-child-cards {
padding-bottom: 18px;
}

.animationblondie-kgu-birthday-combo .child-notes {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
padding: 0 10px;
z-index: 1;
}

.animationblondie-kgu-birthday-combo .child-notes.kgu-donors-hidden {
justify-content: flex-end;
}

.animationblondie-kgu-birthday-combo .child-notes.kgu-stats-hidden {
justify-content: flex-start;
}

.animationblondie-kgu-birthday-combo .child-notes.kgu-donors-hidden.kgu-swapped {
justify-content: flex-start;
}

.animationblondie-kgu-birthday-combo .child-notes.kgu-stats-hidden.kgu-swapped {
justify-content: flex-end;
}

.animationblondie-kgu-birthday-combo.kgu-single-card.kgu-stats-only {
padding-bottom: 100px;
}

.animationblondie-kgu-birthday-combo.kgu-single-card.kgu-donors-only {
padding-bottom: 130px;
}

.animationblondie-kgu-birthday-combo .child-donors {
position: relative;
width: var(--kgu-combo-child-donors-width);
min-width: var(--kgu-combo-child-donors-width);
flex-shrink: 0;
background: #FFF0F5;
padding: 14px 10px 10px 10px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
background-image: linear-gradient(#FFC8DD 1px, transparent 1px);
background-size: 100% 18px;
background-position: 0 28px;
}

.animationblondie-kgu-birthday-combo .paperclip {
position: absolute;
top: -12px;
right: 18px;
width: 18px;
height: 40px;
z-index: 30;
transform: rotate(-10deg);
}

.animationblondie-kgu-birthday-combo .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 9px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
text-align: center;
margin-bottom: 5px;
letter-spacing: 1px;
}

.animationblondie-kgu-birthday-combo .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #7A6B88;
min-height: 90px;
}

.animationblondie-kgu-birthday-combo .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 18px;
line-height: 18px;
}

.animationblondie-kgu-birthday-combo .donor-amt {
color: #FF8FAB;
font-weight: 700;
}

.animationblondie-kgu-birthday-combo .child-stats {
position: relative;
width: var(--kgu-combo-child-stats-width);
min-width: 110px;
max-width: 110px;
flex-shrink: 0;
flex-grow: 0;
background: #F0F8FF;
padding: 16px 10px 12px 10px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(3deg);
text-align: center;
background-image:
linear-gradient(#D6EAF8 1px, transparent 1px),
linear-gradient(90deg, #D6EAF8 1px, transparent 1px);
background-size: 12px 12px;
}

.animationblondie-kgu-birthday-combo .washi-tape {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 55px;
height: 14px;
background: rgba(189,224,254,0.8);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 4px,
rgba(255,255,255,0.5) 4px,
rgba(255,255,255,0.5) 8px
);
z-index: 30;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.animationblondie-kgu-birthday-combo .cake-icon {
width: 24px;
height: 24px;
margin-bottom: 2px;
}

.animationblondie-kgu-birthday-combo .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 9px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 3px;
}

.animationblondie-kgu-birthday-combo .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 32px;
color: #9F86C0;
font-weight: 700;
line-height: 1;
}

.animationblondie-kgu-birthday-combo .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 13px;
color: #A2D2FF;
}

/* === SIDE PANEL LAYOUT === */
.animationblondie-kgu-birthday-side {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
}

.animationblondie-kgu-birthday-side .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
border: 3px solid white;
}

.animationblondie-kgu-birthday-side .heart-pin {
position: absolute;
top: -9px;
width: 24px;
height: 24px;
background: #FFF0F5;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #FFC8DD;
z-index: 20;
}

.animationblondie-kgu-birthday-side .heart-pin.left { left: 10px; }
.animationblondie-kgu-birthday-side .heart-pin.right { right: 10px; }

.animationblondie-kgu-birthday-side .heart-pin svg {
width: 12px;
height: 12px;
}

.animationblondie-kgu-birthday-side .main-content {
text-align: center;
}

.animationblondie-kgu-birthday-side .mascot-icon {
width: 60px;
height: 42px;
margin: 0 auto 2px auto;
}

.animationblondie-kgu-birthday-side .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
}

.animationblondie-kgu-birthday-side .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 14px;
padding: 4px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}

.animationblondie-kgu-birthday-side .polka-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 10px;
background-color: #FFC8DD;
background-image:
radial-gradient(#A2D2FF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 14px 14px;
background-position: 0 0, 7px 7px;
animation: animationblondie-kgu-birthday-dots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05);
transition: width 0.5s ease;
}

.animationblondie-kgu-birthday-side .main-values {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #7A6B88;
margin-top: 6px;
}

.animationblondie-kgu-birthday-side .balloon {
position: absolute;
width: 24px;
height: 32px;
z-index: 30;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
}

.animationblondie-kgu-birthday-side .balloon-tl {
top: -18px;
left: -5px;
animation: animationblondie-kgu-float 4s ease-in-out infinite;
}

.animationblondie-kgu-birthday-side .balloon-tr {
top: -18px;
right: -5px;
animation: animationblondie-kgu-float 5s ease-in-out infinite 1s;
}

.animationblondie-kgu-birthday-side .balloon-bl {
bottom: -15px;
left: -5px;
z-index: 50;
animation: animationblondie-kgu-float 4.5s ease-in-out infinite 0.5s;
}

.animationblondie-kgu-birthday-side .balloon-br {
bottom: -15px;
right: -5px;
z-index: 50;
animation: animationblondie-kgu-float 5.5s ease-in-out infinite 1.5s;
}

.animationblondie-kgu-birthday-side .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}

.animationblondie-kgu-birthday-side .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #FFF0F5;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFC8DD 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 26px;
}

.animationblondie-kgu-birthday-side .paperclip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 30;
transform: rotate(-8deg);
}

.animationblondie-kgu-birthday-side .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 1px;
}

.animationblondie-kgu-birthday-side .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #7A6B88;
min-height: 85px;
}

.animationblondie-kgu-birthday-side .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 17px;
line-height: 17px;
}

.animationblondie-kgu-birthday-side .donor-amt {
color: #FF8FAB;
font-weight: 700;
}

.animationblondie-kgu-birthday-side .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #F0F8FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#D6EAF8 1px, transparent 1px),
linear-gradient(90deg, #D6EAF8 1px, transparent 1px);
background-size: 10px 10px;
}

.animationblondie-kgu-birthday-side .washi-tape {
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 50px;
height: 12px;
background: rgba(189,224,254,0.8);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 3px,
rgba(255,255,255,0.5) 3px,
rgba(255,255,255,0.5) 6px
);
z-index: 30;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.animationblondie-kgu-birthday-side .cake-icon {
width: 20px;
height: 20px;
margin-bottom: 2px;
}

.animationblondie-kgu-birthday-side .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}

.animationblondie-kgu-birthday-side .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
font-weight: 700;
line-height: 1;
}

.animationblondie-kgu-birthday-side .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #A2D2FF;
}

/* ═══════════════════════════════════════════════════════════════════
   WITCHY MAGIC THEME
   ═══════════════════════════════════════════════════════════════════ */

@keyframes animationblondie-kgu-sparkle-slide {
0% { background-position: 0 0, 10px 10px, 5px 5px; }
100% { background-position: 15px 0, 25px 10px, 20px 5px; }
}

/* === SIMPLE LAYOUT === */
.animationblondie-kgu-witchy-simple {
position: relative;
width: var(--kgu-simple-width);
}

.animationblondie-kgu-witchy-simple .main-note {
position: relative;
background: #E0D4FC;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-simple-padding);
box-shadow: var(--kgu-shadow);
}

.animationblondie-kgu-witchy-simple .moon-deco {
position: absolute;
top: -14px;
width: 36px;
height: 36px;
z-index: 20;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
}

.animationblondie-kgu-witchy-simple .moon-deco.left { left: -8px; transform: rotate(-20deg); }
.animationblondie-kgu-witchy-simple .moon-deco.right { right: -8px; transform: rotate(15deg) scaleX(-1); }
.animationblondie-kgu-witchy-simple .main-content { text-align: center; position: relative; z-index: 1; }
.animationblondie-kgu-witchy-simple .mascot-icon { width: 65px; height: 55px; margin: 0 auto 4px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); transform: rotate(-2deg); }
.animationblondie-kgu-witchy-simple .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-simple-title-size); color: #6A5F80; margin-bottom: 8px; transform: rotate(-1deg); opacity: 0.9; }
.animationblondie-kgu-witchy-simple .bar-wrapper { background: #CBBCE6; border-radius: 20px; padding: 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); border: 1px solid rgba(179,157,219,0.3); overflow: visible; position: relative; }

.animationblondie-kgu-witchy-simple .sparkle-bar {
height: var(--kgu-simple-bar-height);
width: 0%;
min-width: 30px;
border-radius: 16px;
background-color: #B39DDB;
background-image: radial-gradient(#FFF 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%);
background-size: 15px 15px, 24px 24px, 10px 10px;
background-position: 0 0, 10px 10px, 5px 5px;
animation: animationblondie-kgu-sparkle-slide 2s linear infinite;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
position: relative;
transition: width 0.5s ease;
}

.animationblondie-kgu-witchy-simple .main-values { font-family: 'Patrick Hand', cursive; font-size: var(--kgu-simple-values-size); color: #6A5F80; margin-top: 8px; }

/* === COMBO LAYOUT === */
.animationblondie-kgu-witchy-combo { position: relative; width: var(--kgu-combo-width); padding-bottom: var(--kgu-combo-spacing); }
.animationblondie-kgu-witchy-combo .main-note { position: relative; background: #E0D4FC; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); box-shadow: var(--kgu-shadow); z-index: 2; }
.animationblondie-kgu-witchy-combo .moon-deco { position: absolute; top: -18px; width: 44px; height: 44px; z-index: 20; filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.12)); }
.animationblondie-kgu-witchy-combo .moon-deco.left { left: -12px; transform: rotate(-20deg); }
.animationblondie-kgu-witchy-combo .moon-deco.right { right: -12px; transform: rotate(15deg) scaleX(-1); }
.animationblondie-kgu-witchy-combo .main-content { text-align: center; position: relative; z-index: 1; }
.animationblondie-kgu-witchy-combo .mascot-icon { width: 65px; height: 50px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); transform: rotate(-2deg); }
.animationblondie-kgu-witchy-combo .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #6A5F80; margin-bottom: 6px; transform: rotate(-1deg); opacity: 0.9; }
.animationblondie-kgu-witchy-combo .bar-wrapper { background: #CBBCE6; border-radius: 18px; padding: 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); border: 1px solid rgba(179,157,219,0.3); overflow: visible; position: relative; }

.animationblondie-kgu-witchy-combo .sparkle-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
min-width: 30px;
border-radius: 14px;
background-color: #B39DDB;
background-image: radial-gradient(#FFF 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%);
background-size: 15px 15px, 24px 24px, 10px 10px;
background-position: 0 0, 10px 10px, 5px 5px;
animation: animationblondie-kgu-sparkle-slide 2s linear infinite;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
position: relative;
transition: width 0.5s ease;
}

.animationblondie-kgu-witchy-combo .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #6A5F80; margin-top: 6px; }
.animationblondie-kgu-witchy-combo .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-witchy-combo.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-witchy-combo.kgu-no-child-cards { padding-bottom: 18px; }
.animationblondie-kgu-witchy-combo .child-notes { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px; z-index: 3; }
.animationblondie-kgu-witchy-combo .child-notes.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-witchy-combo .child-notes.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-witchy-combo .child-notes.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-witchy-combo .child-notes.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }
.animationblondie-kgu-witchy-combo.kgu-single-card.kgu-stats-only { padding-bottom: 85px; }
.animationblondie-kgu-witchy-combo.kgu-single-card.kgu-donors-only { padding-bottom: 130px; }
.animationblondie-kgu-witchy-combo .child-donors { position: relative; width: var(--kgu-combo-child-donors-width); min-width: var(--kgu-combo-child-donors-width); flex-shrink: 0; background: #FEFEFE; padding: 14px 10px 10px 10px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(-4deg); background-image: repeating-linear-gradient(transparent, transparent 17px, #D1C4E9 17px, #D1C4E9 18px); background-position: 0 28px; }
.animationblondie-kgu-witchy-combo .paperclip { position: absolute; top: -14px; right: 22px; width: 26px; height: 50px; z-index: 30; transform: rotate(-5deg); }
.animationblondie-kgu-witchy-combo .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 10px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-witchy-combo .donor-list { font-family: 'Patrick Hand', cursive; font-size: 13px; color: #6A5F80; min-height: 90px; }
.animationblondie-kgu-witchy-combo .donor-row { display: flex; justify-content: space-between; align-items: center; height: 18px; line-height: 18px; }
.animationblondie-kgu-witchy-combo .donor-amt { color: #7E57C2; font-weight: 700; }
.animationblondie-kgu-witchy-combo .child-stats { position: relative; width: var(--kgu-combo-child-stats-width, 110px); min-width: 110px; max-width: 110px; flex-shrink: 0; flex-grow: 0; background: #F2EBFF; padding: 18px 10px 12px 10px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(3deg); text-align: center; border: 1px solid #E0D4FC; background-image: linear-gradient(#D1C4E9 1.5px, transparent 1.5px), linear-gradient(90deg, #D1C4E9 1.5px, transparent 1.5px); background-size: 20px 20px; background-position: center 10px; }
.animationblondie-kgu-witchy-combo .washi-tape { position: absolute; top: -10px; left: 50%; transform: translateX(-50%) rotate(2deg); width: 70px; height: 18px; background: linear-gradient(90deg, #B39DDB 0%, #B39DDB 33%, #D1C4E9 33%, #D1C4E9 66%, #9575CD 66%, #9575CD 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-witchy-combo .witch-icon { width: 28px; height: 24px; margin: 0 auto 4px auto; }
.animationblondie-kgu-witchy-combo .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 10px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-combo .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 40px; color: #6A5F80; font-weight: 700; line-height: 1; }
.animationblondie-kgu-witchy-combo .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 16px; color: #8E86A0; }

/* === SIDE PANEL LAYOUT === */
.animationblondie-kgu-witchy-side { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; }
.animationblondie-kgu-witchy-side .main-note { position: relative; width: var(--kgu-side-main-width); background: #E0D4FC; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); }
.animationblondie-kgu-witchy-side .moon-deco { position: absolute; top: -12px; width: 32px; height: 32px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1)); }
.animationblondie-kgu-witchy-side .moon-deco.left { left: -6px; transform: rotate(-20deg); }
.animationblondie-kgu-witchy-side .moon-deco.right { right: -6px; transform: rotate(15deg) scaleX(-1); }
.animationblondie-kgu-witchy-side .main-content { text-align: center; position: relative; z-index: 1; }
.animationblondie-kgu-witchy-side .mascot-icon { width: 55px; height: 46px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); transform: rotate(-2deg); }
.animationblondie-kgu-witchy-side .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #6A5F80; margin-bottom: 6px; transform: rotate(-1deg); opacity: 0.9; }
.animationblondie-kgu-witchy-side .bar-wrapper { background: #CBBCE6; border-radius: 18px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); border: 1px solid rgba(179,157,219,0.3); overflow: visible; position: relative; }
.animationblondie-kgu-witchy-side .sparkle-bar { height: var(--kgu-side-bar-height); width: 0%; min-width: 24px; border-radius: 14px; background-color: #B39DDB; background-image: radial-gradient(#FFF 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%); background-size: 12px 12px, 18px 18px, 8px 8px; background-position: 0 0, 8px 8px, 4px 4px; animation: animationblondie-kgu-sparkle-slide 2s linear infinite; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; transition: width 0.5s ease; }
.animationblondie-kgu-witchy-side .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #6A5F80; margin-top: 6px; }
.animationblondie-kgu-witchy-side .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-witchy-side .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FEFEFE; padding: 14px 8px 8px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #D1C4E9 16px, #D1C4E9 17px); background-position: 0 26px; }
.animationblondie-kgu-witchy-side .paperclip { position: absolute; top: -12px; right: 14px; width: 22px; height: 44px; z-index: 30; transform: rotate(-5deg); }
.animationblondie-kgu-witchy-side .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-witchy-side .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #6A5F80; min-height: 80px; }
.animationblondie-kgu-witchy-side .donor-row { display: flex; justify-content: space-between; align-items: center; height: 16px; line-height: 16px; }
.animationblondie-kgu-witchy-side .donor-amt { color: #7E57C2; font-weight: 700; }
.animationblondie-kgu-witchy-side .child-stats { position: relative; width: var(--kgu-side-child-width); background: #F2EBFF; padding: 16px 8px 10px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border: 1px solid #E0D4FC; background-image: linear-gradient(#D1C4E9 1px, transparent 1px), linear-gradient(90deg, #D1C4E9 1px, transparent 1px); background-size: 16px 16px; background-position: center 8px; }
.animationblondie-kgu-witchy-side .washi-tape { position: absolute; top: -8px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 55px; height: 14px; background: linear-gradient(90deg, #B39DDB 0%, #B39DDB 33%, #D1C4E9 33%, #D1C4E9 66%, #9575CD 66%, #9575CD 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-witchy-side .witch-icon { width: 22px; height: 18px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-side .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-side .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 32px; color: #6A5F80; font-weight: 700; line-height: 1; }
.animationblondie-kgu-witchy-side .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #8E86A0; }

/* ═══════════════════════════════════════════════════════════════════
   TOASTY THEME
   ═══════════════════════════════════════════════════════════════════ */

@keyframes toasty-shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(200%); }
}

.animationblondie-kgu-toasty-simple { position: relative; width: var(--kgu-simple-width); }
.animationblondie-kgu-toasty-simple .main-note { position: relative; background: #FFF9C4; border-radius: var(--kgu-border-radius); padding: var(--kgu-simple-padding); box-shadow: var(--kgu-shadow); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-simple .pin-svg { position: absolute; top: -14px; width: 32px; height: 32px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-simple .pin-svg.left { left: 8px; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-simple .pin-svg.right { right: 8px; transform: rotate(15deg); }
.animationblondie-kgu-toasty-simple .main-content { text-align: center; }
.animationblondie-kgu-toasty-simple .toast-mascot { width: 80px; height: 70px; margin: 0 auto 4px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08)); animation: animationblondie-kgu-float 3s ease-in-out infinite; }
.animationblondie-kgu-toasty-simple .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-simple-title-size); color: #5D4037; margin-bottom: 8px; }
.animationblondie-kgu-toasty-simple .bar-wrapper { background: #FFFDE7; border-radius: 16px; padding: 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-simple .toast-bar { height: var(--kgu-simple-bar-height); width: 0%; border-radius: 12px; background: #FFE082; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-toasty-simple .toast-bar::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: toasty-shimmer 2.5s ease-in-out infinite; }
.animationblondie-kgu-toasty-simple .toast-bar::after { content: ''; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: white; opacity: 0.2; border-radius: 8px; }
.animationblondie-kgu-toasty-simple .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #5D4037; margin-top: 8px; }

/* Toasty Combo */
.animationblondie-kgu-toasty-combo { position: relative; width: var(--kgu-combo-width); padding-bottom: var(--kgu-combo-spacing); }
.animationblondie-kgu-toasty-combo .main-note { position: relative; background: #FFF9C4; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); box-shadow: var(--kgu-shadow); border: 1px solid #FFF59D; z-index: 2; }
.animationblondie-kgu-toasty-combo .pin-svg { position: absolute; top: -16px; width: 36px; height: 36px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-combo .pin-svg.left { left: 10px; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-combo .pin-svg.right { right: 10px; transform: rotate(15deg); }
.animationblondie-kgu-toasty-combo .main-content { text-align: center; }
.animationblondie-kgu-toasty-combo .toast-mascot { width: 75px; height: 65px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08)); animation: animationblondie-kgu-float 3s ease-in-out infinite; }
.animationblondie-kgu-toasty-combo .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #5D4037; margin-bottom: 6px; }
.animationblondie-kgu-toasty-combo .bar-wrapper { background: #FFFDE7; border-radius: 18px; padding: 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-combo .toast-bar { height: var(--kgu-combo-bar-height); width: 0%; border-radius: 14px; background: #FFE082; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-toasty-combo .toast-bar::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: toasty-shimmer 2.5s ease-in-out infinite; }
.animationblondie-kgu-toasty-combo .toast-bar::after { content: ''; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: white; opacity: 0.2; border-radius: 10px; }
.animationblondie-kgu-toasty-combo .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #5D4037; margin-top: 6px; }
.animationblondie-kgu-toasty-combo .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-toasty-combo.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-toasty-combo.kgu-no-child-cards { padding-bottom: 18px; }
.animationblondie-kgu-toasty-combo .child-notes { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px; z-index: 3; }
.animationblondie-kgu-toasty-combo .child-notes.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-toasty-combo .child-notes.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-toasty-combo .child-notes.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-toasty-combo .child-notes.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }
.animationblondie-kgu-toasty-combo.kgu-single-card.kgu-stats-only { padding-bottom: 85px; }
.animationblondie-kgu-toasty-combo.kgu-single-card.kgu-donors-only { padding-bottom: 130px; }
.animationblondie-kgu-toasty-combo .child-donors { position: relative; width: var(--kgu-combo-child-donors-width); min-width: var(--kgu-combo-child-donors-width); flex-shrink: 0; background: #FFFDE7; padding: 14px 10px 10px 10px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(-2deg); background-image: repeating-linear-gradient(transparent, transparent 17px, #FFE082 17px, #FFE082 18px); background-position: 0 28px; }
.animationblondie-kgu-toasty-combo .paper-clip { position: absolute; top: -12px; right: 18px; width: 18px; height: 40px; z-index: 10; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-combo .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 9px; font-weight: 600; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 5px; }
.animationblondie-kgu-toasty-combo .donor-list { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; min-height: 90px; }
.animationblondie-kgu-toasty-combo .donor-row { display: flex; justify-content: space-between; align-items: baseline; height: 18px; line-height: 18px; }
.animationblondie-kgu-toasty-combo .donor-amt { color: #E65100; font-weight: 600; }
.animationblondie-kgu-toasty-combo .child-stats { position: relative; width: var(--kgu-combo-child-stats-width); min-width: 110px; max-width: 110px; flex-shrink: 0; flex-grow: 0; background: #FFF3E0; padding: 16px 10px 12px 10px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(3deg); text-align: center; background-image: linear-gradient(#FFCC80 1px, transparent 1px), linear-gradient(90deg, #FFCC80 1px, transparent 1px); background-size: 12px 12px; }
.animationblondie-kgu-toasty-combo .sun-pin { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; z-index: 10; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-combo .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 9px; font-weight: 700; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 3px; }
.animationblondie-kgu-toasty-combo .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 32px; color: #5D4037; line-height: 1; }
.animationblondie-kgu-toasty-combo .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 13px; color: #8D6E63; }

/* Toasty Side */
.animationblondie-kgu-toasty-side { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; }
.animationblondie-kgu-toasty-side .main-note { position: relative; width: var(--kgu-side-main-width); background: #FFF9C4; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-side .pin-svg { position: absolute; top: -12px; width: 28px; height: 28px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-side .pin-svg.left { left: 8px; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-side .pin-svg.right { right: 8px; transform: rotate(15deg); }
.animationblondie-kgu-toasty-side .main-content { text-align: center; }
.animationblondie-kgu-toasty-side .toast-mascot { width: 65px; height: 56px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08)); animation: animationblondie-kgu-float 3s ease-in-out infinite; }
.animationblondie-kgu-toasty-side .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #5D4037; margin-bottom: 6px; }
.animationblondie-kgu-toasty-side .bar-wrapper { background: #FFFDE7; border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-side .toast-bar { height: var(--kgu-side-bar-height); width: 0%; border-radius: 10px; background: #FFE082; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-toasty-side .toast-bar::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: toasty-shimmer 2.5s ease-in-out infinite; }
.animationblondie-kgu-toasty-side .toast-bar::after { content: ''; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: white; opacity: 0.2; border-radius: 6px; }
.animationblondie-kgu-toasty-side .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; margin-top: 6px; }
.animationblondie-kgu-toasty-side .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-toasty-side .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFFDE7; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #FFE082 16px, #FFE082 17px); background-position: 0 26px; }
.animationblondie-kgu-toasty-side .paper-clip { position: absolute; top: -10px; right: 12px; width: 16px; height: 36px; z-index: 10; transform: rotate(-8deg); }
.animationblondie-kgu-toasty-side .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 600; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-toasty-side .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-toasty-side .donor-row { display: flex; justify-content: space-between; align-items: baseline; height: 17px; line-height: 17px; }
.animationblondie-kgu-toasty-side .donor-amt { color: #E65100; font-weight: 600; }
.animationblondie-kgu-toasty-side .child-stats { position: relative; width: var(--kgu-side-child-width); background: #FFF3E0; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(-2deg); text-align: center; background-image: linear-gradient(#FFCC80 1px, transparent 1px), linear-gradient(90deg, #FFCC80 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-toasty-side .sun-pin { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 22px; height: 22px; z-index: 10; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-side .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-toasty-side .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #5D4037; line-height: 1; }
.animationblondie-kgu-toasty-side .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8D6E63; }

/* ═══════════════════════════════════════════════════════════════════
   KAWAII BAKERY THEME
   ═══════════════════════════════════════════════════════════════════ */

@keyframes bakery-shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(200%); }
}

.animationblondie-kgu-bakery-simple { position: relative; width: var(--kgu-simple-width); }
.animationblondie-kgu-bakery-simple .main-note { position: relative; background: #FDF2F4; border-radius: var(--kgu-border-radius); padding: var(--kgu-simple-padding); box-shadow: var(--kgu-shadow); border: 3px solid #F8D7DA; overflow: visible; }
.animationblondie-kgu-bakery-simple .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cpath d=%27M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4%27 fill=%27none%27 stroke=%27%23E8B4B8%27 stroke-width=%271.5%27 opacity=%270.4%27/%3E%3C/svg%3E"); background-size: 50px 50px; pointer-events: none; opacity: 0.6; }
.animationblondie-kgu-bakery-simple .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-bakery-simple .cupcake-mascot { width: 70px; height: 60px; margin: 0 auto 4px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-bakery-simple .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-simple-title-size); color: #8B5A5A; margin-bottom: 8px; }
.animationblondie-kgu-bakery-simple .main-title::before, .animationblondie-kgu-bakery-simple .main-title::after { content: '¶5'; color: #E8A0A0; font-size: 10px; margin: 0 6px; }
.animationblondie-kgu-bakery-simple .bar-wrapper { background: #FFF5F5; border-radius: 16px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 2px solid #F8D7DA; }
.animationblondie-kgu-bakery-simple .macaron-bar { height: var(--kgu-simple-bar-height); width: 0%; border-radius: 12px; background: linear-gradient(90deg, #FFB6C1 0%, #FFB6C1 25%, #87CEEB 25%, #87CEEB 50%, #FFE4B5 50%, #FFE4B5 75%, #98D8AA 75%, #98D8AA 100%); background-size: 60px 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-bakery-simple .macaron-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); animation: bakery-shimmer 3s ease-in-out infinite; }
.animationblondie-kgu-bakery-simple .main-values { font-family: 'Patrick Hand', cursive; font-size: var(--kgu-simple-values-size); color: #8B5A5A; margin-top: 8px; }
.animationblondie-kgu-bakery-simple .rolling-pin { position: absolute; bottom: -8px; right: -8px; width: 35px; height: 35px; z-index: 100; transform: rotate(-25deg); filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }

/* Bakery Combo */
.animationblondie-kgu-bakery-combo { position: relative; width: var(--kgu-combo-width); padding-bottom: var(--kgu-combo-spacing); }
.animationblondie-kgu-bakery-combo .main-note { position: relative; background: #FDF2F4; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); box-shadow: var(--kgu-shadow); border: 3px solid #F8D7DA; overflow: visible; }
.animationblondie-kgu-bakery-combo .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cpath d=%27M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4%27 fill=%27none%27 stroke=%27%23E8B4B8%27 stroke-width=%271.5%27 opacity=%270.4%27/%3E%3C/svg%3E"); background-size: 50px 50px; pointer-events: none; opacity: 0.6; border-radius: var(--kgu-border-radius); }
.animationblondie-kgu-bakery-combo .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-bakery-combo .cupcake-mascot { width: 65px; height: 55px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-bakery-combo .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #8B5A5A; margin-bottom: 6px; }
.animationblondie-kgu-bakery-combo .main-title::before, .animationblondie-kgu-bakery-combo .main-title::after { content: '¶5'; color: #E8A0A0; font-size: 10px; margin: 0 5px; }
.animationblondie-kgu-bakery-combo .bar-wrapper { background: #FFF5F5; border-radius: 18px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 2px solid #F8D7DA; }
.animationblondie-kgu-bakery-combo .macaron-bar { height: var(--kgu-combo-bar-height); width: 0%; border-radius: 14px; background: linear-gradient(90deg, #FFB6C1 0%, #FFB6C1 25%, #87CEEB 25%, #87CEEB 50%, #FFE4B5 50%, #FFE4B5 75%, #98D8AA 75%, #98D8AA 100%); background-size: 60px 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-bakery-combo .macaron-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); animation: bakery-shimmer 3s ease-in-out infinite; }
.animationblondie-kgu-bakery-combo .rolling-pin { position: absolute; bottom: -25px; right: -10px; width: 40px; height: 40px; z-index: 9999; transform: rotate(-25deg); filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-bakery-combo .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #8B5A5A; margin-top: 6px; }
.animationblondie-kgu-bakery-combo .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-bakery-combo.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-bakery-combo.kgu-no-child-cards { padding-bottom: 18px; }
.animationblondie-kgu-bakery-combo .child-notes { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px; z-index: 1; }
.animationblondie-kgu-bakery-combo .child-notes.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-bakery-combo .child-notes.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-bakery-combo .child-notes.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-bakery-combo .child-notes.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }
.animationblondie-kgu-bakery-combo.kgu-single-card.kgu-stats-only { padding-bottom: 85px; }
.animationblondie-kgu-bakery-combo.kgu-single-card.kgu-donors-only { padding-bottom: 130px; }
.animationblondie-kgu-bakery-combo .child-donors { position: relative; width: var(--kgu-combo-child-donors-width); min-width: var(--kgu-combo-child-donors-width); flex-shrink: 0; background: #FFF0F2; padding: 14px 10px 10px 10px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(-2deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 17px, #F8D7DA 17px, #F8D7DA 18px); background-position: 0 28px; }
.animationblondie-kgu-bakery-combo .paperclip { position: absolute; top: -8px; right: 15px; width: 20px; height: 40px; z-index: 10; }
.animationblondie-kgu-bakery-combo .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 9px; font-weight: 700; color: #C27878; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 5px; }
.animationblondie-kgu-bakery-combo .donor-list { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8B5A5A; min-height: 90px; }
.animationblondie-kgu-bakery-combo .donor-row { display: flex; justify-content: space-between; align-items: center; height: 18px; line-height: 18px; }
.animationblondie-kgu-bakery-combo .donor-amt { color: #C27878; font-weight: 600; }
.animationblondie-kgu-bakery-combo .child-stats { position: relative; width: var(--kgu-combo-child-stats-width); min-width: 110px; max-width: 110px; flex-shrink: 0; flex-grow: 0; background: #FFF9E6; padding: 16px 10px 12px 10px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(2deg); text-align: center; border-radius: 4px; background-image: linear-gradient(#F0E6D0 1px, transparent 1px), linear-gradient(90deg, #F0E6D0 1px, transparent 1px); background-size: 12px 12px; }
.animationblondie-kgu-bakery-combo .tape { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 45px; height: 14px; background: rgba(255, 235, 205, 0.8); border-radius: 2px; z-index: 10; }
.animationblondie-kgu-bakery-combo .gingerbread { position: absolute; bottom: 8px; right: 8px; width: 22px; height: 22px; }
.animationblondie-kgu-bakery-combo .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 9px; font-weight: 700; color: #A08050; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 3px; }
.animationblondie-kgu-bakery-combo .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 32px; color: #8B6914; line-height: 1; }
.animationblondie-kgu-bakery-combo .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 13px; color: #A08050; }

/* Bakery Side */
.animationblondie-kgu-bakery-side { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; }
.animationblondie-kgu-bakery-side .main-note { position: relative; width: var(--kgu-side-main-width); background: #FDF2F4; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 3px solid #F8D7DA; overflow: visible; }
.animationblondie-kgu-bakery-side .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cpath d=%27M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4%27 fill=%27none%27 stroke=%27%23E8B4B8%27 stroke-width=%271.5%27 opacity=%270.4%27/%3E%3C/svg%3E"); background-size: 40px 40px; pointer-events: none; opacity: 0.5; border-radius: var(--kgu-border-radius); }
.animationblondie-kgu-bakery-side .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-bakery-side .cupcake-mascot { width: 55px; height: 48px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-bakery-side .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #8B5A5A; margin-bottom: 6px; }
.animationblondie-kgu-bakery-side .main-title::before, .animationblondie-kgu-bakery-side .main-title::after { content: '¶5'; color: #E8A0A0; font-size: 8px; margin: 0 4px; }
.animationblondie-kgu-bakery-side .bar-wrapper { background: #FFF5F5; border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 2px solid #F8D7DA; }
.animationblondie-kgu-bakery-side .macaron-bar { height: var(--kgu-side-bar-height); width: 0%; border-radius: 10px; background: linear-gradient(90deg, #FFB6C1 0%, #FFB6C1 25%, #87CEEB 25%, #87CEEB 50%, #FFE4B5 50%, #FFE4B5 75%, #98D8AA 75%, #98D8AA 100%); background-size: 50px 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-bakery-side .macaron-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); animation: bakery-shimmer 3s ease-in-out infinite; }
.animationblondie-kgu-bakery-side .rolling-pin { position: absolute; bottom: -10px; right: -8px; width: 32px; height: 32px; z-index: 100; transform: rotate(-25deg); filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-bakery-side .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8B5A5A; margin-top: 6px; }
.animationblondie-kgu-bakery-side .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-bakery-side .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF0F2; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #F8D7DA 16px, #F8D7DA 17px); background-position: 0 26px; }
.animationblondie-kgu-bakery-side .paperclip { position: absolute; top: -6px; right: 12px; width: 16px; height: 32px; z-index: 10; }
.animationblondie-kgu-bakery-side .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #C27878; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-bakery-side .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #8B5A5A; min-height: 85px; }
.animationblondie-kgu-bakery-side .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-bakery-side .donor-amt { color: #C27878; font-weight: 600; }
.animationblondie-kgu-bakery-side .child-stats { position: relative; width: var(--kgu-side-child-width); background: #FFF9E6; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border-radius: 4px; background-image: linear-gradient(#F0E6D0 1px, transparent 1px), linear-gradient(90deg, #F0E6D0 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-bakery-side .tape { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 40px; height: 12px; background: rgba(255, 235, 205, 0.8); border-radius: 2px; z-index: 10; }
.animationblondie-kgu-bakery-side .gingerbread { position: absolute; bottom: 6px; right: 6px; width: 18px; height: 18px; }
.animationblondie-kgu-bakery-side .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #A08050; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-bakery-side .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #8B6914; line-height: 1; }
.animationblondie-kgu-bakery-side .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #A08050; }

/* ═══════════════════════════════════════════════════════════════════
   KAWAII KITCHEN THEME
   ═══════════════════════════════════════════════════════════════════ */

@keyframes kitchen-donut-bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-2px); }
}

/* Kitchen bar - rainbow gradient matching the kitchen palette */
.kitchen-bar {
border-radius: 12px;
background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA, #FFB6C1);
background-size: 80px 100%;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
position: relative;
overflow: hidden;
}
.kitchen-bar::after {
content: "";
position: absolute;
top: 0; left: 0; width: 50%; height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
animation: toasty-shimmer 2.5s ease-in-out infinite;
}

.animationblondie-kgu-kitchen-simple { position: relative; width: var(--kgu-simple-width); }
.animationblondie-kgu-kitchen-simple .main-note { position: relative; background-color: #f8f9fa; background-image: linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%); background-size: 20px 20px, 20px 20px, 100% 100%; border-radius: var(--kgu-border-radius); padding: var(--kgu-simple-padding); padding-top: 18px; box-shadow: var(--kgu-shadow); border: 3px solid #8BCACA; }
.animationblondie-kgu-kitchen-simple .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 8px; background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA, #FFB6C1); border-radius: 9px 9px 0 0; }
.animationblondie-kgu-kitchen-simple .pin-donut { position: absolute; top: -12px; width: 28px; height: 28px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-kitchen-simple .pin-donut.left { left: 15px; }
.animationblondie-kgu-kitchen-simple .pin-donut.right { right: 15px; }
.animationblondie-kgu-kitchen-simple .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-kitchen-simple .pancake-mascot { width: 75px; height: 60px; margin: 0 auto 4px auto; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); }
.animationblondie-kgu-kitchen-simple .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-simple-title-size); color: #2F6B6B; margin-bottom: 8px; }
.animationblondie-kgu-kitchen-simple .main-title::before, .animationblondie-kgu-kitchen-simple .main-title::after { content: '¶5'; color: #5A9A9A; font-size: 10px; margin: 0 5px; }
.animationblondie-kgu-kitchen-simple .bar-wrapper { background: #FFF9F0; border-radius: 20px; padding: 4px 6px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #E8D8C8; }
.animationblondie-kgu-kitchen-simple .kitchen-bar { height: var(--kgu-simple-bar-height); width: 0%; }
.animationblondie-kgu-kitchen-simple .main-values { font-family: 'Patrick Hand', cursive; font-size: var(--kgu-simple-values-size); color: #2F6B6B; margin-top: 8px; }

/* Kitchen Combo */
.animationblondie-kgu-kitchen-combo { position: relative; width: var(--kgu-combo-width); padding-bottom: var(--kgu-combo-spacing); }
.animationblondie-kgu-kitchen-combo .main-note { position: relative; background-color: #f8f9fa; background-image: linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%); background-size: 22px 22px, 22px 22px, 100% 100%; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); padding-top: 20px; box-shadow: var(--kgu-shadow); border: 3px solid #8BCACA; }
.animationblondie-kgu-kitchen-combo .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 10px; background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA, #FFB6C1, #87CEEB); border-radius: 9px 9px 0 0; }
.animationblondie-kgu-kitchen-combo .pin-donut { position: absolute; top: -14px; width: 32px; height: 32px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-kitchen-combo .pin-donut.left { left: 18px; }
.animationblondie-kgu-kitchen-combo .pin-donut.right { right: 18px; }
.animationblondie-kgu-kitchen-combo .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-kitchen-combo .pancake-mascot { width: 70px; height: 55px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); }
.animationblondie-kgu-kitchen-combo .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #2F6B6B; margin-bottom: 6px; }
.animationblondie-kgu-kitchen-combo .main-title::before, .animationblondie-kgu-kitchen-combo .main-title::after { content: '¶5'; color: #5A9A9A; font-size: 9px; margin: 0 4px; }
.animationblondie-kgu-kitchen-combo .bar-wrapper { background: #FFF9F0; border-radius: 22px; padding: 4px 8px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #E8D8C8; }
.animationblondie-kgu-kitchen-combo .kitchen-bar { height: var(--kgu-combo-bar-height); width: 0%; }
.animationblondie-kgu-kitchen-combo .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #2F6B6B; margin-top: 6px; }
.animationblondie-kgu-kitchen-combo .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-kitchen-combo.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-kitchen-combo.kgu-no-child-cards { padding-bottom: 18px; }
.animationblondie-kgu-kitchen-combo .child-notes { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px; z-index: 1; }
.animationblondie-kgu-kitchen-combo .child-notes.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-kitchen-combo .child-notes.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-kitchen-combo .child-notes.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-kitchen-combo .child-notes.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }
.animationblondie-kgu-kitchen-combo.kgu-single-card.kgu-stats-only { padding-bottom: 115px; }
.animationblondie-kgu-kitchen-combo.kgu-single-card.kgu-donors-only { padding-bottom: 130px; }
.animationblondie-kgu-kitchen-combo .child-donors { position: relative; width: var(--kgu-combo-child-donors-width); min-width: var(--kgu-combo-child-donors-width); flex-shrink: 0; background: #FFF9B0; padding: 16px 10px 10px 10px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(-2deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 17px, #E8D88C 17px, #E8D88C 18px); background-position: 0 30px; }
.animationblondie-kgu-kitchen-combo .rolling-pin { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 80px; height: 24px; z-index: 10; }
.animationblondie-kgu-kitchen-combo .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 9px; font-weight: 700; color: #8B7355; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 5px; }
.animationblondie-kgu-kitchen-combo .donor-list { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; min-height: 90px; }
.animationblondie-kgu-kitchen-combo .donor-row { display: flex; justify-content: space-between; align-items: center; height: 18px; line-height: 18px; }
.animationblondie-kgu-kitchen-combo .donor-amt { color: #8B6914; font-weight: 600; }
.animationblondie-kgu-kitchen-combo .child-stats { position: relative; width: var(--kgu-combo-child-stats-width); min-width: 110px; max-width: 110px; flex-shrink: 0; flex-grow: 0; background: linear-gradient(180deg, #D8D8D8 0%, #B8B8B8 100%); padding: 18px 12px 14px 12px; box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.25); transform: rotate(2deg); text-align: center; border-radius: 12px; border: 3px solid #A8A8A8; }
.animationblondie-kgu-kitchen-combo .child-stats::before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background: linear-gradient(180deg, #F5F5F5 0%, #E8E8E8 100%); border-radius: 8px; border: 2px solid #C8C8C8; z-index: 0; }
.animationblondie-kgu-kitchen-combo .oven-mitt { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 38px; z-index: 10; }
.animationblondie-kgu-kitchen-combo .oven-mitt.left { left: -16px; }
.animationblondie-kgu-kitchen-combo .oven-mitt.right { right: -16px; transform: translateY(-50%) scaleX(-1); }
.animationblondie-kgu-kitchen-combo .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 9px; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-combo .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 30px; color: #5A5A5A; line-height: 1; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-combo .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 13px; color: #666; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-combo .oven-icon { width: 32px; height: 28px; margin: 4px auto 0 auto; position: relative; z-index: 1; }

/* Kitchen Side */
.animationblondie-kgu-kitchen-side { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; }
.animationblondie-kgu-kitchen-side .main-note { position: relative; width: var(--kgu-side-main-width); background-color: #f8f9fa; background-image: linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%); background-size: 18px 18px, 18px 18px, 100% 100%; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); padding-top: 16px; box-shadow: var(--kgu-shadow); border: 3px solid #8BCACA; }
.animationblondie-kgu-kitchen-side .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 7px; background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA); border-radius: 9px 9px 0 0; }
.animationblondie-kgu-kitchen-side .pin-donut { position: absolute; top: -10px; width: 24px; height: 24px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-kitchen-side .pin-donut.left { left: 12px; }
.animationblondie-kgu-kitchen-side .pin-donut.right { right: 12px; }
.animationblondie-kgu-kitchen-side .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-kitchen-side .pancake-mascot { width: 58px; height: 46px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-kitchen-side .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #2F6B6B; margin-bottom: 6px; }
.animationblondie-kgu-kitchen-side .main-title::before, .animationblondie-kgu-kitchen-side .main-title::after { content: '¶5'; color: #5A9A9A; font-size: 8px; margin: 0 3px; }
.animationblondie-kgu-kitchen-side .bar-wrapper { background: #FFF9F0; border-radius: 16px; padding: 3px 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #E8D8C8; }
.animationblondie-kgu-kitchen-side .kitchen-bar { height: var(--kgu-side-bar-height); width: 0%; }
.animationblondie-kgu-kitchen-side .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #2F6B6B; margin-top: 6px; }
.animationblondie-kgu-kitchen-side .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-kitchen-side .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF9B0; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #E8D88C 16px, #E8D88C 17px); background-position: 0 26px; }
.animationblondie-kgu-kitchen-side .rolling-pin { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 70px; height: 20px; z-index: 10; }
.animationblondie-kgu-kitchen-side .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8B7355; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-kitchen-side .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-kitchen-side .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-kitchen-side .donor-amt { color: #8B6914; font-weight: 600; }
.animationblondie-kgu-kitchen-side .child-stats { position: relative; width: var(--kgu-side-child-width); background: linear-gradient(180deg, #D8D8D8 0%, #B8B8B8 100%); padding: 16px 10px 12px 10px; box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.25); transform: rotate(-1deg); text-align: center; border-radius: 10px; border: 2px solid #A8A8A8; }
.animationblondie-kgu-kitchen-side .child-stats::before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background: linear-gradient(180deg, #F5F5F5 0%, #E8E8E8 100%); border-radius: 6px; border: 2px solid #C8C8C8; z-index: 0; }
.animationblondie-kgu-kitchen-side .oven-mitt { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 32px; z-index: 10; }
.animationblondie-kgu-kitchen-side .oven-mitt.left { left: -14px; }
.animationblondie-kgu-kitchen-side .oven-mitt.right { right: -14px; transform: translateY(-50%) scaleX(-1); }
.animationblondie-kgu-kitchen-side .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-side .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 26px; color: #5A5A5A; line-height: 1; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-side .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #666; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-side .oven-icon { width: 26px; height: 22px; margin: 3px auto 0 auto; position: relative; z-index: 1; }

    /* =====================================================
       WITCHY MAGIC THEME - All 3 Layouts
       By AnimationBlondie
       ===================================================== */

    /* Sparkle pattern animation for witchy bar */
    @keyframes animationblondie-kgu-sparkle-slide {
      0% { background-position: 0 0, 10px 10px, 5px 5px; }
      100% { background-position: 15px 0, 25px 10px, 20px 5px; }
    }

    /* === SIMPLE LAYOUT === */
    .animationblondie-kgu-witchy-simple {
      position: relative;
      width: var(--kgu-simple-width);
    }

    .animationblondie-kgu-witchy-simple .main-note {
      position: relative;
      background: #E0D4FC;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-simple-padding);
      box-shadow: var(--kgu-shadow);
    }

    .animationblondie-kgu-witchy-simple .moon-deco {
      position: absolute;
      top: -14px;
      width: 36px;
      height: 36px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-witchy-simple .moon-deco.left {
      left: -8px;
      transform: rotate(-20deg);
    }

    .animationblondie-kgu-witchy-simple .moon-deco.right {
      right: -8px;
      transform: rotate(15deg) scaleX(-1);
    }

    .animationblondie-kgu-witchy-simple .main-content {
      text-align: center;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-witchy-simple .mascot-icon {
      width: 65px;
      height: 55px;
      margin: 0 auto 4px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
      transform: rotate(-2deg);
    }

    .animationblondie-kgu-witchy-simple .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-simple-title-size);
      color: #6A5F80;
      margin-bottom: 8px;
      transform: rotate(-1deg);
      opacity: 0.9;
    }

    .animationblondie-kgu-witchy-simple .bar-wrapper {
      background: #CBBCE6;
      border-radius: 20px;
      padding: 5px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
      border: 1px solid rgba(179,157,219,0.3);
      overflow: visible;
      position: relative;
    }

    .animationblondie-kgu-witchy-simple .sparkle-bar {
      height: var(--kgu-simple-bar-height);
      width: 70%;
      min-width: 30px;
      border-radius: 16px;
      background-color: #B39DDB;
      background-image:
        radial-gradient(#FFF 15%, transparent 16%),
        radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%),
        radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%);
      background-size: 15px 15px, 24px 24px, 10px 10px;
      background-position: 0 0, 10px 10px, 5px 5px;
      animation: animationblondie-kgu-sparkle-slide 2s linear infinite;
      box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
      position: relative;
    }


    .animationblondie-kgu-witchy-simple .main-values {
      font-family: 'Patrick Hand', cursive;
      font-size: var(--kgu-simple-values-size);
      color: #6A5F80;
      margin-top: 8px;
    }

    /* === COMBO LAYOUT === */
    .animationblondie-kgu-witchy-combo {
      position: relative;
      width: var(--kgu-combo-width);
      padding-bottom: var(--kgu-combo-spacing);
    }

    .animationblondie-kgu-witchy-combo .main-note {
      position: relative;
      background: #E0D4FC;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-combo-padding);
      box-shadow: var(--kgu-shadow);
      z-index: 2;
    }

    .animationblondie-kgu-witchy-combo .moon-deco {
      position: absolute;
      top: -18px;
      width: 44px;
      height: 44px;
      z-index: 20;
      filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.12));
    }

    .animationblondie-kgu-witchy-combo .moon-deco.left {
      left: -12px;
      transform: rotate(-20deg);
    }

    .animationblondie-kgu-witchy-combo .moon-deco.right {
      right: -12px;
      transform: rotate(15deg) scaleX(-1);
    }

    .animationblondie-kgu-witchy-combo .main-content {
      text-align: center;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-witchy-combo .mascot-icon {
      width: 65px;
      height: 50px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
      transform: rotate(-2deg);
    }

    .animationblondie-kgu-witchy-combo .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-combo-title-size);
      color: #6A5F80;
      margin-bottom: 6px;
      transform: rotate(-1deg);
      opacity: 0.9;
    }

    .animationblondie-kgu-witchy-combo .bar-wrapper {
      background: #CBBCE6;
      border-radius: 18px;
      padding: 5px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
      border: 1px solid rgba(179,157,219,0.3);
      overflow: visible;
      position: relative;
    }

    .animationblondie-kgu-witchy-combo .sparkle-bar {
      height: var(--kgu-combo-bar-height);
      width: 65%;
      min-width: 30px;
      border-radius: 14px;
      background-color: #B39DDB;
      background-image:
        radial-gradient(#FFF 15%, transparent 16%),
        radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%),
        radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%);
      background-size: 15px 15px, 24px 24px, 10px 10px;
      background-position: 0 0, 10px 10px, 5px 5px;
      animation: animationblondie-kgu-sparkle-slide 2s linear infinite;
      box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
      position: relative;
    }


    .animationblondie-kgu-witchy-combo .main-values {
      font-family: 'Patrick Hand', cursive;
      font-size: 14px;
      color: #6A5F80;
      margin-top: 6px;
    }

    .animationblondie-kgu-witchy-combo .child-notes {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      z-index: 3;
    }

    .animationblondie-kgu-witchy-combo .child-donors {
      position: relative;
      width: var(--kgu-combo-child-donors-width);
      background: #FEFEFE;
      padding: 14px 10px 10px 10px;
      box-shadow: 2px 4px 8px rgba(0,0,0,0.12);
      transform: rotate(-4deg);
      background-image: repeating-linear-gradient(
        transparent,
        transparent 17px,
        #D1C4E9 17px,
        #D1C4E9 18px
      );
      background-position: 0 28px;
    }

    .animationblondie-kgu-witchy-combo .paperclip {
      position: absolute;
      top: -14px;
      right: 22px;
      width: 26px;
      height: 50px;
      z-index: 30;
      transform: rotate(-5deg);
    }

    .animationblondie-kgu-witchy-combo .child-donors-title {
      font-family: 'Fredoka', sans-serif;
      font-size: 10px;
      font-weight: 700;
      color: #8E86A0;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: center;
      margin-bottom: 4px;
    }

    .animationblondie-kgu-witchy-combo .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 13px;
      color: #6A5F80;
      min-height: 90px; /* 5 rows × 18px */
    }

    .animationblondie-kgu-witchy-combo .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 18px;
      line-height: 18px;
    }

    .animationblondie-kgu-witchy-combo .donor-amt {
      color: #7E57C2;
      font-weight: 700;
    }

    .animationblondie-kgu-witchy-combo .child-stats {
      position: relative;
      width: var(--kgu-combo-child-stats-width);
      background: #F2EBFF;
      padding: 18px 10px 12px 10px;
      box-shadow: 2px 4px 8px rgba(0,0,0,0.12);
      transform: rotate(3deg);
      text-align: center;
      border: 1px solid #E0D4FC;
      background-image:
        linear-gradient(#D1C4E9 1.5px, transparent 1.5px),
        linear-gradient(90deg, #D1C4E9 1.5px, transparent 1.5px);
      background-size: 20px 20px;
      background-position: center 10px;
    }

    .animationblondie-kgu-witchy-combo .washi-tape {
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%) rotate(2deg);
      width: 70px;
      height: 18px;
      background: linear-gradient(90deg,
        #B39DDB 0%, #B39DDB 33%,
        #D1C4E9 33%, #D1C4E9 66%,
        #9575CD 66%, #9575CD 100%);
      opacity: 0.85;
      z-index: 10;
    }

    .animationblondie-kgu-witchy-combo .witch-icon {
      width: 28px;
      height: 24px;
      margin: 0 auto 4px auto;
    }

    .animationblondie-kgu-witchy-combo .child-stats-label {
      font-family: 'Fredoka', sans-serif;
      font-size: 10px;
      font-weight: 700;
      color: #8E86A0;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 2px;
    }

    .animationblondie-kgu-witchy-combo .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 40px;
      color: #6A5F80;
      font-weight: 700;
      line-height: 1;
    }

    .animationblondie-kgu-witchy-combo .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 16px;
      color: #8E86A0;
    }

    /* === SIDE PANEL LAYOUT === */
    .animationblondie-kgu-witchy-side {
      display: flex;
      gap: var(--kgu-side-gap);
      align-items: flex-start;
    }

    .animationblondie-kgu-witchy-side .main-note {
      position: relative;
      width: var(--kgu-side-main-width);
      background: #E0D4FC;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-side-padding);
      box-shadow: var(--kgu-shadow);
    }

    .animationblondie-kgu-witchy-side .moon-deco {
      position: absolute;
      top: -12px;
      width: 32px;
      height: 32px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-witchy-side .moon-deco.left {
      left: -6px;
      transform: rotate(-20deg);
    }

    .animationblondie-kgu-witchy-side .moon-deco.right {
      right: -6px;
      transform: rotate(15deg) scaleX(-1);
    }

    .animationblondie-kgu-witchy-side .main-content {
      text-align: center;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-witchy-side .mascot-icon {
      width: 55px;
      height: 46px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
      transform: rotate(-2deg);
    }

    .animationblondie-kgu-witchy-side .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-side-title-size);
      color: #6A5F80;
      margin-bottom: 6px;
      transform: rotate(-1deg);
      opacity: 0.9;
    }

    .animationblondie-kgu-witchy-side .bar-wrapper {
      background: #CBBCE6;
      border-radius: 18px;
      padding: 4px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
      border: 1px solid rgba(179,157,219,0.3);
      overflow: visible;
      position: relative;
    }

    .animationblondie-kgu-witchy-side .sparkle-bar {
      height: var(--kgu-side-bar-height);
      width: 70%;
      min-width: 24px;
      border-radius: 14px;
      background-color: #B39DDB;
      background-image:
        radial-gradient(#FFF 15%, transparent 16%),
        radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%),
        radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%);
      background-size: 12px 12px, 18px 18px, 8px 8px;
      background-position: 0 0, 8px 8px, 4px 4px;
      animation: animationblondie-kgu-sparkle-slide 2s linear infinite;
      box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
      position: relative;
    }

    .animationblondie-kgu-witchy-side .child-stack {
      display: flex;
      flex-direction: column;
      gap: var(--kgu-side-child-gap);
    }

    .animationblondie-kgu-witchy-side .child-donors {
      position: relative;
      width: var(--kgu-side-child-width);
      background: #FEFEFE;
      padding: 14px 8px 8px 8px;
      box-shadow: 2px 4px 8px rgba(0,0,0,0.12);
      transform: rotate(1deg);
      background-image: repeating-linear-gradient(
        transparent,
        transparent 16px,
        #D1C4E9 16px,
        #D1C4E9 17px
      );
      background-position: 0 26px;
    }

    .animationblondie-kgu-witchy-side .paperclip {
      position: absolute;
      top: -12px;
      right: 14px;
      width: 22px;
      height: 44px;
      z-index: 30;
      transform: rotate(-5deg);
    }

    .animationblondie-kgu-witchy-side .child-donors-title {
      font-family: 'Fredoka', sans-serif;
      font-size: 8px;
      font-weight: 700;
      color: #8E86A0;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      text-align: center;
      margin-bottom: 4px;
    }

    .animationblondie-kgu-witchy-side .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 11px;
      color: #6A5F80;
      min-height: 80px; /* 5 rows × 16px */
    }

    .animationblondie-kgu-witchy-side .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 16px;
      line-height: 16px;
    }

    .animationblondie-kgu-witchy-side .donor-amt {
      color: #7E57C2;
      font-weight: 700;
    }

    .animationblondie-kgu-witchy-side .child-stats {
      position: relative;
      width: var(--kgu-side-child-width);
      background: #F2EBFF;
      padding: 16px 8px 10px 8px;
      box-shadow: 2px 4px 8px rgba(0,0,0,0.12);
      transform: rotate(-2deg);
      text-align: center;
      border: 1px solid #E0D4FC;
      background-image:
        linear-gradient(#D1C4E9 1px, transparent 1px),
        linear-gradient(90deg, #D1C4E9 1px, transparent 1px);
      background-size: 16px 16px;
      background-position: center 8px;
    }

    .animationblondie-kgu-witchy-side .washi-tape {
      position: absolute;
      top: -8px;
      left: 50%;
      transform: translateX(-50%) rotate(1deg);
      width: 55px;
      height: 14px;
      background: linear-gradient(90deg,
        #B39DDB 0%, #B39DDB 33%,
        #D1C4E9 33%, #D1C4E9 66%,
        #9575CD 66%, #9575CD 100%);
      opacity: 0.85;
      z-index: 10;
    }

    .animationblondie-kgu-witchy-side .witch-icon {
      width: 22px;
      height: 18px;
      margin-bottom: 2px;
    }

    .animationblondie-kgu-witchy-side .child-stats-label {
      font-family: 'Fredoka', sans-serif;
      font-size: 8px;
      font-weight: 700;
      color: #8E86A0;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin-bottom: 2px;
    }

    .animationblondie-kgu-witchy-side .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 32px;
      color: #6A5F80;
      font-weight: 700;
      line-height: 1;
    }

    .animationblondie-kgu-witchy-side .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 14px;
      color: #8E86A0;
    }


/* Combo values visibility for witchy */
.animationblondie-kgu-witchy-combo .main-values.kgu-combo-values-hidden {
  display: none;
}

.animationblondie-kgu-witchy-combo.kgu-no-child-cards .main-values {
  display: block;
  margin-top: 8px;
  text-align: center;
}

.animationblondie-kgu-witchy-combo.kgu-no-child-cards {
  padding-bottom: 18px;
}


/* Child card visibility for witchy combo */
.animationblondie-kgu-witchy-combo .child-notes.kgu-donors-hidden {
  justify-content: flex-end;
}

.animationblondie-kgu-witchy-combo .child-notes.kgu-stats-hidden {
  justify-content: flex-start;
}

.animationblondie-kgu-witchy-combo .child-notes.kgu-donors-hidden.kgu-swapped {
  justify-content: flex-start;
}

.animationblondie-kgu-witchy-combo .child-notes.kgu-stats-hidden.kgu-swapped {
  justify-content: flex-end;
}


/* Single card spacing for witchy combo */
.animationblondie-kgu-witchy-combo.kgu-single-card.kgu-stats-only {
  padding-bottom: 85px;
}

.animationblondie-kgu-witchy-combo.kgu-single-card.kgu-donors-only {
  padding-bottom: 130px;
}


/* Flex constraints for witchy combo child cards */
.animationblondie-kgu-witchy-combo .child-donors {
  min-width: var(--kgu-combo-child-donors-width);
  flex-shrink: 0;
}

.animationblondie-kgu-witchy-combo .child-stats {
  min-width: 110px;
  max-width: 110px;
  flex-shrink: 0;
  flex-grow: 0;
}


    /* =====================================================
       TOASTY THEME - All 3 Layouts
       By AnimationBlondie
       ===================================================== */

    /* Shimmer animation for progress bar */
    @keyframes toasty-shimmer {
      0% { transform: translateX(-100%); }
      100% { transform: translateX(200%); }
    }

    /* === SIMPLE LAYOUT === */
    .animationblondie-kgu-toasty-simple {
      position: relative;
      width: var(--kgu-simple-width);
    }

    .animationblondie-kgu-toasty-simple .main-note {
      position: relative;
      background: #FFF9C4;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-simple-padding);
      box-shadow: var(--kgu-shadow);
      border: 1px solid #FFF59D;
    }

    .animationblondie-kgu-toasty-simple .pin-svg {
      position: absolute;
      top: -14px;
      width: 32px;
      height: 32px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-toasty-simple .pin-svg.left { left: 8px; transform: rotate(-10deg); }
    .animationblondie-kgu-toasty-simple .pin-svg.right { right: 8px; transform: rotate(15deg); }

    .animationblondie-kgu-toasty-simple .main-content {
      text-align: center;
    }

    .animationblondie-kgu-toasty-simple .toast-mascot {
      width: 80px;
      height: 70px;
      margin: 0 auto 4px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
      animation: animationblondie-kgu-float 3s ease-in-out infinite;
    }

    .animationblondie-kgu-toasty-simple .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-simple-title-size);
      color: #5D4037;
      margin-bottom: 8px;
    }

    .animationblondie-kgu-toasty-simple .bar-wrapper {
      background: #FFFDE7;
      border-radius: 16px;
      padding: 5px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
      border: 1px solid #FFF59D;
    }

    .animationblondie-kgu-toasty-simple .toast-bar {
      height: var(--kgu-simple-bar-height);
      width: 70%;
      border-radius: 12px;
      background: #FFE082;
      box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
      position: relative;
      overflow: hidden;
    }

    .animationblondie-kgu-toasty-simple .toast-bar::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
      animation: toasty-shimmer 2.5s ease-in-out infinite;
    }

    .animationblondie-kgu-toasty-simple .toast-bar::after {
      content: '';
      position: absolute;
      top: 2px;
      left: 4px;
      right: 4px;
      height: 40%;
      background: white;
      opacity: 0.2;
      border-radius: 8px;
    }

    .animationblondie-kgu-toasty-simple .main-values {
      font-family: 'Patrick Hand', cursive;
      font-size: 14px;
      color: #5D4037;
      margin-top: 8px;
    }

    /* === COMBO LAYOUT (Vertical) === */
    .animationblondie-kgu-toasty-combo {
      position: relative;
      width: var(--kgu-combo-width);
      padding-bottom: var(--kgu-combo-spacing);
    }

    .animationblondie-kgu-toasty-combo .main-note {
      position: relative;
      background: #FFF9C4;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-combo-padding);
      box-shadow: var(--kgu-shadow);
      border: 1px solid #FFF59D;
      z-index: 2;
    }

    .animationblondie-kgu-toasty-combo .pin-svg {
      position: absolute;
      top: -16px;
      width: 36px;
      height: 36px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-toasty-combo .pin-svg.left { left: 10px; transform: rotate(-10deg); }
    .animationblondie-kgu-toasty-combo .pin-svg.right { right: 10px; transform: rotate(15deg); }

    .animationblondie-kgu-toasty-combo .main-content {
      text-align: center;
    }

    .animationblondie-kgu-toasty-combo .toast-mascot {
      width: 75px;
      height: 65px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
      animation: animationblondie-kgu-float 3s ease-in-out infinite;
    }

    .animationblondie-kgu-toasty-combo .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-combo-title-size);
      color: #5D4037;
      margin-bottom: 6px;
    }

    .animationblondie-kgu-toasty-combo .bar-wrapper {
      background: #FFFDE7;
      border-radius: 18px;
      padding: 5px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
      border: 1px solid #FFF59D;
    }

    .animationblondie-kgu-toasty-combo .toast-bar {
      height: var(--kgu-combo-bar-height);
      width: 65%;
      border-radius: 14px;
      background: #FFE082;
      box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
      position: relative;
      overflow: hidden;
    }

    .animationblondie-kgu-toasty-combo .toast-bar::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
      animation: toasty-shimmer 2.5s ease-in-out infinite;
    }

    .animationblondie-kgu-toasty-combo .toast-bar::after {
      content: '';
      position: absolute;
      top: 2px;
      left: 4px;
      right: 4px;
      height: 40%;
      background: white;
      opacity: 0.2;
      border-radius: 10px;
    }

    /* Child notes - below */
    .animationblondie-kgu-toasty-combo .child-notes {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      z-index: 3;
    }

    .animationblondie-kgu-toasty-combo .child-donors {
      position: relative;
      width: var(--kgu-combo-child-donors-width);
      background: #FFFDE7;
      padding: 14px 10px 10px 10px;
      box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12);
      transform: rotate(-2deg);
      /* Lined paper - yellow notepad style */
      background-image: repeating-linear-gradient(
        transparent,
        transparent 17px,
        #FFE082 17px,
        #FFE082 18px
      );
      background-position: 0 28px;
    }

    .animationblondie-kgu-toasty-combo .paper-clip {
      position: absolute;
      top: -12px;
      right: 18px;
      width: 18px;
      height: 40px;
      z-index: 10;
      transform: rotate(-10deg);
    }

    .animationblondie-kgu-toasty-combo .child-donors-title {
      font-family: 'Nunito', sans-serif;
      font-size: 9px;
      font-weight: 600;
      color: #8D6E63;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 5px;
    }

    .animationblondie-kgu-toasty-combo .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 12px;
      color: #5D4037;
      min-height: 90px; /* 5 rows × 18px */
    }

    .animationblondie-kgu-toasty-combo .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      height: 18px;
      line-height: 18px;
    }

    .animationblondie-kgu-toasty-combo .donor-amt {
      color: #E65100;
      font-weight: 600;
    }

    .animationblondie-kgu-toasty-combo .child-stats {
      position: relative;
      width: var(--kgu-combo-child-stats-width);
      background: #FFF3E0;
      padding: 16px 10px 12px 10px;
      box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12);
      transform: rotate(3deg);
      text-align: center;
      /* Grid paper - orange grid */
      background-image:
        linear-gradient(#FFCC80 1px, transparent 1px),
        linear-gradient(90deg, #FFCC80 1px, transparent 1px);
      background-size: 12px 12px;
    }

    .animationblondie-kgu-toasty-combo .sun-pin {
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 24px;
      height: 24px;
      z-index: 10;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-toasty-combo .child-stats-label {
      font-family: 'Nunito', sans-serif;
      font-size: 9px;
      font-weight: 700;
      color: #8D6E63;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 3px;
    }

    .animationblondie-kgu-toasty-combo .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 32px;
      color: #5D4037;
      line-height: 1;
    }

    .animationblondie-kgu-toasty-combo .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 13px;
      color: #8D6E63;
    }

    /* === SIDE PANEL LAYOUT (Horizontal) === */
    .animationblondie-kgu-toasty-side {
      display: flex;
      gap: var(--kgu-side-gap);
      align-items: flex-start;
    }

    .animationblondie-kgu-toasty-side .main-note {
      position: relative;
      width: var(--kgu-side-main-width);
      background: #FFF9C4;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-side-padding);
      box-shadow: var(--kgu-shadow);
      border: 1px solid #FFF59D;
    }

    .animationblondie-kgu-toasty-side .pin-svg {
      position: absolute;
      top: -12px;
      width: 28px;
      height: 28px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-toasty-side .pin-svg.left { left: 8px; transform: rotate(-10deg); }
    .animationblondie-kgu-toasty-side .pin-svg.right { right: 8px; transform: rotate(15deg); }

    .animationblondie-kgu-toasty-side .main-content {
      text-align: center;
    }

    .animationblondie-kgu-toasty-side .toast-mascot {
      width: 65px;
      height: 56px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
      animation: animationblondie-kgu-float 3s ease-in-out infinite;
    }

    .animationblondie-kgu-toasty-side .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-side-title-size);
      color: #5D4037;
      margin-bottom: 6px;
    }

    .animationblondie-kgu-toasty-side .bar-wrapper {
      background: #FFFDE7;
      border-radius: 14px;
      padding: 4px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
      border: 1px solid #FFF59D;
    }

    .animationblondie-kgu-toasty-side .toast-bar {
      height: var(--kgu-side-bar-height);
      width: 70%;
      border-radius: 10px;
      background: #FFE082;
      box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
      position: relative;
      overflow: hidden;
    }

    .animationblondie-kgu-toasty-side .toast-bar::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
      animation: toasty-shimmer 2.5s ease-in-out infinite;
    }

    .animationblondie-kgu-toasty-side .toast-bar::after {
      content: '';
      position: absolute;
      top: 2px;
      left: 4px;
      right: 4px;
      height: 40%;
      background: white;
      opacity: 0.2;
      border-radius: 6px;
    }

    /* Child stack - right side */
    .animationblondie-kgu-toasty-side .child-stack {
      display: flex;
      flex-direction: column;
      gap: var(--kgu-side-child-gap);
    }

    .animationblondie-kgu-toasty-side .child-donors {
      position: relative;
      width: var(--kgu-side-child-width);
      background: #FFFDE7;
      padding: 14px 8px 8px 8px;
      box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12);
      transform: rotate(1deg);
      /* Lined paper - yellow notepad style */
      background-image: repeating-linear-gradient(
        transparent,
        transparent 16px,
        #FFE082 16px,
        #FFE082 17px
      );
      background-position: 0 26px;
    }

    .animationblondie-kgu-toasty-side .paper-clip {
      position: absolute;
      top: -10px;
      right: 12px;
      width: 16px;
      height: 36px;
      z-index: 10;
      transform: rotate(-8deg);
    }

    .animationblondie-kgu-toasty-side .child-donors-title {
      font-family: 'Nunito', sans-serif;
      font-size: 8px;
      font-weight: 600;
      color: #8D6E63;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 4px;
    }

    .animationblondie-kgu-toasty-side .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 11px;
      color: #5D4037;
      min-height: 85px; /* 5 rows × 17px */
    }

    .animationblondie-kgu-toasty-side .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      height: 17px;
      line-height: 17px;
    }

    .animationblondie-kgu-toasty-side .donor-amt {
      color: #E65100;
      font-weight: 600;
    }

    .animationblondie-kgu-toasty-side .child-stats {
      position: relative;
      width: var(--kgu-side-child-width);
      background: #FFF3E0;
      padding: 14px 8px 10px 8px;
      box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12);
      transform: rotate(-2deg);
      text-align: center;
      /* Grid paper - orange grid */
      background-image:
        linear-gradient(#FFCC80 1px, transparent 1px),
        linear-gradient(90deg, #FFCC80 1px, transparent 1px);
      background-size: 10px 10px;
    }

    .animationblondie-kgu-toasty-side .sun-pin {
      position: absolute;
      top: -9px;
      left: 50%;
      transform: translateX(-50%);
      width: 22px;
      height: 22px;
      z-index: 10;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-toasty-side .child-stats-label {
      font-family: 'Nunito', sans-serif;
      font-size: 8px;
      font-weight: 700;
      color: #8D6E63;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 2px;
    }

    .animationblondie-kgu-toasty-side .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 28px;
      color: #5D4037;
      line-height: 1;
    }

    .animationblondie-kgu-toasty-side .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 12px;
      color: #8D6E63;
    }


/* Combo values visibility for toasty */
.animationblondie-kgu-toasty-combo .main-values.kgu-combo-values-hidden {
  display: none;
}

.animationblondie-kgu-toasty-combo.kgu-no-child-cards .main-values {
  display: block;
  margin-top: 8px;
  text-align: center;
}

.animationblondie-kgu-toasty-combo.kgu-no-child-cards {
  padding-bottom: 18px;
}


/* Child card visibility for toasty combo */
.animationblondie-kgu-toasty-combo .child-notes.kgu-donors-hidden {
  justify-content: flex-end;
}

.animationblondie-kgu-toasty-combo .child-notes.kgu-stats-hidden {
  justify-content: flex-start;
}

.animationblondie-kgu-toasty-combo .child-notes.kgu-donors-hidden.kgu-swapped {
  justify-content: flex-start;
}

.animationblondie-kgu-toasty-combo .child-notes.kgu-stats-hidden.kgu-swapped {
  justify-content: flex-end;
}


/* Single card spacing for toasty combo */
.animationblondie-kgu-toasty-combo.kgu-single-card.kgu-stats-only {
  padding-bottom: 85px;
}

.animationblondie-kgu-toasty-combo.kgu-single-card.kgu-donors-only {
  padding-bottom: 130px;
}


/* Flex constraints for toasty combo child cards */
.animationblondie-kgu-toasty-combo .child-donors {
  min-width: var(--kgu-combo-child-donors-width);
  flex-shrink: 0;
}

.animationblondie-kgu-toasty-combo .child-stats {
  min-width: 110px;
  max-width: 110px;
  flex-shrink: 0;
  flex-grow: 0;
}


    /* =====================================================
       KAWAII BAKERY THEME - All 3 Layouts
       By AnimationBlondie
       ===================================================== */

    /* Shimmer animation for progress bar */
    @keyframes bakery-shimmer {
      0% { transform: translateX(-100%); }
      100% { transform: translateX(200%); }
    }

    /* === SIMPLE LAYOUT === */
    .animationblondie-kgu-bakery-simple {
      position: relative;
      width: var(--kgu-simple-width);
    }

    .animationblondie-kgu-bakery-simple .main-note {
      position: relative;
      background: #FDF2F4;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-simple-padding);
      box-shadow: var(--kgu-shadow);
      border: 3px solid #F8D7DA;
      overflow: visible;
    }

    /* Swirl decorations */
    .animationblondie-kgu-bakery-simple .main-note::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4' fill='none' stroke='%23E8B4B8' stroke-width='1.5' opacity='0.4'/%3E%3C/svg%3E");
      background-size: 50px 50px;
      pointer-events: none;
      opacity: 0.6;
    }

    .animationblondie-kgu-bakery-simple .main-content {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .animationblondie-kgu-bakery-simple .cupcake-mascot {
      width: 70px;
      height: 60px;
      margin: 0 auto 4px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-bakery-simple .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-simple-title-size);
      color: #8B5A5A;
      margin-bottom: 8px;
    }

    .animationblondie-kgu-bakery-simple .main-title::before,
    .animationblondie-kgu-bakery-simple .main-title::after {
      content: '♥';
      color: #E8A0A0;
      font-size: 10px;
      margin: 0 6px;
    }

    .animationblondie-kgu-bakery-simple .bar-wrapper {
      background: #FFF5F5;
      border-radius: 16px;
      padding: 4px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
      border: 2px solid #F8D7DA;
    }

    .animationblondie-kgu-bakery-simple .macaron-bar {
      height: var(--kgu-simple-bar-height);
      width: 70%;
      border-radius: 12px;
      background: linear-gradient(90deg,
        #FFB6C1 0%, #FFB6C1 25%,
        #87CEEB 25%, #87CEEB 50%,
        #FFE4B5 50%, #FFE4B5 75%,
        #98D8AA 75%, #98D8AA 100%);
      background-size: 60px 100%;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      position: relative;
      overflow: hidden;
    }

    .animationblondie-kgu-bakery-simple .macaron-bar::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
      animation: bakery-shimmer 3s ease-in-out infinite;
    }

    .animationblondie-kgu-bakery-simple .main-values {
      font-family: 'Patrick Hand', cursive;
      font-size: var(--kgu-simple-values-size);
      color: #8B5A5A;
      margin-top: 8px;
    }

    .animationblondie-kgu-bakery-simple .rolling-pin {
      position: absolute;
      bottom: -8px;
      right: -8px;
      width: 35px;
      height: 35px;
      z-index: 100;
      transform: rotate(-25deg);
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    /* === COMBO LAYOUT === */
    .animationblondie-kgu-bakery-combo {
      position: relative;
      width: var(--kgu-combo-width);
      padding-bottom: var(--kgu-combo-spacing);
    }

    .animationblondie-kgu-bakery-combo .main-note {
      position: relative;
      background: #FDF2F4;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-combo-padding);
      box-shadow: var(--kgu-shadow);
      border: 3px solid #F8D7DA;
      overflow: visible;
    }

    /* Swirl decorations */
    .animationblondie-kgu-bakery-combo .main-note::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4' fill='none' stroke='%23E8B4B8' stroke-width='1.5' opacity='0.4'/%3E%3C/svg%3E");
      background-size: 50px 50px;
      pointer-events: none;
      opacity: 0.6;
      border-radius: var(--kgu-border-radius);
    }

    .animationblondie-kgu-bakery-combo .main-content {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .animationblondie-kgu-bakery-combo .cupcake-mascot {
      width: 65px;
      height: 55px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-bakery-combo .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-combo-title-size);
      color: #8B5A5A;
      margin-bottom: 6px;
    }

    .animationblondie-kgu-bakery-combo .main-title::before,
    .animationblondie-kgu-bakery-combo .main-title::after {
      content: '♥';
      color: #E8A0A0;
      font-size: 10px;
      margin: 0 5px;
    }

    .animationblondie-kgu-bakery-combo .bar-wrapper {
      background: #FFF5F5;
      border-radius: 18px;
      padding: 4px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
      border: 2px solid #F8D7DA;
    }

    .animationblondie-kgu-bakery-combo .macaron-bar {
      height: var(--kgu-combo-bar-height);
      width: 65%;
      border-radius: 14px;
      background: linear-gradient(90deg,
        #FFB6C1 0%, #FFB6C1 25%,
        #87CEEB 25%, #87CEEB 50%,
        #FFE4B5 50%, #FFE4B5 75%,
        #98D8AA 75%, #98D8AA 100%);
      background-size: 60px 100%;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      position: relative;
      overflow: hidden;
    }

    .animationblondie-kgu-bakery-combo .macaron-bar::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
      animation: bakery-shimmer 3s ease-in-out infinite;
    }

    .animationblondie-kgu-bakery-combo .rolling-pin {
      position: absolute;
      bottom: -25px;
      right: -10px;
      width: 40px;
      height: 40px;
      z-index: 9999;
      transform: rotate(-25deg);
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    /* Child notes */
    .animationblondie-kgu-bakery-combo .child-notes {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      z-index: 1;
    }

    .animationblondie-kgu-bakery-combo .child-donors {
      position: relative;
      width: var(--kgu-combo-child-donors-width);
      background: #FFF0F2;
      padding: 14px 10px 10px 10px;
      box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12);
      transform: rotate(-2deg);
      border-radius: 4px;
      /* Lined paper */
      background-image: repeating-linear-gradient(
        transparent,
        transparent 17px,
        #F8D7DA 17px,
        #F8D7DA 18px
      );
      background-position: 0 28px;
    }

    .animationblondie-kgu-bakery-combo .paperclip {
      position: absolute;
      top: -8px;
      right: 15px;
      width: 20px;
      height: 40px;
      z-index: 10;
    }

    .animationblondie-kgu-bakery-combo .child-donors-title {
      font-family: 'Nunito', sans-serif;
      font-size: 9px;
      font-weight: 700;
      color: #C27878;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 5px;
    }

    .animationblondie-kgu-bakery-combo .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 12px;
      color: #8B5A5A;
      min-height: 90px; /* 5 rows × 18px */
    }

    .animationblondie-kgu-bakery-combo .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 18px;
      line-height: 18px;
    }

    .animationblondie-kgu-bakery-combo .donor-amt {
      color: #C27878;
      font-weight: 600;
    }

    .animationblondie-kgu-bakery-combo .child-stats {
      position: relative;
      width: var(--kgu-combo-child-stats-width);
      background: #FFF9E6;
      padding: 16px 10px 12px 10px;
      box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12);
      transform: rotate(2deg);
      text-align: center;
      border-radius: 4px;
      /* Grid paper */
      background-image:
        linear-gradient(#F0E6D0 1px, transparent 1px),
        linear-gradient(90deg, #F0E6D0 1px, transparent 1px);
      background-size: 12px 12px;
    }

    .animationblondie-kgu-bakery-combo .tape {
      position: absolute;
      top: -6px;
      left: 50%;
      transform: translateX(-50%);
      width: 45px;
      height: 14px;
      background: rgba(255, 235, 205, 0.8);
      border-radius: 2px;
      z-index: 10;
    }

    .animationblondie-kgu-bakery-combo .gingerbread {
      position: absolute;
      bottom: 8px;
      right: 8px;
      width: 22px;
      height: 22px;
    }

    .animationblondie-kgu-bakery-combo .child-stats-label {
      font-family: 'Nunito', sans-serif;
      font-size: 9px;
      font-weight: 700;
      color: #A08050;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 3px;
    }

    .animationblondie-kgu-bakery-combo .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 32px;
      color: #8B6914;
      line-height: 1;
    }

    .animationblondie-kgu-bakery-combo .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 13px;
      color: #A08050;
    }

    /* === SIDE PANEL LAYOUT === */
    .animationblondie-kgu-bakery-side {
      display: flex;
      gap: var(--kgu-side-gap);
      align-items: flex-start;
    }

    .animationblondie-kgu-bakery-side .main-note {
      position: relative;
      width: var(--kgu-side-main-width);
      background: #FDF2F4;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-side-padding);
      box-shadow: var(--kgu-shadow);
      border: 3px solid #F8D7DA;
      overflow: visible;
    }

    .animationblondie-kgu-bakery-side .main-note::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4' fill='none' stroke='%23E8B4B8' stroke-width='1.5' opacity='0.4'/%3E%3C/svg%3E");
      background-size: 40px 40px;
      pointer-events: none;
      opacity: 0.5;
      border-radius: var(--kgu-border-radius);
    }

    .animationblondie-kgu-bakery-side .main-content {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .animationblondie-kgu-bakery-side .cupcake-mascot {
      width: 55px;
      height: 48px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-bakery-side .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-side-title-size);
      color: #8B5A5A;
      margin-bottom: 6px;
    }

    .animationblondie-kgu-bakery-side .main-title::before,
    .animationblondie-kgu-bakery-side .main-title::after {
      content: '♥';
      color: #E8A0A0;
      font-size: 8px;
      margin: 0 4px;
    }

    .animationblondie-kgu-bakery-side .bar-wrapper {
      background: #FFF5F5;
      border-radius: 14px;
      padding: 4px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
      border: 2px solid #F8D7DA;
    }

    .animationblondie-kgu-bakery-side .macaron-bar {
      height: var(--kgu-side-bar-height);
      width: 70%;
      border-radius: 10px;
      background: linear-gradient(90deg,
        #FFB6C1 0%, #FFB6C1 25%,
        #87CEEB 25%, #87CEEB 50%,
        #FFE4B5 50%, #FFE4B5 75%,
        #98D8AA 75%, #98D8AA 100%);
      background-size: 50px 100%;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      position: relative;
      overflow: hidden;
    }

    .animationblondie-kgu-bakery-side .macaron-bar::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
      animation: bakery-shimmer 3s ease-in-out infinite;
    }

    .animationblondie-kgu-bakery-side .rolling-pin {
      position: absolute;
      bottom: -10px;
      right: -8px;
      width: 32px;
      height: 32px;
      z-index: 100;
      transform: rotate(-25deg);
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    /* Child stack */
    .animationblondie-kgu-bakery-side .child-stack {
      display: flex;
      flex-direction: column;
      gap: var(--kgu-side-child-gap);
    }

    .animationblondie-kgu-bakery-side .child-donors {
      position: relative;
      width: var(--kgu-side-child-width);
      background: #FFF0F2;
      padding: 14px 8px 8px 8px;
      box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12);
      transform: rotate(1deg);
      border-radius: 4px;
      background-image: repeating-linear-gradient(
        transparent,
        transparent 16px,
        #F8D7DA 16px,
        #F8D7DA 17px
      );
      background-position: 0 26px;
    }

    .animationblondie-kgu-bakery-side .paperclip {
      position: absolute;
      top: -6px;
      right: 12px;
      width: 16px;
      height: 32px;
      z-index: 10;
    }

    .animationblondie-kgu-bakery-side .child-donors-title {
      font-family: 'Nunito', sans-serif;
      font-size: 8px;
      font-weight: 700;
      color: #C27878;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 4px;
    }

    .animationblondie-kgu-bakery-side .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 11px;
      color: #8B5A5A;
      min-height: 85px; /* 5 rows × 17px */
    }

    .animationblondie-kgu-bakery-side .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 17px;
      line-height: 17px;
    }

    .animationblondie-kgu-bakery-side .donor-amt {
      color: #C27878;
      font-weight: 600;
    }

    .animationblondie-kgu-bakery-side .child-stats {
      position: relative;
      width: var(--kgu-side-child-width);
      background: #FFF9E6;
      padding: 14px 8px 10px 8px;
      box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12);
      transform: rotate(-2deg);
      text-align: center;
      border-radius: 4px;
      background-image:
        linear-gradient(#F0E6D0 1px, transparent 1px),
        linear-gradient(90deg, #F0E6D0 1px, transparent 1px);
      background-size: 10px 10px;
    }

    .animationblondie-kgu-bakery-side .tape {
      position: absolute;
      top: -5px;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 12px;
      background: rgba(255, 235, 205, 0.8);
      border-radius: 2px;
      z-index: 10;
    }

    .animationblondie-kgu-bakery-side .gingerbread {
      position: absolute;
      bottom: 6px;
      right: 6px;
      width: 18px;
      height: 18px;
    }

    .animationblondie-kgu-bakery-side .child-stats-label {
      font-family: 'Nunito', sans-serif;
      font-size: 8px;
      font-weight: 700;
      color: #A08050;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 2px;
    }

    .animationblondie-kgu-bakery-side .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 28px;
      color: #8B6914;
      line-height: 1;
    }

    .animationblondie-kgu-bakery-side .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 12px;
      color: #A08050;
    }


/* Combo values visibility for bakery */
.animationblondie-kgu-bakery-combo .main-values.kgu-combo-values-hidden {
  display: none;
}

.animationblondie-kgu-bakery-combo.kgu-no-child-cards .main-values {
  display: block;
  margin-top: 8px;
  text-align: center;
}

.animationblondie-kgu-bakery-combo.kgu-no-child-cards {
  padding-bottom: 18px;
}


/* Child card visibility for bakery combo */
.animationblondie-kgu-bakery-combo .child-notes.kgu-donors-hidden {
  justify-content: flex-end;
}

.animationblondie-kgu-bakery-combo .child-notes.kgu-stats-hidden {
  justify-content: flex-start;
}

.animationblondie-kgu-bakery-combo .child-notes.kgu-donors-hidden.kgu-swapped {
  justify-content: flex-start;
}

.animationblondie-kgu-bakery-combo .child-notes.kgu-stats-hidden.kgu-swapped {
  justify-content: flex-end;
}


/* Single card spacing for bakery combo */
.animationblondie-kgu-bakery-combo.kgu-single-card.kgu-stats-only {
  padding-bottom: 85px;
}

.animationblondie-kgu-bakery-combo.kgu-single-card.kgu-donors-only {
  padding-bottom: 130px;
}


/* Flex constraints for bakery combo child cards */
.animationblondie-kgu-bakery-combo .child-donors {
  min-width: var(--kgu-combo-child-donors-width);
  flex-shrink: 0;
}

.animationblondie-kgu-bakery-combo .child-stats {
  min-width: 110px;
  max-width: 110px;
  flex-shrink: 0;
  flex-grow: 0;
}


    /* =====================================================
       KAWAII KITCHEN THEME - All 3 Layouts
       By AnimationBlondie
       ===================================================== */

    /* Bounce animation for donuts */
    @keyframes kitchen-donut-bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-2px); }
    }

    /* === SIMPLE LAYOUT === */
    .animationblondie-kgu-kitchen-simple {
      position: relative;
      width: var(--kgu-simple-width);
    }

    .animationblondie-kgu-kitchen-simple .main-note {
      position: relative;
      background-color: #f8f9fa;
      background-image:
        linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px),
        linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%);
      background-size: 20px 20px, 20px 20px, 100% 100%;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-simple-padding);
      padding-top: 18px;
      box-shadow: var(--kgu-shadow);
      border: 3px solid #8BCACA;
    }

    /* Top decorative border */
    .animationblondie-kgu-kitchen-simple .main-note::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 8px;
      background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA, #FFB6C1);
      border-radius: 9px 9px 0 0;
    }

    .animationblondie-kgu-kitchen-simple .pin-donut {
      position: absolute;
      top: -12px;
      width: 28px;
      height: 28px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-kitchen-simple .pin-donut.left { left: 15px; }
    .animationblondie-kgu-kitchen-simple .pin-donut.right { right: 15px; }

    .animationblondie-kgu-kitchen-simple .main-content {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .animationblondie-kgu-kitchen-simple .pancake-mascot {
      width: 75px;
      height: 60px;
      margin: 0 auto 4px auto;
      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-kitchen-simple .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-simple-title-size);
      color: #2F6B6B;
      margin-bottom: 8px;
    }

    .animationblondie-kgu-kitchen-simple .main-title::before,
    .animationblondie-kgu-kitchen-simple .main-title::after {
      content: '♥';
      color: #5A9A9A;
      font-size: 10px;
      margin: 0 5px;
    }

    .animationblondie-kgu-kitchen-simple .bar-wrapper {
      background: #FFF9F0;
      border-radius: 20px;
      padding: 4px 6px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
      border: 2px solid #E8D8C8;
      display: flex;
      align-items: center;
      gap: 2px;
    }

    .animationblondie-kgu-kitchen-simple .donut {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      animation: kitchen-donut-bounce 1.5s ease-in-out infinite;
    }

    .animationblondie-kgu-kitchen-simple .donut:nth-child(1) { animation-delay: 0s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(2) { animation-delay: 0.1s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(3) { animation-delay: 0.2s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(4) { animation-delay: 0.3s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(5) { animation-delay: 0.4s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(6) { animation-delay: 0.5s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(7) { animation-delay: 0.6s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(8) { animation-delay: 0.7s; }
    .animationblondie-kgu-kitchen-simple .donut:nth-child(9) { animation-delay: 0.8s; }

    .animationblondie-kgu-kitchen-simple .main-values {
      font-family: 'Patrick Hand', cursive;
      font-size: var(--kgu-simple-values-size);
      color: #2F6B6B;
      margin-top: 8px;
    }

    /* === COMBO LAYOUT === */
    .animationblondie-kgu-kitchen-combo {
      position: relative;
      width: var(--kgu-combo-width);
      padding-bottom: var(--kgu-combo-spacing);
    }

    .animationblondie-kgu-kitchen-combo .main-note {
      position: relative;
      background-color: #f8f9fa;
      background-image:
        linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px),
        linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%);
      background-size: 22px 22px, 22px 22px, 100% 100%;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-combo-padding);
      padding-top: 20px;
      box-shadow: var(--kgu-shadow);
      border: 3px solid #8BCACA;
    }

    .animationblondie-kgu-kitchen-combo .main-note::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 10px;
      background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA, #FFB6C1, #87CEEB);
      border-radius: 9px 9px 0 0;
    }

    .animationblondie-kgu-kitchen-combo .pin-donut {
      position: absolute;
      top: -14px;
      width: 32px;
      height: 32px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-kitchen-combo .pin-donut.left { left: 18px; }
    .animationblondie-kgu-kitchen-combo .pin-donut.right { right: 18px; }

    .animationblondie-kgu-kitchen-combo .main-content {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .animationblondie-kgu-kitchen-combo .pancake-mascot {
      width: 70px;
      height: 55px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-kitchen-combo .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-combo-title-size);
      color: #2F6B6B;
      margin-bottom: 6px;
    }

    .animationblondie-kgu-kitchen-combo .main-title::before,
    .animationblondie-kgu-kitchen-combo .main-title::after {
      content: '♥';
      color: #5A9A9A;
      font-size: 9px;
      margin: 0 4px;
    }

    .animationblondie-kgu-kitchen-combo .bar-wrapper {
      background: #FFF9F0;
      border-radius: 22px;
      padding: 4px 8px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
      border: 2px solid #E8D8C8;
      display: flex;
      align-items: center;
      gap: 3px;
    }

    .animationblondie-kgu-kitchen-combo .donut {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      animation: kitchen-donut-bounce 1.5s ease-in-out infinite;
    }

    .animationblondie-kgu-kitchen-combo .donut:nth-child(1) { animation-delay: 0s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(2) { animation-delay: 0.1s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(3) { animation-delay: 0.2s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(4) { animation-delay: 0.3s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(5) { animation-delay: 0.4s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(6) { animation-delay: 0.5s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(7) { animation-delay: 0.6s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(8) { animation-delay: 0.7s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(9) { animation-delay: 0.8s; }
    .animationblondie-kgu-kitchen-combo .donut:nth-child(10) { animation-delay: 0.9s; }

    /* Child notes */
    .animationblondie-kgu-kitchen-combo .child-notes {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      z-index: 1;
    }

    /* Yellow notepad */
    .animationblondie-kgu-kitchen-combo .child-donors {
      position: relative;
      width: var(--kgu-combo-child-donors-width);
      background: #FFF9B0;
      padding: 16px 10px 10px 10px;
      box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
      transform: rotate(-2deg);
      border-radius: 4px;
      background-image: repeating-linear-gradient(
        transparent,
        transparent 17px,
        #E8D88C 17px,
        #E8D88C 18px
      );
      background-position: 0 30px;
    }

    .animationblondie-kgu-kitchen-combo .rolling-pin {
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 24px;
      z-index: 10;
    }


    .animationblondie-kgu-kitchen-combo .child-donors-title {
      font-family: 'Nunito', sans-serif;
      font-size: 9px;
      font-weight: 700;
      color: #8B7355;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 5px;
    }

    .animationblondie-kgu-kitchen-combo .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 12px;
      color: #5D4037;
      min-height: 90px; /* 5 rows × 18px */
    }

    .animationblondie-kgu-kitchen-combo .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 18px;
      line-height: 18px;
    }

    .animationblondie-kgu-kitchen-combo .donor-amt {
      color: #8B6914;
      font-weight: 600;
    }

    /* Baking tray card */
    .animationblondie-kgu-kitchen-combo .child-stats {
      position: relative;
      width: var(--kgu-combo-child-stats-width);
      background: linear-gradient(180deg, #D8D8D8 0%, #B8B8B8 100%);
      padding: 18px 12px 14px 12px;
      box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.25);
      transform: rotate(2deg);
      text-align: center;
      border-radius: 12px;
      border: 3px solid #A8A8A8;
    }

    /* Tray inner surface */
    .animationblondie-kgu-kitchen-combo .child-stats::before {
      content: '';
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      background: linear-gradient(180deg, #F5F5F5 0%, #E8E8E8 100%);
      border-radius: 8px;
      border: 2px solid #C8C8C8;
      z-index: 0;
    }

    .animationblondie-kgu-kitchen-combo .oven-mitt {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 28px;
      height: 38px;
      z-index: 10;
    }

    .animationblondie-kgu-kitchen-combo .oven-mitt.left { left: -16px; }
    .animationblondie-kgu-kitchen-combo .oven-mitt.right { right: -16px; transform: translateY(-50%) scaleX(-1); }

    .animationblondie-kgu-kitchen-combo .child-stats-label {
      font-family: 'Nunito', sans-serif;
      font-size: 9px;
      font-weight: 700;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 2px;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-kitchen-combo .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 30px;
      color: #5A5A5A;
      line-height: 1;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-kitchen-combo .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 13px;
      color: #666;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-kitchen-combo .oven-icon {
      width: 32px;
      height: 28px;
      margin: 4px auto 0 auto;
      position: relative;
      z-index: 1;
    }

    /* === SIDE PANEL LAYOUT === */
    .animationblondie-kgu-kitchen-side {
      display: flex;
      gap: var(--kgu-side-gap);
      align-items: flex-start;
    }

    .animationblondie-kgu-kitchen-side .main-note {
      position: relative;
      width: var(--kgu-side-main-width);
      background-color: #f8f9fa;
      background-image:
        linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px),
        linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%);
      background-size: 18px 18px, 18px 18px, 100% 100%;
      border-radius: var(--kgu-border-radius);
      padding: var(--kgu-side-padding);
      padding-top: 16px;
      box-shadow: var(--kgu-shadow);
      border: 3px solid #8BCACA;
    }

    .animationblondie-kgu-kitchen-side .main-note::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 7px;
      background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA);
      border-radius: 9px 9px 0 0;
    }

    .animationblondie-kgu-kitchen-side .pin-donut {
      position: absolute;
      top: -10px;
      width: 24px;
      height: 24px;
      z-index: 20;
      filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    }

    .animationblondie-kgu-kitchen-side .pin-donut.left { left: 12px; }
    .animationblondie-kgu-kitchen-side .pin-donut.right { right: 12px; }

    .animationblondie-kgu-kitchen-side .main-content {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .animationblondie-kgu-kitchen-side .pancake-mascot {
      width: 58px;
      height: 46px;
      margin: 0 auto 2px auto;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
    }

    .animationblondie-kgu-kitchen-side .main-title {
      font-family: 'Pacifico', cursive;
      font-size: var(--kgu-side-title-size);
      color: #2F6B6B;
      margin-bottom: 6px;
    }

    .animationblondie-kgu-kitchen-side .main-title::before,
    .animationblondie-kgu-kitchen-side .main-title::after {
      content: '♥';
      color: #5A9A9A;
      font-size: 8px;
      margin: 0 3px;
    }

    .animationblondie-kgu-kitchen-side .bar-wrapper {
      background: #FFF9F0;
      border-radius: 16px;
      padding: 3px 5px;
      box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
      border: 2px solid #E8D8C8;
      display: flex;
      align-items: center;
      gap: 2px;
    }

    .animationblondie-kgu-kitchen-side .donut {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      animation: kitchen-donut-bounce 1.5s ease-in-out infinite;
    }

    .animationblondie-kgu-kitchen-side .donut:nth-child(1) { animation-delay: 0s; }
    .animationblondie-kgu-kitchen-side .donut:nth-child(2) { animation-delay: 0.1s; }
    .animationblondie-kgu-kitchen-side .donut:nth-child(3) { animation-delay: 0.2s; }
    .animationblondie-kgu-kitchen-side .donut:nth-child(4) { animation-delay: 0.3s; }
    .animationblondie-kgu-kitchen-side .donut:nth-child(5) { animation-delay: 0.4s; }
    .animationblondie-kgu-kitchen-side .donut:nth-child(6) { animation-delay: 0.5s; }
    .animationblondie-kgu-kitchen-side .donut:nth-child(7) { animation-delay: 0.6s; }

    /* Child stack */
    .animationblondie-kgu-kitchen-side .child-stack {
      display: flex;
      flex-direction: column;
      gap: var(--kgu-side-child-gap);
    }

    .animationblondie-kgu-kitchen-side .child-donors {
      position: relative;
      width: var(--kgu-side-child-width);
      background: #FFF9B0;
      padding: 14px 8px 8px 8px;
      box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
      transform: rotate(1deg);
      border-radius: 4px;
      background-image: repeating-linear-gradient(
        transparent,
        transparent 16px,
        #E8D88C 16px,
        #E8D88C 17px
      );
      background-position: 0 26px;
    }

    .animationblondie-kgu-kitchen-side .rolling-pin {
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 70px;
      height: 20px;
      z-index: 10;
    }


    .animationblondie-kgu-kitchen-side .child-donors-title {
      font-family: 'Nunito', sans-serif;
      font-size: 8px;
      font-weight: 700;
      color: #8B7355;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 4px;
    }

    .animationblondie-kgu-kitchen-side .donor-list {
      font-family: 'Patrick Hand', cursive;
      font-size: 11px;
      color: #5D4037;
      min-height: 85px; /* 5 rows × 17px */
    }

    .animationblondie-kgu-kitchen-side .donor-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 17px;
      line-height: 17px;
    }

    .animationblondie-kgu-kitchen-side .donor-amt {
      color: #8B6914;
      font-weight: 600;
    }

    /* Baking tray card - side */
    .animationblondie-kgu-kitchen-side .child-stats {
      position: relative;
      width: var(--kgu-side-child-width);
      background: linear-gradient(180deg, #D8D8D8 0%, #B8B8B8 100%);
      padding: 16px 10px 12px 10px;
      box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.25);
      transform: rotate(-1deg);
      text-align: center;
      border-radius: 10px;
      border: 2px solid #A8A8A8;
    }

    .animationblondie-kgu-kitchen-side .child-stats::before {
      content: '';
      position: absolute;
      top: 4px;
      left: 4px;
      right: 4px;
      bottom: 4px;
      background: linear-gradient(180deg, #F5F5F5 0%, #E8E8E8 100%);
      border-radius: 6px;
      border: 2px solid #C8C8C8;
      z-index: 0;
    }

    .animationblondie-kgu-kitchen-side .oven-mitt {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 32px;
      z-index: 10;
    }

    .animationblondie-kgu-kitchen-side .oven-mitt.left { left: -14px; }
    .animationblondie-kgu-kitchen-side .oven-mitt.right { right: -14px; transform: translateY(-50%) scaleX(-1); }

    .animationblondie-kgu-kitchen-side .child-stats-label {
      font-family: 'Nunito', sans-serif;
      font-size: 8px;
      font-weight: 700;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 2px;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-kitchen-side .child-stats-value {
      font-family: 'Patrick Hand', cursive;
      font-size: 26px;
      color: #5A5A5A;
      line-height: 1;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-kitchen-side .child-stats-goal {
      font-family: 'Patrick Hand', cursive;
      font-size: 11px;
      color: #666;
      position: relative;
      z-index: 1;
    }

    .animationblondie-kgu-kitchen-side .oven-icon {
      width: 26px;
      height: 22px;
      margin: 3px auto 0 auto;
      position: relative;
      z-index: 1;
    }


/* Combo values visibility for kitchen */
.animationblondie-kgu-kitchen-combo .main-values.kgu-combo-values-hidden {
  display: none;
}

.animationblondie-kgu-kitchen-combo.kgu-no-child-cards .main-values {
  display: block;
  margin-top: 8px;
  text-align: center;
}

.animationblondie-kgu-kitchen-combo.kgu-no-child-cards {
  padding-bottom: 18px;
}


/* Child card visibility for kitchen combo */
.animationblondie-kgu-kitchen-combo .child-notes.kgu-donors-hidden {
  justify-content: flex-end;
}

.animationblondie-kgu-kitchen-combo .child-notes.kgu-stats-hidden {
  justify-content: flex-start;
}

.animationblondie-kgu-kitchen-combo .child-notes.kgu-donors-hidden.kgu-swapped {
  justify-content: flex-start;
}

.animationblondie-kgu-kitchen-combo .child-notes.kgu-stats-hidden.kgu-swapped {
  justify-content: flex-end;
}


/* Single card spacing for kitchen combo */
.animationblondie-kgu-kitchen-combo.kgu-single-card.kgu-stats-only {
  padding-bottom: 115px;
}

.animationblondie-kgu-kitchen-combo.kgu-single-card.kgu-donors-only {
  padding-bottom: 130px;
}


/* Flex constraints for kitchen combo child cards */
.animationblondie-kgu-kitchen-combo .child-donors {
  min-width: var(--kgu-combo-child-donors-width);
  flex-shrink: 0;
}

.animationblondie-kgu-kitchen-combo .child-stats {
  min-width: 110px;
  max-width: 110px;
  flex-shrink: 0;
  flex-grow: 0;
}
/* ═══════════════════════════════════════════════════════════════════
   Kawaii Goal Ultimate v2.0 - New Layouts CSS
   Side-Left, Horizontal, and Vertical layouts for all 8 themes
   By AnimationBlondie
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   SIDE-LEFT LAYOUTS
   Mirror of side layouts with flex-direction: row-reverse
   ═══════════════════════════════════════════════════════════════════ */

/* --- Kawaii Cloud Side-Left --- */
.animationblondie-kgu-side-left {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
flex-direction: row-reverse;
width: fit-content;
}
.animationblondie-kgu-side-left .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #E9DEFA;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
}
.animationblondie-kgu-side-left .pin-svg {
position: absolute;
top: -9px;
width: 24px;
height: 24px;
z-index: 20;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}
.animationblondie-kgu-side-left .pin-svg.left { left: 10px; }
.animationblondie-kgu-side-left .pin-svg.right { right: 10px; }
.animationblondie-kgu-side-left .main-content {
text-align: center;
}
.animationblondie-kgu-side-left .cloud-rainbow {
width: 70px;
height: 42px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}
.animationblondie-kgu-side-left .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
}
.animationblondie-kgu-side-left .bar-wrapper {
background: white;
border-radius: 14px;
padding: 4px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}
.animationblondie-kgu-side-left .striped-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 10px;
background-image: linear-gradient(90deg, #A2D2FF 0%, #A2D2FF 50%, #FFC8DD 50%, #FFC8DD 100%);
background-size: 40px 100%;
animation: animationblondie-kgu-stripes 1.5s linear infinite;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}
.animationblondie-kgu-side-left .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}
.animationblondie-kgu-side-left .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #fff;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(transparent 16px, #ccc 16px, #ccc 17px);
background-size: 100% 17px;
background-position: 0 26px;
}
.animationblondie-kgu-side-left .paper-clip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 10;
transform: rotate(-8deg);
}
.animationblondie-kgu-side-left .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-bottom: 4px;
}
.animationblondie-kgu-side-left .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #666;
min-height: 85px; /* 5 rows × 17px */
}
.animationblondie-kgu-side-left .donor-row {
display: flex;
justify-content: space-between;
align-items: baseline;
height: 17px;
line-height: 17px;
}
.animationblondie-kgu-side-left .donor-amt {
color: #D65D78;
font-weight: 600;
}
.animationblondie-kgu-side-left .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #F8F5FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#E5D9F2 1px, transparent 1px),
linear-gradient(90deg, #E5D9F2 1px, transparent 1px);
background-size: 10px 10px;
}
.animationblondie-kgu-side-left .star-pin {
position: absolute;
top: -9px;
left: 50%;
transform: translateX(-50%);
width: 22px;
height: 22px;
z-index: 10;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
}
.animationblondie-kgu-side-left .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}
.animationblondie-kgu-side-left .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
line-height: 1;
}
.animationblondie-kgu-side-left .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #CDB4DB;
}

/* --- Boba Tea Side-Left --- */
.animationblondie-kgu-boba-side-left {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
flex-direction: row-reverse;
width: fit-content;
}
.animationblondie-kgu-boba-side-left .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
border: 4px solid white;
}
.animationblondie-kgu-boba-side-left .heart-pin {
position: absolute;
top: -10px;
width: 28px;
height: 28px;
background: #FFFDF5;
border-radius: 50%;
box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid white;
z-index: 20;
}
.animationblondie-kgu-boba-side-left .heart-pin.left {
left: 10px;
transform: rotate(-12deg);
}
.animationblondie-kgu-boba-side-left .heart-pin.right {
right: 10px;
transform: rotate(12deg);
background: #FFC8DD;
}
.animationblondie-kgu-boba-side-left .heart-pin svg {
width: 14px;
height: 14px;
fill: #FF8FAB;
}
.animationblondie-kgu-boba-side-left .heart-pin.right .dashed-circle {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px dashed rgba(255,255,255,0.6);
}
.animationblondie-kgu-boba-side-left .main-content {
text-align: center;
position: relative;
z-index: 1;
}
.animationblondie-kgu-boba-side-left .mascot-icon {
width: 60px;
height: 60px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}
.animationblondie-kgu-boba-side-left .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
transform: rotate(-1deg);
}
.animationblondie-kgu-boba-side-left .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}
.animationblondie-kgu-boba-side-left .polka-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 12px;
background-color: #FFC8DD;
background-image:
radial-gradient(#FFFFFF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 16px 16px;
background-position: 0 0, 8px 8px;
animation: animationblondie-kgu-polkadots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}
.animationblondie-kgu-boba-side-left .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}
.animationblondie-kgu-boba-side-left .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #FFFDE7;
padding: 16px 8px 8px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFB7B2 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 28px;
}
.animationblondie-kgu-boba-side-left .paperclip {
position: absolute;
top: -14px;
right: 14px;
width: 22px;
height: 44px;
z-index: 30;
transform: rotate(-3deg);
}
.animationblondie-kgu-boba-side-left .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #5D576B;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
margin-bottom: 4px;
opacity: 0.6;
}
.animationblondie-kgu-boba-side-left .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #7A6B88;
min-height: 85px; /* 5 rows × 17px */
}
.animationblondie-kgu-boba-side-left .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 17px;
line-height: 17px;
border-bottom: 1px solid rgba(255,143,171,0.1);
}
.animationblondie-kgu-boba-side-left .donor-row:last-child {
border-bottom: none;
}
.animationblondie-kgu-boba-side-left .donor-amt {
color: #D87093;
font-weight: 700;
}
.animationblondie-kgu-boba-side-left .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #FFF0F5;
padding: 16px 8px 10px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#FFC8DD 1px, transparent 1px),
linear-gradient(90deg, #FFC8DD 1px, transparent 1px);
background-size: 16px 16px;
}
.animationblondie-kgu-boba-side-left .washi-tape {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 65px;
height: 16px;
background: rgba(255,200,221,0.9);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 8px,
rgba(255,255,255,0.6) 8px,
rgba(255,255,255,0.6) 16px
);
z-index: 10;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.animationblondie-kgu-boba-side-left .boba-icon {
width: 22px;
height: 22px;
margin-bottom: 2px;
}
.animationblondie-kgu-boba-side-left .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 2px;
}
.animationblondie-kgu-boba-side-left .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 32px;
color: #D87093;
font-weight: 700;
line-height: 1;
}
.animationblondie-kgu-boba-side-left .child-stats-divider {
width: 70%;
height: 2px;
background: #FFC8DD;
margin: 3px auto;
}
.animationblondie-kgu-boba-side-left .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 14px;
color: #9F86C0;
opacity: 0.7;
}

/* --- Stationery Desk Side-Left --- */
.animationblondie-kgu-stationery-side-left {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
flex-direction: row-reverse;
width: fit-content;
}
.animationblondie-kgu-stationery-side-left .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: linear-gradient(180deg, #fff9f0 0%, #fff5e6 100%);
padding: var(--kgu-side-padding);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(139, 90, 43, 0.15), inset 0 0 0 1px rgba(139, 90, 43, 0.1);
}
.animationblondie-kgu-stationery-side-left .main-note::before {
content: '';
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 16px;
background: repeating-linear-gradient(180deg, transparent, transparent 6px, #d4a574 6px, #d4a574 8px, transparent 8px, transparent 11px);
}
.animationblondie-kgu-stationery-side-left .main-note::after {
content: '';
position: absolute;
left: 20px;
right: 8px;
top: 55px;
bottom: 8px;
background: repeating-linear-gradient(180deg, transparent, transparent 14px, #e8d5c4 14px, #e8d5c4 15px);
pointer-events: none;
opacity: 0.5;
}
.animationblondie-kgu-stationery-side-left .main-content {
position: relative;
z-index: 1;
padding-left: 12px;
text-align: center;
}
.animationblondie-kgu-stationery-side-left .notebook-icon {
width: 40px;
height: 40px;
object-fit: contain;
margin: 0 auto 2px auto;
display: block;
}
.animationblondie-kgu-stationery-side-left .main-title {
font-family: 'Caveat', cursive;
font-size: var(--kgu-side-title-size);
font-weight: 600;
color: #8b5a2b;
margin-bottom: 6px;
}
.animationblondie-kgu-stationery-side-left .bar-wrapper {
height: var(--kgu-side-bar-height);
background: #f5ebe0;
border-radius: 8px;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(139, 90, 43, 0.15);
margin-bottom: 5px;
}
.animationblondie-kgu-stationery-side-left .main-bar-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #f4a460 0%, #daa520 100%);
border-radius: 8px;
transition: width 0.5s ease;
}
.animationblondie-kgu-stationery-side-left .main-values {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #a0522d;
}
.animationblondie-kgu-stationery-side-left .pen-deco {
position: absolute;
bottom: -3px;
right: -10px;
transform: rotate(25deg);
z-index: 100;
}
.animationblondie-kgu-stationery-side-left .pen-icon {
width: 34px;
height: 34px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}
.animationblondie-kgu-stationery-side-left .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}
.animationblondie-kgu-stationery-side-left .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: linear-gradient(145deg, #ffeef0 0%, #ffe4e8 100%);
padding: 14px 8px 8px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(1deg);
}
.animationblondie-kgu-stationery-side-left .child-donors::before {
content: '';
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
width: 45px;
height: 10px;
background: linear-gradient(90deg, rgba(255, 182, 193, 0.7) 0%, rgba(255, 182, 193, 0.9) 50%, rgba(255, 182, 193, 0.7) 100%);
border-radius: 2px;
}
.animationblondie-kgu-stationery-side-left .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 700;
color: #d4749a;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 0.5px;
}
.animationblondie-kgu-stationery-side-left .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #b85c7a;
min-height: 100px;
}
.animationblondie-kgu-stationery-side-left .donor-row {
display: flex;
justify-content: space-between;
padding: 1px 0;
border-bottom: 1px dashed rgba(216, 112, 147, 0.2);
height: 20px;
line-height: 20px;
box-sizing: border-box;
}
.animationblondie-kgu-stationery-side-left .donor-row:last-child { border-bottom: none; }
.animationblondie-kgu-stationery-side-left .donor-amt {
color: #e07a9d;
font-weight: 600;
}
.animationblondie-kgu-stationery-side-left .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: linear-gradient(145deg, #e8f4f0 0%, #d4ebe4 100%);
padding: 14px 8px 10px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(-1deg);
text-align: center;
}
.animationblondie-kgu-stationery-side-left .child-stats::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #a8d5c5 transparent;
}
.animationblondie-kgu-stationery-side-left .child-stats-icon {
width: 20px;
height: 20px;
object-fit: contain;
margin-bottom: 2px;
}
.animationblondie-kgu-stationery-side-left .child-stats-value {
font-family: 'Caveat', cursive;
font-size: 26px;
font-weight: 600;
color: #2e8b6e;
line-height: 1;
}
.animationblondie-kgu-stationery-side-left .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #3a9d7c;
text-transform: uppercase;
}
.animationblondie-kgu-stationery-side-left .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #5ab593;
}

/* --- Birthday Side-Left --- */
.animationblondie-kgu-birthday-side-left {
display: flex;
gap: var(--kgu-side-gap);
align-items: flex-start;
flex-direction: row-reverse;
width: fit-content;
}
.animationblondie-kgu-birthday-side-left .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
border: 3px solid white;
}
.animationblondie-kgu-birthday-side-left .heart-pin {
position: absolute;
top: -9px;
width: 24px;
height: 24px;
background: #FFF0F5;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #FFC8DD;
z-index: 20;
}
.animationblondie-kgu-birthday-side-left .heart-pin.left { left: 10px; }
.animationblondie-kgu-birthday-side-left .heart-pin.right { right: 10px; }
.animationblondie-kgu-birthday-side-left .heart-pin svg {
width: 12px;
height: 12px;
}
.animationblondie-kgu-birthday-side-left .main-content {
text-align: center;
}
.animationblondie-kgu-birthday-side-left .mascot-icon {
width: 60px;
height: 42px;
margin: 0 auto 2px auto;
}
.animationblondie-kgu-birthday-side-left .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
}
.animationblondie-kgu-birthday-side-left .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 14px;
padding: 4px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}
.animationblondie-kgu-birthday-side-left .polka-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 10px;
background-color: #FFC8DD;
background-image:
radial-gradient(#A2D2FF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 14px 14px;
background-position: 0 0, 7px 7px;
animation: animationblondie-kgu-birthday-dots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05);
transition: width 0.5s ease;
}
.animationblondie-kgu-birthday-side-left .main-values {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #7A6B88;
margin-top: 6px;
}
.animationblondie-kgu-birthday-side-left .balloon {
position: absolute;
width: 24px;
height: 32px;
z-index: 30;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
}
.animationblondie-kgu-birthday-side-left .balloon-tl {
top: -18px;
left: -5px;
animation: animationblondie-kgu-float 4s ease-in-out infinite;
}
.animationblondie-kgu-birthday-side-left .balloon-tr {
top: -18px;
right: -5px;
animation: animationblondie-kgu-float 5s ease-in-out infinite 1s;
}
.animationblondie-kgu-birthday-side-left .balloon-bl {
bottom: -15px;
left: -5px;
z-index: 50;
animation: animationblondie-kgu-float 4.5s ease-in-out infinite 0.5s;
}
.animationblondie-kgu-birthday-side-left .balloon-br {
bottom: -15px;
right: -5px;
z-index: 50;
animation: animationblondie-kgu-float 5.5s ease-in-out infinite 1.5s;
}
.animationblondie-kgu-birthday-side-left .child-stack {
display: flex;
flex-direction: column;
gap: var(--kgu-side-child-gap);
}
.animationblondie-kgu-birthday-side-left .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #FFF0F5;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFC8DD 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 26px;
}
.animationblondie-kgu-birthday-side-left .paperclip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 30;
transform: rotate(-8deg);
}
.animationblondie-kgu-birthday-side-left .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 1px;
}
.animationblondie-kgu-birthday-side-left .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #7A6B88;
min-height: 85px;
}
.animationblondie-kgu-birthday-side-left .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 17px;
line-height: 17px;
}
.animationblondie-kgu-birthday-side-left .donor-amt {
color: #FF8FAB;
font-weight: 700;
}
.animationblondie-kgu-birthday-side-left .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #F0F8FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#D6EAF8 1px, transparent 1px),
linear-gradient(90deg, #D6EAF8 1px, transparent 1px);
background-size: 10px 10px;
}
.animationblondie-kgu-birthday-side-left .washi-tape {
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 50px;
height: 12px;
background: rgba(189,224,254,0.8);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 3px,
rgba(255,255,255,0.5) 3px,
rgba(255,255,255,0.5) 6px
);
z-index: 30;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.animationblondie-kgu-birthday-side-left .cake-icon {
width: 20px;
height: 20px;
margin-bottom: 2px;
}
.animationblondie-kgu-birthday-side-left .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}
.animationblondie-kgu-birthday-side-left .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
font-weight: 700;
line-height: 1;
}
.animationblondie-kgu-birthday-side-left .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #A2D2FF;
}

/* --- Witchy Magic Side-Left --- */
.animationblondie-kgu-witchy-side-left { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; flex-direction: row-reverse; width: fit-content;
}
.animationblondie-kgu-witchy-side-left .main-note { position: relative; width: var(--kgu-side-main-width); background: #E0D4FC; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); }
.animationblondie-kgu-witchy-side-left .moon-deco { position: absolute; top: -12px; width: 32px; height: 32px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1)); }
.animationblondie-kgu-witchy-side-left .moon-deco.left { left: -6px; transform: rotate(-20deg); }
.animationblondie-kgu-witchy-side-left .moon-deco.right { right: -6px; transform: rotate(15deg) scaleX(-1); }
.animationblondie-kgu-witchy-side-left .main-content { text-align: center; position: relative; z-index: 1; }
.animationblondie-kgu-witchy-side-left .mascot-icon { width: 55px; height: 46px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); transform: rotate(-2deg); }
.animationblondie-kgu-witchy-side-left .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #6A5F80; margin-bottom: 6px; transform: rotate(-1deg); opacity: 0.9; }
.animationblondie-kgu-witchy-side-left .bar-wrapper { background: #CBBCE6; border-radius: 18px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); border: 1px solid rgba(179,157,219,0.3); overflow: visible; position: relative; }
.animationblondie-kgu-witchy-side-left .sparkle-bar { height: var(--kgu-side-bar-height); width: 0%; min-width: 24px; border-radius: 14px; background-color: #B39DDB; background-image: radial-gradient(#FFF 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%); background-size: 12px 12px, 18px 18px, 8px 8px; background-position: 0 0, 8px 8px, 4px 4px; animation: animationblondie-kgu-sparkle-slide 2s linear infinite; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; transition: width 0.5s ease; }
.animationblondie-kgu-witchy-side-left .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #6A5F80; margin-top: 6px; }
.animationblondie-kgu-witchy-side-left .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-witchy-side-left .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FEFEFE; padding: 14px 8px 8px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #D1C4E9 16px, #D1C4E9 17px); background-position: 0 26px; }
.animationblondie-kgu-witchy-side-left .paperclip { position: absolute; top: -12px; right: 14px; width: 22px; height: 44px; z-index: 30; transform: rotate(-5deg); }
.animationblondie-kgu-witchy-side-left .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-witchy-side-left .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #6A5F80; min-height: 80px; }
.animationblondie-kgu-witchy-side-left .donor-row { display: flex; justify-content: space-between; align-items: center; height: 16px; line-height: 16px; }
.animationblondie-kgu-witchy-side-left .donor-amt { color: #7E57C2; font-weight: 700; }
.animationblondie-kgu-witchy-side-left .child-stats { position: relative; width: var(--kgu-side-child-width); background: #F2EBFF; padding: 16px 8px 10px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border: 1px solid #E0D4FC; background-image: linear-gradient(#D1C4E9 1px, transparent 1px), linear-gradient(90deg, #D1C4E9 1px, transparent 1px); background-size: 16px 16px; background-position: center 8px; }
.animationblondie-kgu-witchy-side-left .washi-tape { position: absolute; top: -8px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 55px; height: 14px; background: linear-gradient(90deg, #B39DDB 0%, #B39DDB 33%, #D1C4E9 33%, #D1C4E9 66%, #9575CD 66%, #9575CD 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-witchy-side-left .witch-icon { width: 22px; height: 18px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-side-left .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-side-left .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 32px; color: #6A5F80; font-weight: 700; line-height: 1; }
.animationblondie-kgu-witchy-side-left .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #8E86A0; }

/* --- Toasty Side-Left --- */
.animationblondie-kgu-toasty-side-left { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; flex-direction: row-reverse; width: fit-content;
}
.animationblondie-kgu-toasty-side-left .main-note { position: relative; width: var(--kgu-side-main-width); background: #FFF9C4; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-side-left .pin-svg { position: absolute; top: -12px; width: 28px; height: 28px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-side-left .pin-svg.left { left: 8px; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-side-left .pin-svg.right { right: 8px; transform: rotate(15deg); }
.animationblondie-kgu-toasty-side-left .main-content { text-align: center; }
.animationblondie-kgu-toasty-side-left .toast-mascot { width: 65px; height: 56px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08)); animation: animationblondie-kgu-float 3s ease-in-out infinite; }
.animationblondie-kgu-toasty-side-left .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #5D4037; margin-bottom: 6px; }
.animationblondie-kgu-toasty-side-left .bar-wrapper { background: #FFFDE7; border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-side-left .toast-bar { height: var(--kgu-side-bar-height); width: 0%; border-radius: 10px; background: #FFE082; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-toasty-side-left .toast-bar::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: toasty-shimmer 2.5s ease-in-out infinite; }
.animationblondie-kgu-toasty-side-left .toast-bar::after { content: ''; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: white; opacity: 0.2; border-radius: 6px; }
.animationblondie-kgu-toasty-side-left .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; margin-top: 6px; }
.animationblondie-kgu-toasty-side-left .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-toasty-side-left .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFFDE7; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #FFE082 16px, #FFE082 17px); background-position: 0 26px; }
.animationblondie-kgu-toasty-side-left .paper-clip { position: absolute; top: -10px; right: 12px; width: 16px; height: 36px; z-index: 10; transform: rotate(-8deg); }
.animationblondie-kgu-toasty-side-left .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 600; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-toasty-side-left .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-toasty-side-left .donor-row { display: flex; justify-content: space-between; align-items: baseline; height: 17px; line-height: 17px; }
.animationblondie-kgu-toasty-side-left .donor-amt { color: #E65100; font-weight: 600; }
.animationblondie-kgu-toasty-side-left .child-stats { position: relative; width: var(--kgu-side-child-width); background: #FFF3E0; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(-2deg); text-align: center; background-image: linear-gradient(#FFCC80 1px, transparent 1px), linear-gradient(90deg, #FFCC80 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-toasty-side-left .sun-pin { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 22px; height: 22px; z-index: 10; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-side-left .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-toasty-side-left .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #5D4037; line-height: 1; }
.animationblondie-kgu-toasty-side-left .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8D6E63; }

/* --- Kawaii Bakery Side-Left --- */
.animationblondie-kgu-bakery-side-left { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; flex-direction: row-reverse; width: fit-content;
}
.animationblondie-kgu-bakery-side-left .main-note { position: relative; width: var(--kgu-side-main-width); background: #FDF2F4; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 3px solid #F8D7DA; overflow: visible; }
.animationblondie-kgu-bakery-side-left .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cpath d=%27M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4%27 fill=%27none%27 stroke=%27%23E8B4B8%27 stroke-width=%271.5%27 opacity=%270.4%27/%3E%3C/svg%3E"); background-size: 40px 40px; pointer-events: none; opacity: 0.5; border-radius: var(--kgu-border-radius); }
.animationblondie-kgu-bakery-side-left .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-bakery-side-left .cupcake-mascot { width: 55px; height: 48px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-bakery-side-left .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #8B5A5A; margin-bottom: 6px; }
.animationblondie-kgu-bakery-side-left .main-title::before, .animationblondie-kgu-bakery-side-left .main-title::after { content: '¶5'; color: #E8A0A0; font-size: 8px; margin: 0 4px; }
.animationblondie-kgu-bakery-side-left .bar-wrapper { background: #FFF5F5; border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 2px solid #F8D7DA; }
.animationblondie-kgu-bakery-side-left .macaron-bar { height: var(--kgu-side-bar-height); width: 0%; border-radius: 10px; background: linear-gradient(90deg, #FFB6C1 0%, #FFB6C1 25%, #87CEEB 25%, #87CEEB 50%, #FFE4B5 50%, #FFE4B5 75%, #98D8AA 75%, #98D8AA 100%); background-size: 50px 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-bakery-side-left .macaron-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); animation: bakery-shimmer 3s ease-in-out infinite; }
.animationblondie-kgu-bakery-side-left .rolling-pin { position: absolute; bottom: -10px; right: -8px; width: 32px; height: 32px; z-index: 100; transform: rotate(-25deg); filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-bakery-side-left .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8B5A5A; margin-top: 6px; }
.animationblondie-kgu-bakery-side-left .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-bakery-side-left .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF0F2; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #F8D7DA 16px, #F8D7DA 17px); background-position: 0 26px; }
.animationblondie-kgu-bakery-side-left .paperclip { position: absolute; top: -6px; right: 12px; width: 16px; height: 32px; z-index: 10; }
.animationblondie-kgu-bakery-side-left .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #C27878; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-bakery-side-left .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #8B5A5A; min-height: 85px; }
.animationblondie-kgu-bakery-side-left .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-bakery-side-left .donor-amt { color: #C27878; font-weight: 600; }
.animationblondie-kgu-bakery-side-left .child-stats { position: relative; width: var(--kgu-side-child-width); background: #FFF9E6; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border-radius: 4px; background-image: linear-gradient(#F0E6D0 1px, transparent 1px), linear-gradient(90deg, #F0E6D0 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-bakery-side-left .tape { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 40px; height: 12px; background: rgba(255, 235, 205, 0.8); border-radius: 2px; z-index: 10; }
.animationblondie-kgu-bakery-side-left .gingerbread { position: absolute; bottom: 6px; right: 6px; width: 18px; height: 18px; }
.animationblondie-kgu-bakery-side-left .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #A08050; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-bakery-side-left .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #8B6914; line-height: 1; }
.animationblondie-kgu-bakery-side-left .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #A08050; }
.animationblondie-kgu-bakery-side-left .main-title::before,
    .animationblondie-kgu-bakery-side-left .main-title::after {
      content: '♥';
      color: #E8A0A0;
      font-size: 8px;
      margin: 0 4px;
    }

/* --- Kawaii Kitchen Side-Left --- */
.animationblondie-kgu-kitchen-side-left { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; flex-direction: row-reverse; width: fit-content;
}
.animationblondie-kgu-kitchen-side-left .main-note { position: relative; width: var(--kgu-side-main-width); background-color: #f8f9fa; background-image: linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%); background-size: 18px 18px, 18px 18px, 100% 100%; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); padding-top: 16px; box-shadow: var(--kgu-shadow); border: 3px solid #8BCACA; }
.animationblondie-kgu-kitchen-side-left .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 7px; background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA); border-radius: 9px 9px 0 0; }
.animationblondie-kgu-kitchen-side-left .pin-donut { position: absolute; top: -10px; width: 24px; height: 24px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-kitchen-side-left .pin-donut.left { left: 12px; }
.animationblondie-kgu-kitchen-side-left .pin-donut.right { right: 12px; }
.animationblondie-kgu-kitchen-side-left .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-kitchen-side-left .pancake-mascot { width: 58px; height: 46px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-kitchen-side-left .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #2F6B6B; margin-bottom: 6px; }
.animationblondie-kgu-kitchen-side-left .main-title::before, .animationblondie-kgu-kitchen-side-left .main-title::after { content: '¶5'; color: #5A9A9A; font-size: 8px; margin: 0 3px; }
.animationblondie-kgu-kitchen-side-left .bar-wrapper { background: #FFF9F0; border-radius: 16px; padding: 3px 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #E8D8C8; }
.animationblondie-kgu-kitchen-side-left .kitchen-bar { height: var(--kgu-side-bar-height); width: 0%; }
.animationblondie-kgu-kitchen-side-left .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #2F6B6B; margin-top: 6px; }
.animationblondie-kgu-kitchen-side-left .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-kitchen-side-left .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF9B0; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #E8D88C 16px, #E8D88C 17px); background-position: 0 26px; }
.animationblondie-kgu-kitchen-side-left .rolling-pin { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 70px; height: 20px; z-index: 10; }
.animationblondie-kgu-kitchen-side-left .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8B7355; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-kitchen-side-left .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-kitchen-side-left .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-kitchen-side-left .donor-amt { color: #8B6914; font-weight: 600; }
.animationblondie-kgu-kitchen-side-left .child-stats { position: relative; width: var(--kgu-side-child-width); background: linear-gradient(180deg, #D8D8D8 0%, #B8B8B8 100%); padding: 16px 10px 12px 10px; box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.25); transform: rotate(-1deg); text-align: center; border-radius: 10px; border: 2px solid #A8A8A8; }
.animationblondie-kgu-kitchen-side-left .child-stats::before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background: linear-gradient(180deg, #F5F5F5 0%, #E8E8E8 100%); border-radius: 6px; border: 2px solid #C8C8C8; z-index: 0; }
.animationblondie-kgu-kitchen-side-left .oven-mitt { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 32px; z-index: 10; }
.animationblondie-kgu-kitchen-side-left .oven-mitt.left { left: -14px; }
.animationblondie-kgu-kitchen-side-left .oven-mitt.right { right: -14px; transform: translateY(-50%) scaleX(-1); }
.animationblondie-kgu-kitchen-side-left .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-side-left .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 26px; color: #5A5A5A; line-height: 1; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-side-left .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #666; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-side-left .oven-icon { width: 26px; height: 22px; margin: 3px auto 0 auto; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-side-left .main-title::before,
    .animationblondie-kgu-kitchen-side-left .main-title::after {
      content: '♥';
      color: #5A9A9A;
      font-size: 8px;
      margin: 0 3px;
    }
.animationblondie-kgu-kitchen-side-left .donut {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      animation: kitchen-donut-bounce 1.5s ease-in-out infinite;
    }
.animationblondie-kgu-kitchen-side-left .donut:nth-child(1) { animation-delay: 0s; }
.animationblondie-kgu-kitchen-side-left .donut:nth-child(2) { animation-delay: 0.1s; }
.animationblondie-kgu-kitchen-side-left .donut:nth-child(3) { animation-delay: 0.2s; }
.animationblondie-kgu-kitchen-side-left .donut:nth-child(4) { animation-delay: 0.3s; }
.animationblondie-kgu-kitchen-side-left .donut:nth-child(5) { animation-delay: 0.4s; }
.animationblondie-kgu-kitchen-side-left .donut:nth-child(6) { animation-delay: 0.5s; }
.animationblondie-kgu-kitchen-side-left .donut:nth-child(7) { animation-delay: 0.6s; }


/* ═══════════════════════════════════════════════════════════════════
   HORIZONTAL LAYOUTS
   All elements in one row using .child-inline container
   ═══════════════════════════════════════════════════════════════════ */

/* --- Kawaii Cloud Horizontal --- */
.animationblondie-kgu-horizontal {
position: relative;
}

.animationblondie-kgu-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-horizontal .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #E9DEFA;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
text-align: center;
}
.animationblondie-kgu-horizontal .pin-svg {
position: absolute;
top: -9px;
width: 24px;
height: 24px;
z-index: 20;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}
.animationblondie-kgu-horizontal .pin-svg.left { left: 10px; }
.animationblondie-kgu-horizontal .pin-svg.right { right: 10px; }
.animationblondie-kgu-horizontal .main-content {
text-align: center;
}
.animationblondie-kgu-horizontal .cloud-rainbow {
width: 70px;
height: 42px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}
.animationblondie-kgu-horizontal .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
}
.animationblondie-kgu-horizontal .bar-wrapper {
background: white;
border-radius: 14px;
padding: 4px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}
.animationblondie-kgu-horizontal .striped-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 10px;
background-image: linear-gradient(90deg, #A2D2FF 0%, #A2D2FF 50%, #FFC8DD 50%, #FFC8DD 100%);
background-size: 40px 100%;
animation: animationblondie-kgu-stripes 1.5s linear infinite;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}
.animationblondie-kgu-horizontal .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #fff;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(transparent 16px, #ccc 16px, #ccc 17px);
background-size: 100% 17px;
background-position: 0 26px;
}
.animationblondie-kgu-horizontal .paper-clip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 10;
transform: rotate(-8deg);
}
.animationblondie-kgu-horizontal .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-bottom: 4px;
}
.animationblondie-kgu-horizontal .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #666;
min-height: 85px; /* 5 rows × 17px */
}
.animationblondie-kgu-horizontal .donor-row {
display: flex;
justify-content: space-between;
align-items: baseline;
height: 17px;
line-height: 17px;
}
.animationblondie-kgu-horizontal .donor-amt {
color: #D65D78;
font-weight: 600;
}
.animationblondie-kgu-horizontal .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #F8F5FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#E5D9F2 1px, transparent 1px),
linear-gradient(90deg, #E5D9F2 1px, transparent 1px);
background-size: 10px 10px;
}
.animationblondie-kgu-horizontal .star-pin {
position: absolute;
top: -9px;
left: 50%;
transform: translateX(-50%);
width: 22px;
height: 22px;
z-index: 10;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
}
.animationblondie-kgu-horizontal .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}
.animationblondie-kgu-horizontal .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
line-height: 1;
}
.animationblondie-kgu-horizontal .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #CDB4DB;
}

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-horizontal .child-stats { flex-shrink: 0; }

/* --- Boba Tea Horizontal --- */
.animationblondie-kgu-boba-horizontal {
position: relative;
}

.animationblondie-kgu-boba-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-boba-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-boba-horizontal .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
border: 4px solid white;
text-align: center;
}
.animationblondie-kgu-boba-horizontal .heart-pin {
position: absolute;
top: -10px;
width: 28px;
height: 28px;
background: #FFFDF5;
border-radius: 50%;
box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid white;
z-index: 20;
}
.animationblondie-kgu-boba-horizontal .heart-pin.left {
left: 10px;
transform: rotate(-12deg);
}
.animationblondie-kgu-boba-horizontal .heart-pin.right {
right: 10px;
transform: rotate(12deg);
background: #FFC8DD;
}
.animationblondie-kgu-boba-horizontal .heart-pin svg {
width: 14px;
height: 14px;
fill: #FF8FAB;
}
.animationblondie-kgu-boba-horizontal .heart-pin.right .dashed-circle {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px dashed rgba(255,255,255,0.6);
}
.animationblondie-kgu-boba-horizontal .main-content {
text-align: center;
position: relative;
z-index: 1;
}
.animationblondie-kgu-boba-horizontal .mascot-icon {
width: 60px;
height: 60px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}
.animationblondie-kgu-boba-horizontal .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
transform: rotate(-1deg);
}
.animationblondie-kgu-boba-horizontal .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}
.animationblondie-kgu-boba-horizontal .polka-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 12px;
background-color: #FFC8DD;
background-image:
radial-gradient(#FFFFFF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 16px 16px;
background-position: 0 0, 8px 8px;
animation: animationblondie-kgu-polkadots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}
.animationblondie-kgu-boba-horizontal .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #FFFDE7;
padding: 16px 8px 8px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFB7B2 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 28px;
}
.animationblondie-kgu-boba-horizontal .paperclip {
position: absolute;
top: -14px;
right: 14px;
width: 22px;
height: 44px;
z-index: 30;
transform: rotate(-3deg);
}
.animationblondie-kgu-boba-horizontal .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #5D576B;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
margin-bottom: 4px;
opacity: 0.6;
}
.animationblondie-kgu-boba-horizontal .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #7A6B88;
min-height: 85px; /* 5 rows × 17px */
}
.animationblondie-kgu-boba-horizontal .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 17px;
line-height: 17px;
border-bottom: 1px solid rgba(255,143,171,0.1);
}
.animationblondie-kgu-boba-horizontal .donor-row:last-child {
border-bottom: none;
}
.animationblondie-kgu-boba-horizontal .donor-amt {
color: #D87093;
font-weight: 700;
}
.animationblondie-kgu-boba-horizontal .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #FFF0F5;
padding: 16px 8px 10px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#FFC8DD 1px, transparent 1px),
linear-gradient(90deg, #FFC8DD 1px, transparent 1px);
background-size: 16px 16px;
}
.animationblondie-kgu-boba-horizontal .washi-tape {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 65px;
height: 16px;
background: rgba(255,200,221,0.9);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 8px,
rgba(255,255,255,0.6) 8px,
rgba(255,255,255,0.6) 16px
);
z-index: 10;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.animationblondie-kgu-boba-horizontal .boba-icon {
width: 22px;
height: 22px;
margin-bottom: 2px;
}
.animationblondie-kgu-boba-horizontal .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 2px;
}
.animationblondie-kgu-boba-horizontal .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 32px;
color: #D87093;
font-weight: 700;
line-height: 1;
}
.animationblondie-kgu-boba-horizontal .child-stats-divider {
width: 70%;
height: 2px;
background: #FFC8DD;
margin: 3px auto;
}
.animationblondie-kgu-boba-horizontal .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 14px;
color: #9F86C0;
opacity: 0.7;
}

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-boba-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-boba-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-boba-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-boba-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-boba-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-boba-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-boba-horizontal .child-stats { flex-shrink: 0; }

/* --- Stationery Desk Horizontal --- */
.animationblondie-kgu-stationery-horizontal {
position: relative;
}

.animationblondie-kgu-stationery-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-stationery-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-stationery-horizontal .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: linear-gradient(180deg, #fff9f0 0%, #fff5e6 100%);
padding: var(--kgu-side-padding);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(139, 90, 43, 0.15), inset 0 0 0 1px rgba(139, 90, 43, 0.1);
}
.animationblondie-kgu-stationery-horizontal .main-note::before {
content: '';
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 16px;
background: repeating-linear-gradient(180deg, transparent, transparent 6px, #d4a574 6px, #d4a574 8px, transparent 8px, transparent 11px);
}
.animationblondie-kgu-stationery-horizontal .main-note::after {
content: '';
position: absolute;
left: 20px;
right: 8px;
top: 55px;
bottom: 8px;
background: repeating-linear-gradient(180deg, transparent, transparent 14px, #e8d5c4 14px, #e8d5c4 15px);
pointer-events: none;
opacity: 0.5;
}
.animationblondie-kgu-stationery-horizontal .main-content {
position: relative;
z-index: 1;
padding-left: 12px;
text-align: center;
}
.animationblondie-kgu-stationery-horizontal .notebook-icon {
width: 40px;
height: 40px;
object-fit: contain;
margin: 0 auto 2px auto;
display: block;
}
.animationblondie-kgu-stationery-horizontal .main-title {
font-family: 'Caveat', cursive;
font-size: var(--kgu-side-title-size);
font-weight: 600;
color: #8b5a2b;
margin-bottom: 6px;
}
.animationblondie-kgu-stationery-horizontal .bar-wrapper {
height: var(--kgu-side-bar-height);
background: #f5ebe0;
border-radius: 8px;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(139, 90, 43, 0.15);
margin-bottom: 5px;
}
.animationblondie-kgu-stationery-horizontal .main-bar-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #f4a460 0%, #daa520 100%);
border-radius: 8px;
transition: width 0.5s ease;
}
.animationblondie-kgu-stationery-horizontal .main-values {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #a0522d;
}
.animationblondie-kgu-stationery-horizontal .pen-deco {
position: absolute;
bottom: -3px;
right: -10px;
transform: rotate(25deg);
z-index: 100;
}
.animationblondie-kgu-stationery-horizontal .pen-icon {
width: 34px;
height: 34px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}
.animationblondie-kgu-stationery-horizontal .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: linear-gradient(145deg, #ffeef0 0%, #ffe4e8 100%);
padding: 14px 8px 8px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(1deg);
}
.animationblondie-kgu-stationery-horizontal .child-donors::before {
content: '';
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
width: 45px;
height: 10px;
background: linear-gradient(90deg, rgba(255, 182, 193, 0.7) 0%, rgba(255, 182, 193, 0.9) 50%, rgba(255, 182, 193, 0.7) 100%);
border-radius: 2px;
}
.animationblondie-kgu-stationery-horizontal .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 700;
color: #d4749a;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 0.5px;
}
.animationblondie-kgu-stationery-horizontal .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #b85c7a;
min-height: 100px;
}
.animationblondie-kgu-stationery-horizontal .donor-row {
display: flex;
justify-content: space-between;
padding: 1px 0;
border-bottom: 1px dashed rgba(216, 112, 147, 0.2);
height: 20px;
line-height: 20px;
box-sizing: border-box;
}
.animationblondie-kgu-stationery-horizontal .donor-row:last-child { border-bottom: none; }
.animationblondie-kgu-stationery-horizontal .donor-amt {
color: #e07a9d;
font-weight: 600;
}
.animationblondie-kgu-stationery-horizontal .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: linear-gradient(145deg, #e8f4f0 0%, #d4ebe4 100%);
padding: 14px 8px 10px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(-1deg);
text-align: center;
}
.animationblondie-kgu-stationery-horizontal .child-stats::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #a8d5c5 transparent;
}
.animationblondie-kgu-stationery-horizontal .child-stats-icon {
width: 20px;
height: 20px;
object-fit: contain;
margin-bottom: 2px;
}
.animationblondie-kgu-stationery-horizontal .child-stats-value {
font-family: 'Caveat', cursive;
font-size: 26px;
font-weight: 600;
color: #2e8b6e;
line-height: 1;
}
.animationblondie-kgu-stationery-horizontal .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #3a9d7c;
text-transform: uppercase;
}
.animationblondie-kgu-stationery-horizontal .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #5ab593;
}

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-stationery-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-stationery-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-stationery-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-stationery-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-stationery-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-stationery-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-stationery-horizontal .child-stats { flex-shrink: 0; }

/* --- Birthday Horizontal --- */
.animationblondie-kgu-birthday-horizontal {
position: relative;
}

.animationblondie-kgu-birthday-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-birthday-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-birthday-horizontal .main-note {
position: relative;
width: var(--kgu-side-main-width);
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-side-padding);
box-shadow: var(--kgu-shadow);
border: 3px solid white;
text-align: center;
}
.animationblondie-kgu-birthday-horizontal .heart-pin {
position: absolute;
top: -9px;
width: 24px;
height: 24px;
background: #FFF0F5;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #FFC8DD;
z-index: 20;
}
.animationblondie-kgu-birthday-horizontal .heart-pin.left { left: 10px; }
.animationblondie-kgu-birthday-horizontal .heart-pin.right { right: 10px; }
.animationblondie-kgu-birthday-horizontal .heart-pin svg {
width: 12px;
height: 12px;
}
.animationblondie-kgu-birthday-horizontal .main-content {
text-align: center;
}
.animationblondie-kgu-birthday-horizontal .mascot-icon {
width: 60px;
height: 42px;
margin: 0 auto 2px auto;
}
.animationblondie-kgu-birthday-horizontal .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-side-title-size);
color: #5D576B;
margin-bottom: 6px;
}
.animationblondie-kgu-birthday-horizontal .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 14px;
padding: 4px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}
.animationblondie-kgu-birthday-horizontal .polka-bar {
height: var(--kgu-side-bar-height);
width: 0%;
border-radius: 10px;
background-color: #FFC8DD;
background-image:
radial-gradient(#A2D2FF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 14px 14px;
background-position: 0 0, 7px 7px;
animation: animationblondie-kgu-birthday-dots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05);
transition: width 0.5s ease;
}
.animationblondie-kgu-birthday-horizontal .main-values {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #7A6B88;
margin-top: 6px;
}
.animationblondie-kgu-birthday-horizontal .balloon {
position: absolute;
width: 24px;
height: 32px;
z-index: 30;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
}
.animationblondie-kgu-birthday-horizontal .balloon-tl {
top: -18px;
left: -5px;
animation: animationblondie-kgu-float 4s ease-in-out infinite;
}
.animationblondie-kgu-birthday-horizontal .balloon-tr {
top: -18px;
right: -5px;
animation: animationblondie-kgu-float 5s ease-in-out infinite 1s;
}
.animationblondie-kgu-birthday-horizontal .balloon-bl {
bottom: -15px;
left: -5px;
z-index: 50;
animation: animationblondie-kgu-float 4.5s ease-in-out infinite 0.5s;
}
.animationblondie-kgu-birthday-horizontal .balloon-br {
bottom: -15px;
right: -5px;
z-index: 50;
animation: animationblondie-kgu-float 5.5s ease-in-out infinite 1.5s;
}
.animationblondie-kgu-birthday-horizontal .child-donors {
position: relative;
width: var(--kgu-side-child-width);
background: #FFF0F5;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFC8DD 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 26px;
}
.animationblondie-kgu-birthday-horizontal .paperclip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 30;
transform: rotate(-8deg);
}
.animationblondie-kgu-birthday-horizontal .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 1px;
}
.animationblondie-kgu-birthday-horizontal .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 11px;
color: #7A6B88;
min-height: 85px;
}
.animationblondie-kgu-birthday-horizontal .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 17px;
line-height: 17px;
}
.animationblondie-kgu-birthday-horizontal .donor-amt {
color: #FF8FAB;
font-weight: 700;
}
.animationblondie-kgu-birthday-horizontal .child-stats {
position: relative;
width: var(--kgu-side-child-width);
background: #F0F8FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#D6EAF8 1px, transparent 1px),
linear-gradient(90deg, #D6EAF8 1px, transparent 1px);
background-size: 10px 10px;
}
.animationblondie-kgu-birthday-horizontal .washi-tape {
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 50px;
height: 12px;
background: rgba(189,224,254,0.8);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 3px,
rgba(255,255,255,0.5) 3px,
rgba(255,255,255,0.5) 6px
);
z-index: 30;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.animationblondie-kgu-birthday-horizontal .cake-icon {
width: 20px;
height: 20px;
margin-bottom: 2px;
}
.animationblondie-kgu-birthday-horizontal .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}
.animationblondie-kgu-birthday-horizontal .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
font-weight: 700;
line-height: 1;
}
.animationblondie-kgu-birthday-horizontal .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #A2D2FF;
}

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-birthday-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-birthday-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-birthday-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-birthday-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-birthday-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-birthday-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-birthday-horizontal .child-stats { flex-shrink: 0; }

/* --- Witchy Magic Horizontal --- */
.animationblondie-kgu-witchy-horizontal {
position: relative;
}

.animationblondie-kgu-witchy-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-witchy-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-witchy-horizontal .main-note { position: relative; width: var(--kgu-side-main-width); background: #E0D4FC; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); text-align: center; }
.animationblondie-kgu-witchy-horizontal .moon-deco { position: absolute; top: -12px; width: 32px; height: 32px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1)); }
.animationblondie-kgu-witchy-horizontal .moon-deco.left { left: -6px; transform: rotate(-20deg); }
.animationblondie-kgu-witchy-horizontal .moon-deco.right { right: -6px; transform: rotate(15deg) scaleX(-1); }
.animationblondie-kgu-witchy-horizontal .main-content { text-align: center; position: relative; z-index: 1; }
.animationblondie-kgu-witchy-horizontal .mascot-icon { width: 55px; height: 46px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); transform: rotate(-2deg); }
.animationblondie-kgu-witchy-horizontal .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #6A5F80; margin-bottom: 6px; transform: rotate(-1deg); opacity: 0.9; }
.animationblondie-kgu-witchy-horizontal .bar-wrapper { background: #CBBCE6; border-radius: 18px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); border: 1px solid rgba(179,157,219,0.3); overflow: visible; position: relative; }
.animationblondie-kgu-witchy-horizontal .sparkle-bar { height: var(--kgu-side-bar-height); width: 0%; min-width: 24px; border-radius: 14px; background-color: #B39DDB; background-image: radial-gradient(#FFF 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%); background-size: 12px 12px, 18px 18px, 8px 8px; background-position: 0 0, 8px 8px, 4px 4px; animation: animationblondie-kgu-sparkle-slide 2s linear infinite; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; transition: width 0.5s ease; }
.animationblondie-kgu-witchy-horizontal .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #6A5F80; margin-top: 6px; }
.animationblondie-kgu-witchy-horizontal .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FEFEFE; padding: 14px 8px 8px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #D1C4E9 16px, #D1C4E9 17px); background-position: 0 26px; }
.animationblondie-kgu-witchy-horizontal .paperclip { position: absolute; top: -12px; right: 14px; width: 22px; height: 44px; z-index: 30; transform: rotate(-5deg); }
.animationblondie-kgu-witchy-horizontal .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-witchy-horizontal .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #6A5F80; min-height: 80px; }
.animationblondie-kgu-witchy-horizontal .donor-row { display: flex; justify-content: space-between; align-items: center; height: 16px; line-height: 16px; }
.animationblondie-kgu-witchy-horizontal .donor-amt { color: #7E57C2; font-weight: 700; }
.animationblondie-kgu-witchy-horizontal .child-stats { position: relative; width: var(--kgu-side-child-width); background: #F2EBFF; padding: 16px 8px 10px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border: 1px solid #E0D4FC; background-image: linear-gradient(#D1C4E9 1px, transparent 1px), linear-gradient(90deg, #D1C4E9 1px, transparent 1px); background-size: 16px 16px; background-position: center 8px; }
.animationblondie-kgu-witchy-horizontal .washi-tape { position: absolute; top: -8px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 55px; height: 14px; background: linear-gradient(90deg, #B39DDB 0%, #B39DDB 33%, #D1C4E9 33%, #D1C4E9 66%, #9575CD 66%, #9575CD 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-witchy-horizontal .witch-icon { width: 22px; height: 18px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-horizontal .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-horizontal .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 32px; color: #6A5F80; font-weight: 700; line-height: 1; }
.animationblondie-kgu-witchy-horizontal .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #8E86A0; }

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-witchy-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-witchy-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-witchy-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-witchy-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-witchy-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-witchy-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-witchy-horizontal .child-stats { flex-shrink: 0; }

/* --- Toasty Horizontal --- */
.animationblondie-kgu-toasty-horizontal {
position: relative;
}

.animationblondie-kgu-toasty-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-toasty-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-toasty-horizontal .main-note { position: relative; width: var(--kgu-side-main-width); background: #FFF9C4; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 1px solid #FFF59D; text-align: center; }
.animationblondie-kgu-toasty-horizontal .pin-svg { position: absolute; top: -12px; width: 28px; height: 28px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-horizontal .pin-svg.left { left: 8px; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-horizontal .pin-svg.right { right: 8px; transform: rotate(15deg); }
.animationblondie-kgu-toasty-horizontal .main-content { text-align: center; }
.animationblondie-kgu-toasty-horizontal .toast-mascot { width: 65px; height: 56px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08)); animation: animationblondie-kgu-float 3s ease-in-out infinite; }
.animationblondie-kgu-toasty-horizontal .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #5D4037; margin-bottom: 6px; }
.animationblondie-kgu-toasty-horizontal .bar-wrapper { background: #FFFDE7; border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-horizontal .toast-bar { height: var(--kgu-side-bar-height); width: 0%; border-radius: 10px; background: #FFE082; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-toasty-horizontal .toast-bar::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: toasty-shimmer 2.5s ease-in-out infinite; }
.animationblondie-kgu-toasty-horizontal .toast-bar::after { content: ''; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: white; opacity: 0.2; border-radius: 6px; }
.animationblondie-kgu-toasty-horizontal .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; margin-top: 6px; }
.animationblondie-kgu-toasty-horizontal .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFFDE7; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #FFE082 16px, #FFE082 17px); background-position: 0 26px; }
.animationblondie-kgu-toasty-horizontal .paper-clip { position: absolute; top: -10px; right: 12px; width: 16px; height: 36px; z-index: 10; transform: rotate(-8deg); }
.animationblondie-kgu-toasty-horizontal .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 600; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-toasty-horizontal .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-toasty-horizontal .donor-row { display: flex; justify-content: space-between; align-items: baseline; height: 17px; line-height: 17px; }
.animationblondie-kgu-toasty-horizontal .donor-amt { color: #E65100; font-weight: 600; }
.animationblondie-kgu-toasty-horizontal .child-stats { position: relative; width: var(--kgu-side-child-width); background: #FFF3E0; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(-2deg); text-align: center; background-image: linear-gradient(#FFCC80 1px, transparent 1px), linear-gradient(90deg, #FFCC80 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-toasty-horizontal .sun-pin { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 22px; height: 22px; z-index: 10; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-horizontal .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-toasty-horizontal .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #5D4037; line-height: 1; }
.animationblondie-kgu-toasty-horizontal .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8D6E63; }

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-toasty-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-toasty-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-toasty-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-toasty-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-toasty-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-toasty-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-toasty-horizontal .child-stats { flex-shrink: 0; }

/* --- Kawaii Bakery Horizontal --- */
.animationblondie-kgu-bakery-horizontal {
position: relative;
}

.animationblondie-kgu-bakery-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-bakery-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-bakery-horizontal .main-note { position: relative; width: var(--kgu-side-main-width); background: #FDF2F4; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 3px solid #F8D7DA; overflow: visible; text-align: center; }
.animationblondie-kgu-bakery-horizontal .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cpath d=%27M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4%27 fill=%27none%27 stroke=%27%23E8B4B8%27 stroke-width=%271.5%27 opacity=%270.4%27/%3E%3C/svg%3E"); background-size: 40px 40px; pointer-events: none; opacity: 0.5; border-radius: var(--kgu-border-radius); }
.animationblondie-kgu-bakery-horizontal .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-bakery-horizontal .cupcake-mascot { width: 55px; height: 48px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-bakery-horizontal .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #8B5A5A; margin-bottom: 6px; }
.animationblondie-kgu-bakery-horizontal .main-title::before, .animationblondie-kgu-bakery-horizontal .main-title::after { content: '¶5'; color: #E8A0A0; font-size: 8px; margin: 0 4px; }
.animationblondie-kgu-bakery-horizontal .bar-wrapper { background: #FFF5F5; border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 2px solid #F8D7DA; }
.animationblondie-kgu-bakery-horizontal .macaron-bar { height: var(--kgu-side-bar-height); width: 0%; border-radius: 10px; background: linear-gradient(90deg, #FFB6C1 0%, #FFB6C1 25%, #87CEEB 25%, #87CEEB 50%, #FFE4B5 50%, #FFE4B5 75%, #98D8AA 75%, #98D8AA 100%); background-size: 50px 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-bakery-horizontal .macaron-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); animation: bakery-shimmer 3s ease-in-out infinite; }
.animationblondie-kgu-bakery-horizontal .rolling-pin { position: absolute; bottom: -10px; right: -8px; width: 32px; height: 32px; z-index: 100; transform: rotate(-25deg); filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-bakery-horizontal .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8B5A5A; margin-top: 6px; }
.animationblondie-kgu-bakery-horizontal .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF0F2; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #F8D7DA 16px, #F8D7DA 17px); background-position: 0 26px; }
.animationblondie-kgu-bakery-horizontal .paperclip { position: absolute; top: -6px; right: 12px; width: 16px; height: 32px; z-index: 10; }
.animationblondie-kgu-bakery-horizontal .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #C27878; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-bakery-horizontal .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #8B5A5A; min-height: 85px; }
.animationblondie-kgu-bakery-horizontal .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-bakery-horizontal .donor-amt { color: #C27878; font-weight: 600; }
.animationblondie-kgu-bakery-horizontal .child-stats { position: relative; width: var(--kgu-side-child-width); background: #FFF9E6; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border-radius: 4px; background-image: linear-gradient(#F0E6D0 1px, transparent 1px), linear-gradient(90deg, #F0E6D0 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-bakery-horizontal .tape { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 40px; height: 12px; background: rgba(255, 235, 205, 0.8); border-radius: 2px; z-index: 10; }
.animationblondie-kgu-bakery-horizontal .gingerbread { position: absolute; bottom: 6px; right: 6px; width: 18px; height: 18px; }
.animationblondie-kgu-bakery-horizontal .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #A08050; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-bakery-horizontal .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #8B6914; line-height: 1; }
.animationblondie-kgu-bakery-horizontal .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #A08050; }
.animationblondie-kgu-bakery-horizontal .main-title::before,
    .animationblondie-kgu-bakery-horizontal .main-title::after {
      content: '♥';
      color: #E8A0A0;
      font-size: 8px;
      margin: 0 4px;
    }

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-bakery-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-bakery-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-bakery-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-bakery-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-bakery-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-bakery-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-bakery-horizontal .child-stats { flex-shrink: 0; }

/* --- Kawaii Kitchen Horizontal --- */
.animationblondie-kgu-kitchen-horizontal {
position: relative;
}

.animationblondie-kgu-kitchen-horizontal .child-inline {
display: flex;
gap: var(--kgu-horizontal-gap);
align-items: flex-start;
}

.animationblondie-kgu-kitchen-horizontal .child-inline .main-note {
flex: none;
}
.animationblondie-kgu-kitchen-horizontal .main-note { position: relative; width: var(--kgu-side-main-width); background-color: #f8f9fa; background-image: linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%); background-size: 18px 18px, 18px 18px, 100% 100%; border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); padding-top: 16px; box-shadow: var(--kgu-shadow); border: 3px solid #8BCACA; text-align: center; }
.animationblondie-kgu-kitchen-horizontal .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 7px; background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA); border-radius: 9px 9px 0 0; }
.animationblondie-kgu-kitchen-horizontal .pin-donut { position: absolute; top: -10px; width: 24px; height: 24px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-kitchen-horizontal .pin-donut.left { left: 12px; }
.animationblondie-kgu-kitchen-horizontal .pin-donut.right { right: 12px; }
.animationblondie-kgu-kitchen-horizontal .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-kitchen-horizontal .pancake-mascot { width: 58px; height: 46px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-kitchen-horizontal .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #2F6B6B; margin-bottom: 6px; }
.animationblondie-kgu-kitchen-horizontal .main-title::before, .animationblondie-kgu-kitchen-horizontal .main-title::after { content: '¶5'; color: #5A9A9A; font-size: 8px; margin: 0 3px; }
.animationblondie-kgu-kitchen-horizontal .bar-wrapper { background: #FFF9F0; border-radius: 16px; padding: 3px 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #E8D8C8; }
.animationblondie-kgu-kitchen-horizontal .kitchen-bar { height: var(--kgu-side-bar-height); width: 0%; }
.animationblondie-kgu-kitchen-horizontal .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #2F6B6B; margin-top: 6px; }
.animationblondie-kgu-kitchen-horizontal .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF9B0; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #E8D88C 16px, #E8D88C 17px); background-position: 0 26px; }
.animationblondie-kgu-kitchen-horizontal .rolling-pin { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 70px; height: 20px; z-index: 10; }
.animationblondie-kgu-kitchen-horizontal .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8B7355; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-kitchen-horizontal .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-kitchen-horizontal .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-kitchen-horizontal .donor-amt { color: #8B6914; font-weight: 600; }
.animationblondie-kgu-kitchen-horizontal .child-stats { position: relative; width: var(--kgu-side-child-width); background: linear-gradient(180deg, #D8D8D8 0%, #B8B8B8 100%); padding: 16px 10px 12px 10px; box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.25); transform: rotate(-1deg); text-align: center; border-radius: 10px; border: 2px solid #A8A8A8; }
.animationblondie-kgu-kitchen-horizontal .child-stats::before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background: linear-gradient(180deg, #F5F5F5 0%, #E8E8E8 100%); border-radius: 6px; border: 2px solid #C8C8C8; z-index: 0; }
.animationblondie-kgu-kitchen-horizontal .oven-mitt { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 32px; z-index: 10; }
.animationblondie-kgu-kitchen-horizontal .oven-mitt.left { left: -14px; }
.animationblondie-kgu-kitchen-horizontal .oven-mitt.right { right: -14px; transform: translateY(-50%) scaleX(-1); }
.animationblondie-kgu-kitchen-horizontal .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-horizontal .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 26px; color: #5A5A5A; line-height: 1; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-horizontal .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #666; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-horizontal .oven-icon { width: 26px; height: 22px; margin: 3px auto 0 auto; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-horizontal .main-title::before,
    .animationblondie-kgu-kitchen-horizontal .main-title::after {
      content: '♥';
      color: #5A9A9A;
      font-size: 8px;
      margin: 0 3px;
    }
.animationblondie-kgu-kitchen-horizontal .donut {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      animation: kitchen-donut-bounce 1.5s ease-in-out infinite;
    }
.animationblondie-kgu-kitchen-horizontal .donut:nth-child(1) { animation-delay: 0s; }
.animationblondie-kgu-kitchen-horizontal .donut:nth-child(2) { animation-delay: 0.1s; }
.animationblondie-kgu-kitchen-horizontal .donut:nth-child(3) { animation-delay: 0.2s; }
.animationblondie-kgu-kitchen-horizontal .donut:nth-child(4) { animation-delay: 0.3s; }
.animationblondie-kgu-kitchen-horizontal .donut:nth-child(5) { animation-delay: 0.4s; }
.animationblondie-kgu-kitchen-horizontal .donut:nth-child(6) { animation-delay: 0.5s; }
.animationblondie-kgu-kitchen-horizontal .donut:nth-child(7) { animation-delay: 0.6s; }

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-kitchen-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-kitchen-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-kitchen-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-kitchen-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-kitchen-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-kitchen-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-kitchen-horizontal .child-stats { flex-shrink: 0; }


/* ═══════════════════════════════════════════════════════════════════
   VERTICAL LAYOUTS
   Main card on top, child cards side-by-side below using .child-flow
   ═══════════════════════════════════════════════════════════════════ */

/* --- Kawaii Cloud Vertical --- */
.animationblondie-kgu-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-vertical .main-note {
position: relative;
background: #E9DEFA;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-combo-padding);
box-shadow: var(--kgu-shadow);
width: 100%;
text-align: center;
}
.animationblondie-kgu-vertical .pin-svg {
position: absolute;
top: -10px;
width: 28px;
height: 28px;
z-index: 20;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}
.animationblondie-kgu-vertical .pin-svg.left { left: 12px; }
.animationblondie-kgu-vertical .pin-svg.right { right: 12px; }
.animationblondie-kgu-vertical .main-content {
text-align: center;
}
.animationblondie-kgu-vertical .cloud-rainbow {
width: 80px;
height: 50px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}
.animationblondie-kgu-vertical .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-combo-title-size);
color: #5D576B;
margin-bottom: 6px;
}
.animationblondie-kgu-vertical .bar-wrapper {
background: white;
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}
.animationblondie-kgu-vertical .striped-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
border-radius: 14px;
background-image: linear-gradient(90deg, #A2D2FF 0%, #A2D2FF 50%, #FFC8DD 50%, #FFC8DD 100%);
background-size: 40px 100%;
animation: animationblondie-kgu-stripes 1.5s linear infinite;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}
.animationblondie-kgu-vertical .paper-clip {
position: absolute;
top: -12px;
right: 18px;
width: 18px;
height: 40px;
z-index: 10;
transform: rotate(-10deg);
}
.animationblondie-kgu-vertical .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #666;
min-height: 90px; /* 5 rows × 18px */
}
.animationblondie-kgu-vertical .donor-row {
display: flex;
justify-content: space-between;
align-items: baseline;
height: 18px;
line-height: 18px;
}
.animationblondie-kgu-vertical .donor-amt {
color: #D65D78;
font-weight: 600;
}
.animationblondie-kgu-vertical .star-pin {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
width: 24px;
height: 24px;
z-index: 10;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
}

.animationblondie-kgu-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-vertical .child-donors {
position: relative;
width: 48%;
background: #fff;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(transparent 16px, #ccc 16px, #ccc 17px);
background-size: 100% 17px;
background-position: 0 26px;
}
.animationblondie-kgu-vertical .paper-clip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 10;
transform: rotate(-8deg);
}
.animationblondie-kgu-vertical .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-bottom: 4px;
}
.animationblondie-kgu-vertical .child-stats {
position: relative;
width: 48%;
background: #F8F5FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#E5D9F2 1px, transparent 1px),
linear-gradient(90deg, #E5D9F2 1px, transparent 1px);
background-size: 10px 10px;
}
.animationblondie-kgu-vertical .star-pin {
position: absolute;
top: -9px;
left: 50%;
transform: translateX(-50%);
width: 22px;
height: 22px;
z-index: 10;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
}
.animationblondie-kgu-vertical .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}
.animationblondie-kgu-vertical .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
line-height: 1;
}
.animationblondie-kgu-vertical .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #CDB4DB;
}

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* --- Boba Tea Vertical --- */
.animationblondie-kgu-boba-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-boba-vertical .main-note {
position: relative;
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-combo-padding);
box-shadow: var(--kgu-shadow);
border: 4px solid white;
width: 100%;
text-align: center;
}
.animationblondie-kgu-boba-vertical .heart-pin {
position: absolute;
top: -12px;
width: 34px;
height: 34px;
background: #FFFDF5;
border-radius: 50%;
box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid white;
z-index: 20;
}
.animationblondie-kgu-boba-vertical .heart-pin.left {
left: 14px;
transform: rotate(-12deg);
}
.animationblondie-kgu-boba-vertical .heart-pin.right {
right: 14px;
transform: rotate(12deg);
background: #FFC8DD;
}
.animationblondie-kgu-boba-vertical .heart-pin svg {
width: 17px;
height: 17px;
fill: #FF8FAB;
}
.animationblondie-kgu-boba-vertical .heart-pin.right .dashed-circle {
width: 24px;
height: 24px;
border-radius: 50%;
border: 3px dashed rgba(255,255,255,0.6);
}
.animationblondie-kgu-boba-vertical .main-content {
text-align: center;
position: relative;
z-index: 2;
}
.animationblondie-kgu-boba-vertical .mascot-icon {
width: 70px;
height: 55px;
margin: 0 auto 2px auto;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}
.animationblondie-kgu-boba-vertical .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-combo-title-size);
color: #5D576B;
margin-bottom: 6px;
transform: rotate(-1deg);
}
.animationblondie-kgu-boba-vertical .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
border: 2px solid white;
}
.animationblondie-kgu-boba-vertical .polka-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
border-radius: 14px;
background-color: #FFC8DD;
background-image:
radial-gradient(#FFFFFF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
animation: animationblondie-kgu-polkadots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
transition: width 0.5s ease;
}
.animationblondie-kgu-boba-vertical .paperclip {
position: absolute;
top: -18px;
right: 22px;
width: 28px;
height: 56px;
z-index: 30;
transform: rotate(-3deg);
}
.animationblondie-kgu-boba-vertical .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 13px;
color: #7A6B88;
min-height: 90px; /* 5 rows × 18px */
}
.animationblondie-kgu-boba-vertical .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 18px;
line-height: 18px;
border-bottom: 1px solid rgba(255,143,171,0.1);
}
.animationblondie-kgu-boba-vertical .donor-row:last-child {
border-bottom: none;
}
.animationblondie-kgu-boba-vertical .donor-amt {
color: #D87093;
font-weight: 700;
}
.animationblondie-kgu-boba-vertical .washi-tape {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 80px;
height: 20px;
background: rgba(255,200,221,0.9);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(255,255,255,0.6) 10px,
rgba(255,255,255,0.6) 20px
);
z-index: 10;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.animationblondie-kgu-boba-vertical .boba-icon {
width: 28px;
height: 28px;
margin: 0 auto 4px auto;
}

.animationblondie-kgu-boba-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-boba-vertical .child-donors {
position: relative;
width: 48%;
background: #FFFDE7;
padding: 16px 8px 8px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFB7B2 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 28px;
}
.animationblondie-kgu-boba-vertical .paperclip {
position: absolute;
top: -14px;
right: 14px;
width: 22px;
height: 44px;
z-index: 30;
transform: rotate(-3deg);
}
.animationblondie-kgu-boba-vertical .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #5D576B;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
margin-bottom: 4px;
opacity: 0.6;
}
.animationblondie-kgu-boba-vertical .child-stats {
position: relative;
width: 48%;
background: #FFF0F5;
padding: 16px 8px 10px 8px;
box-shadow: 2px 4px 12px -2px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#FFC8DD 1px, transparent 1px),
linear-gradient(90deg, #FFC8DD 1px, transparent 1px);
background-size: 16px 16px;
}
.animationblondie-kgu-boba-vertical .washi-tape {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 65px;
height: 16px;
background: rgba(255,200,221,0.9);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 8px,
rgba(255,255,255,0.6) 8px,
rgba(255,255,255,0.6) 16px
);
z-index: 10;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.animationblondie-kgu-boba-vertical .boba-icon {
width: 22px;
height: 22px;
margin-bottom: 2px;
}
.animationblondie-kgu-boba-vertical .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 2px;
}
.animationblondie-kgu-boba-vertical .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 32px;
color: #D87093;
font-weight: 700;
line-height: 1;
}
.animationblondie-kgu-boba-vertical .child-stats-divider {
width: 70%;
height: 2px;
background: #FFC8DD;
margin: 3px auto;
}
.animationblondie-kgu-boba-vertical .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 14px;
color: #9F86C0;
opacity: 0.7;
}

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-boba-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-boba-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-boba-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-boba-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-boba-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-boba-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-boba-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-boba-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* --- Stationery Desk Vertical --- */
.animationblondie-kgu-stationery-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-stationery-vertical .main-note {
position: relative;
background: linear-gradient(180deg, #fff9f0 0%, #fff5e6 100%);
padding: var(--kgu-combo-padding);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(139, 90, 43, 0.15), inset 0 0 0 1px rgba(139, 90, 43, 0.1);
width: 100%;
}
.animationblondie-kgu-stationery-vertical .main-note::before {
content: '';
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 20px;
background: repeating-linear-gradient(180deg, transparent, transparent 7px, #d4a574 7px, #d4a574 9px, transparent 9px, transparent 12px);
}
.animationblondie-kgu-stationery-vertical .main-note::after {
content: '';
position: absolute;
left: 24px;
right: 10px;
top: 65px;
bottom: 10px;
background: repeating-linear-gradient(180deg, transparent, transparent 16px, #e8d5c4 16px, #e8d5c4 17px);
pointer-events: none;
opacity: 0.5;
}
.animationblondie-kgu-stationery-vertical .main-content {
position: relative;
z-index: 1;
padding-left: 16px;
text-align: center;
}
.animationblondie-kgu-stationery-vertical .notebook-icon {
width: 45px;
height: 45px;
object-fit: contain;
margin: 0 auto 2px auto;
display: block;
}
.animationblondie-kgu-stationery-vertical .main-title {
font-family: 'Caveat', cursive;
font-size: var(--kgu-combo-title-size);
font-weight: 600;
color: #8b5a2b;
margin-bottom: 6px;
}
.animationblondie-kgu-stationery-vertical .bar-wrapper {
height: var(--kgu-combo-bar-height);
background: #f5ebe0;
border-radius: 10px;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(139, 90, 43, 0.15);
}
.animationblondie-kgu-stationery-vertical .main-bar-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #f4a460 0%, #daa520 100%);
border-radius: 10px;
transition: width 0.5s ease;
}
.animationblondie-kgu-stationery-vertical .main-values {
font-family: 'Patrick Hand', cursive;
font-size: var(--kgu-simple-values-size);
color: #a0522d;
}
.animationblondie-kgu-stationery-vertical .pen-deco {
position: absolute;
bottom: -28px;
right: -12px;
transform: rotate(25deg);
z-index: 9999;
}
.animationblondie-kgu-stationery-vertical .pen-icon {
width: 42px;
height: 42px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}
.animationblondie-kgu-stationery-vertical .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #b85c7a;
min-height: 110px;
}
.animationblondie-kgu-stationery-vertical .donor-row {
display: flex;
justify-content: space-between;
padding: 2px 0;
border-bottom: 1px dashed rgba(216, 112, 147, 0.2);
height: 22px;
line-height: 22px;
box-sizing: border-box;
}
.animationblondie-kgu-stationery-vertical .donor-row:last-child { border-bottom: none; }
.animationblondie-kgu-stationery-vertical .donor-amt {
color: #e07a9d;
font-weight: 600;
}

.animationblondie-kgu-stationery-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-stationery-vertical .child-donors {
position: relative;
width: 48%;
background: linear-gradient(145deg, #ffeef0 0%, #ffe4e8 100%);
padding: 14px 8px 8px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(1deg);
}
.animationblondie-kgu-stationery-vertical .child-donors::before {
content: '';
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
width: 45px;
height: 10px;
background: linear-gradient(90deg, rgba(255, 182, 193, 0.7) 0%, rgba(255, 182, 193, 0.9) 50%, rgba(255, 182, 193, 0.7) 100%);
border-radius: 2px;
}
.animationblondie-kgu-stationery-vertical .child-donors-title {
font-family: 'Nunito', sans-serif;
font-size: 9px;
font-weight: 700;
color: #d4749a;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 0.5px;
}
.animationblondie-kgu-stationery-vertical .child-stats {
position: relative;
width: 48%;
background: linear-gradient(145deg, #e8f4f0 0%, #d4ebe4 100%);
padding: 14px 8px 10px 8px;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
transform: rotate(-1deg);
text-align: center;
}
.animationblondie-kgu-stationery-vertical .child-stats::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #a8d5c5 transparent;
}
.animationblondie-kgu-stationery-vertical .child-stats-icon {
width: 20px;
height: 20px;
object-fit: contain;
margin-bottom: 2px;
}
.animationblondie-kgu-stationery-vertical .child-stats-value {
font-family: 'Caveat', cursive;
font-size: 26px;
font-weight: 600;
color: #2e8b6e;
line-height: 1;
}
.animationblondie-kgu-stationery-vertical .child-stats-label {
font-family: 'Nunito', sans-serif;
font-size: 8px;
font-weight: 600;
color: #3a9d7c;
text-transform: uppercase;
}
.animationblondie-kgu-stationery-vertical .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #5ab593;
}

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-stationery-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-stationery-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-stationery-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-stationery-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-stationery-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-stationery-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-stationery-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-stationery-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* --- Birthday Vertical --- */
.animationblondie-kgu-birthday-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-birthday-vertical .main-note {
position: relative;
background: #FFE5D9;
border-radius: var(--kgu-border-radius);
padding: var(--kgu-combo-padding);
box-shadow: var(--kgu-shadow);
border: 3px solid white;
width: 100%;
text-align: center;
}
.animationblondie-kgu-birthday-vertical .heart-pin {
position: absolute;
top: -10px;
width: 28px;
height: 28px;
background: #FFF0F5;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #FFC8DD;
z-index: 20;
}
.animationblondie-kgu-birthday-vertical .heart-pin.left { left: 12px; }
.animationblondie-kgu-birthday-vertical .heart-pin.right { right: 12px; }
.animationblondie-kgu-birthday-vertical .heart-pin svg {
width: 14px;
height: 14px;
}
.animationblondie-kgu-birthday-vertical .balloon {
position: absolute;
width: 32px;
height: 44px;
z-index: 30;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.1));
}
.animationblondie-kgu-birthday-vertical .balloon-tl {
top: -25px;
left: -8px;
animation: animationblondie-kgu-float 4s ease-in-out infinite;
}
.animationblondie-kgu-birthday-vertical .balloon-tr {
top: -25px;
right: -8px;
animation: animationblondie-kgu-float 5s ease-in-out infinite 1s;
}
.animationblondie-kgu-birthday-vertical .balloon-bl {
bottom: -20px;
left: -8px;
z-index: 9999;
animation: animationblondie-kgu-float 4.5s ease-in-out infinite 0.5s;
}
.animationblondie-kgu-birthday-vertical .balloon-br {
bottom: -20px;
right: -8px;
z-index: 9999;
animation: animationblondie-kgu-float 5.5s ease-in-out infinite 1.5s;
}
.animationblondie-kgu-birthday-vertical .main-content {
text-align: center;
}
.animationblondie-kgu-birthday-vertical .mascot-icon {
width: 70px;
height: 60px;
margin: 0 auto 0 auto;
}
.animationblondie-kgu-birthday-vertical .main-title {
font-family: 'Pacifico', cursive;
font-size: var(--kgu-combo-title-size);
color: #5D576B;
margin-bottom: 6px;
}
.animationblondie-kgu-birthday-vertical .bar-wrapper {
background: rgba(255,255,255,0.6);
border-radius: 18px;
padding: 5px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
}
.animationblondie-kgu-birthday-vertical .polka-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
border-radius: 14px;
background-color: #FFC8DD;
background-image:
radial-gradient(#A2D2FF 15%, transparent 16%),
radial-gradient(#FF8FAB 15%, transparent 16%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
animation: animationblondie-kgu-birthday-dots 3s linear infinite;
box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05);
transition: width 0.5s ease;
}
.animationblondie-kgu-birthday-vertical .main-values {
font-family: 'Patrick Hand', cursive;
font-size: var(--kgu-simple-values-size);
color: #7A6B88;
}
.animationblondie-kgu-birthday-vertical .paperclip {
position: absolute;
top: -12px;
right: 18px;
width: 18px;
height: 40px;
z-index: 30;
transform: rotate(-10deg);
}
.animationblondie-kgu-birthday-vertical .donor-list {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #7A6B88;
min-height: 90px;
}
.animationblondie-kgu-birthday-vertical .donor-row {
display: flex;
justify-content: space-between;
align-items: center;
height: 18px;
line-height: 18px;
}
.animationblondie-kgu-birthday-vertical .donor-amt {
color: #FF8FAB;
font-weight: 700;
}
.animationblondie-kgu-birthday-vertical .washi-tape {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 55px;
height: 14px;
background: rgba(189,224,254,0.8);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 4px,
rgba(255,255,255,0.5) 4px,
rgba(255,255,255,0.5) 8px
);
z-index: 30;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.animationblondie-kgu-birthday-vertical .cake-icon {
width: 24px;
height: 24px;
margin-bottom: 2px;
}

.animationblondie-kgu-birthday-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-birthday-vertical .child-donors {
position: relative;
width: 48%;
background: #FFF0F5;
padding: 14px 8px 8px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(1deg);
background-image: linear-gradient(#FFC8DD 1px, transparent 1px);
background-size: 100% 17px;
background-position: 0 26px;
}
.animationblondie-kgu-birthday-vertical .paperclip {
position: absolute;
top: -10px;
right: 12px;
width: 16px;
height: 36px;
z-index: 30;
transform: rotate(-8deg);
}
.animationblondie-kgu-birthday-vertical .child-donors-title {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #FF8FAB;
text-transform: uppercase;
text-align: center;
margin-bottom: 4px;
letter-spacing: 1px;
}
.animationblondie-kgu-birthday-vertical .child-stats {
position: relative;
width: 48%;
background: #F0F8FF;
padding: 14px 8px 10px 8px;
box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
transform: rotate(-2deg);
text-align: center;
background-image:
linear-gradient(#D6EAF8 1px, transparent 1px),
linear-gradient(90deg, #D6EAF8 1px, transparent 1px);
background-size: 10px 10px;
}
.animationblondie-kgu-birthday-vertical .washi-tape {
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%) rotate(1deg);
width: 50px;
height: 12px;
background: rgba(189,224,254,0.8);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 3px,
rgba(255,255,255,0.5) 3px,
rgba(255,255,255,0.5) 6px
);
z-index: 30;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.animationblondie-kgu-birthday-vertical .cake-icon {
width: 20px;
height: 20px;
margin-bottom: 2px;
}
.animationblondie-kgu-birthday-vertical .child-stats-label {
font-family: 'Fredoka', sans-serif;
font-size: 8px;
font-weight: 700;
color: #9F86C0;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
}
.animationblondie-kgu-birthday-vertical .child-stats-value {
font-family: 'Patrick Hand', cursive;
font-size: 28px;
color: #9F86C0;
font-weight: 700;
line-height: 1;
}
.animationblondie-kgu-birthday-vertical .child-stats-goal {
font-family: 'Patrick Hand', cursive;
font-size: 12px;
color: #A2D2FF;
}

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-birthday-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-birthday-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-birthday-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-birthday-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-birthday-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-birthday-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-birthday-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-birthday-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* --- Witchy Magic Vertical --- */
.animationblondie-kgu-witchy-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-witchy-vertical .main-note { position: relative; background: #E0D4FC; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); box-shadow: var(--kgu-shadow); text-align: center;
width: 100%;
}
.animationblondie-kgu-witchy-vertical .moon-deco { position: absolute; top: -18px; width: 44px; height: 44px; z-index: 20; filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.12)); }
.animationblondie-kgu-witchy-vertical .moon-deco.left { left: -12px; transform: rotate(-20deg); }
.animationblondie-kgu-witchy-vertical .moon-deco.right { right: -12px; transform: rotate(15deg) scaleX(-1); }
.animationblondie-kgu-witchy-vertical .main-content { text-align: center; position: relative; z-index: 1; }
.animationblondie-kgu-witchy-vertical .mascot-icon { width: 65px; height: 50px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); transform: rotate(-2deg); }
.animationblondie-kgu-witchy-vertical .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #6A5F80; margin-bottom: 6px; transform: rotate(-1deg); opacity: 0.9; }
.animationblondie-kgu-witchy-vertical .bar-wrapper { background: #CBBCE6; border-radius: 18px; padding: 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); border: 1px solid rgba(179,157,219,0.3); overflow: visible; position: relative; }
.animationblondie-kgu-witchy-vertical .sparkle-bar {
height: var(--kgu-combo-bar-height);
width: 0%;
min-width: 30px;
border-radius: 14px;
background-color: #B39DDB;
background-image: radial-gradient(#FFF 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.7) 15%, transparent 16%), radial-gradient(rgba(255,255,255,0.4) 15%, transparent 16%);
background-size: 15px 15px, 24px 24px, 10px 10px;
background-position: 0 0, 10px 10px, 5px 5px;
animation: animationblondie-kgu-sparkle-slide 2s linear infinite;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
position: relative;
transition: width 0.5s ease;
}
.animationblondie-kgu-witchy-vertical .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #6A5F80; margin-top: 6px; }
.animationblondie-kgu-witchy-vertical .paperclip { position: absolute; top: -14px; right: 22px; width: 26px; height: 50px; z-index: 30; transform: rotate(-5deg); }
.animationblondie-kgu-witchy-vertical .donor-list { font-family: 'Patrick Hand', cursive; font-size: 13px; color: #6A5F80; min-height: 90px; }
.animationblondie-kgu-witchy-vertical .donor-row { display: flex; justify-content: space-between; align-items: center; height: 18px; line-height: 18px; }
.animationblondie-kgu-witchy-vertical .donor-amt { color: #7E57C2; font-weight: 700; }
.animationblondie-kgu-witchy-vertical .washi-tape { position: absolute; top: -10px; left: 50%; transform: translateX(-50%) rotate(2deg); width: 70px; height: 18px; background: linear-gradient(90deg, #B39DDB 0%, #B39DDB 33%, #D1C4E9 33%, #D1C4E9 66%, #9575CD 66%, #9575CD 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-witchy-vertical .witch-icon { width: 28px; height: 24px; margin: 0 auto 4px auto; }

.animationblondie-kgu-witchy-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-witchy-vertical .child-donors { position: relative; width: 48%; background: #FEFEFE; padding: 14px 8px 8px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #D1C4E9 16px, #D1C4E9 17px); background-position: 0 26px; }
.animationblondie-kgu-witchy-vertical .paperclip { position: absolute; top: -12px; right: 14px; width: 22px; height: 44px; z-index: 30; transform: rotate(-5deg); }
.animationblondie-kgu-witchy-vertical .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-witchy-vertical .child-stats { position: relative; width: 48%; background: #F2EBFF; padding: 16px 8px 10px 8px; box-shadow: 2px 4px 8px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border: 1px solid #E0D4FC; background-image: linear-gradient(#D1C4E9 1px, transparent 1px), linear-gradient(90deg, #D1C4E9 1px, transparent 1px); background-size: 16px 16px; background-position: center 8px; }
.animationblondie-kgu-witchy-vertical .washi-tape { position: absolute; top: -8px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 55px; height: 14px; background: linear-gradient(90deg, #B39DDB 0%, #B39DDB 33%, #D1C4E9 33%, #D1C4E9 66%, #9575CD 66%, #9575CD 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-witchy-vertical .witch-icon { width: 22px; height: 18px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-vertical .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #8E86A0; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 2px; }
.animationblondie-kgu-witchy-vertical .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 32px; color: #6A5F80; font-weight: 700; line-height: 1; }
.animationblondie-kgu-witchy-vertical .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #8E86A0; }

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-witchy-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-witchy-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-witchy-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-witchy-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-witchy-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-witchy-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-witchy-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-witchy-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* --- Toasty Vertical --- */
.animationblondie-kgu-toasty-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-toasty-vertical .main-note { position: relative; background: #FFF9C4; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); box-shadow: var(--kgu-shadow); border: 1px solid #FFF59D; text-align: center;
width: 100%;
}
.animationblondie-kgu-toasty-vertical .pin-svg { position: absolute; top: -16px; width: 36px; height: 36px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-vertical .pin-svg.left { left: 10px; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-vertical .pin-svg.right { right: 10px; transform: rotate(15deg); }
.animationblondie-kgu-toasty-vertical .main-content { text-align: center; }
.animationblondie-kgu-toasty-vertical .toast-mascot { width: 75px; height: 65px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08)); animation: animationblondie-kgu-float 3s ease-in-out infinite; }
.animationblondie-kgu-toasty-vertical .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #5D4037; margin-bottom: 6px; }
.animationblondie-kgu-toasty-vertical .bar-wrapper { background: #FFFDE7; border-radius: 18px; padding: 5px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 1px solid #FFF59D; }
.animationblondie-kgu-toasty-vertical .toast-bar { height: var(--kgu-combo-bar-height); width: 0%; border-radius: 14px; background: #FFE082; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-toasty-vertical .toast-bar::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: toasty-shimmer 2.5s ease-in-out infinite; }
.animationblondie-kgu-toasty-vertical .toast-bar::after { content: ''; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: white; opacity: 0.2; border-radius: 10px; }
.animationblondie-kgu-toasty-vertical .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #5D4037; margin-top: 6px; }
.animationblondie-kgu-toasty-vertical .paper-clip { position: absolute; top: -12px; right: 18px; width: 18px; height: 40px; z-index: 10; transform: rotate(-10deg); }
.animationblondie-kgu-toasty-vertical .donor-list { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; min-height: 90px; }
.animationblondie-kgu-toasty-vertical .donor-row { display: flex; justify-content: space-between; align-items: baseline; height: 18px; line-height: 18px; }
.animationblondie-kgu-toasty-vertical .donor-amt { color: #E65100; font-weight: 600; }
.animationblondie-kgu-toasty-vertical .sun-pin { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; z-index: 10; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }

.animationblondie-kgu-toasty-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-toasty-vertical .child-donors { position: relative; width: 48%; background: #FFFDE7; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(1deg); background-image: repeating-linear-gradient(transparent, transparent 16px, #FFE082 16px, #FFE082 17px); background-position: 0 26px; }
.animationblondie-kgu-toasty-vertical .paper-clip { position: absolute; top: -10px; right: 12px; width: 16px; height: 36px; z-index: 10; transform: rotate(-8deg); }
.animationblondie-kgu-toasty-vertical .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 600; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-toasty-vertical .child-stats { position: relative; width: 48%; background: #FFF3E0; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(93,64,55,0.12); transform: rotate(-2deg); text-align: center; background-image: linear-gradient(#FFCC80 1px, transparent 1px), linear-gradient(90deg, #FFCC80 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-toasty-vertical .sun-pin { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 22px; height: 22px; z-index: 10; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-toasty-vertical .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8D6E63; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-toasty-vertical .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #5D4037; line-height: 1; }
.animationblondie-kgu-toasty-vertical .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8D6E63; }

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-toasty-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-toasty-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-toasty-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-toasty-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-toasty-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-toasty-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-toasty-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-toasty-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* --- Kawaii Bakery Vertical --- */
.animationblondie-kgu-bakery-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-bakery-vertical .main-note { position: relative; background: #FDF2F4; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); box-shadow: var(--kgu-shadow); border: 3px solid #F8D7DA; overflow: visible; text-align: center;
width: 100%;
}
.animationblondie-kgu-bakery-vertical .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cpath d=%27M20 5c-2 0-4 2-4 4s2 4 2 6-2 4-2 6 2 4 4 4%27 fill=%27none%27 stroke=%27%23E8B4B8%27 stroke-width=%271.5%27 opacity=%270.4%27/%3E%3C/svg%3E"); background-size: 50px 50px; pointer-events: none; opacity: 0.6; border-radius: var(--kgu-border-radius); }
.animationblondie-kgu-bakery-vertical .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-bakery-vertical .cupcake-mascot { width: 65px; height: 55px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); }
.animationblondie-kgu-bakery-vertical .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #8B5A5A; margin-bottom: 6px; }
.animationblondie-kgu-bakery-vertical .main-title::before, .animationblondie-kgu-bakery-vertical .main-title::after { content: '¶5'; color: #E8A0A0; font-size: 10px; margin: 0 5px; }
.animationblondie-kgu-bakery-vertical .bar-wrapper { background: #FFF5F5; border-radius: 18px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); border: 2px solid #F8D7DA; }
.animationblondie-kgu-bakery-vertical .macaron-bar { height: var(--kgu-combo-bar-height); width: 0%; border-radius: 14px; background: linear-gradient(90deg, #FFB6C1 0%, #FFB6C1 25%, #87CEEB 25%, #87CEEB 50%, #FFE4B5 50%, #FFE4B5 75%, #98D8AA 75%, #98D8AA 100%); background-size: 60px 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: width 0.5s ease; }
.animationblondie-kgu-bakery-vertical .macaron-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); animation: bakery-shimmer 3s ease-in-out infinite; }
.animationblondie-kgu-bakery-vertical .rolling-pin { position: absolute; bottom: -25px; right: -10px; width: 40px; height: 40px; z-index: 9999; transform: rotate(-25deg); filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-bakery-vertical .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #8B5A5A; margin-top: 6px; }
.animationblondie-kgu-bakery-vertical .paperclip { position: absolute; top: -8px; right: 15px; width: 20px; height: 40px; z-index: 10; }
.animationblondie-kgu-bakery-vertical .donor-list { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #8B5A5A; min-height: 90px; }
.animationblondie-kgu-bakery-vertical .donor-row { display: flex; justify-content: space-between; align-items: center; height: 18px; line-height: 18px; }
.animationblondie-kgu-bakery-vertical .donor-amt { color: #C27878; font-weight: 600; }
.animationblondie-kgu-bakery-vertical .tape { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 45px; height: 14px; background: rgba(255, 235, 205, 0.8); border-radius: 2px; z-index: 10; }
.animationblondie-kgu-bakery-vertical .gingerbread { position: absolute; bottom: 8px; right: 8px; width: 22px; height: 22px; }
.animationblondie-kgu-bakery-vertical .main-title::before,
    .animationblondie-kgu-bakery-vertical .main-title::after {
      content: '♥';
      color: #E8A0A0;
      font-size: 10px;
      margin: 0 5px;
    }

.animationblondie-kgu-bakery-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-bakery-vertical .rolling-pin { position: absolute; bottom: -10px; right: -8px; width: 32px; height: 32px; z-index: 100; transform: rotate(-25deg); filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-bakery-vertical .child-donors { position: relative; width: 48%; background: #FFF0F2; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #F8D7DA 16px, #F8D7DA 17px); background-position: 0 26px; }
.animationblondie-kgu-bakery-vertical .paperclip { position: absolute; top: -6px; right: 12px; width: 16px; height: 32px; z-index: 10; }
.animationblondie-kgu-bakery-vertical .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #C27878; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-bakery-vertical .child-stats { position: relative; width: 48%; background: #FFF9E6; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.12); transform: rotate(-2deg); text-align: center; border-radius: 4px; background-image: linear-gradient(#F0E6D0 1px, transparent 1px), linear-gradient(90deg, #F0E6D0 1px, transparent 1px); background-size: 10px 10px; }
.animationblondie-kgu-bakery-vertical .tape { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 40px; height: 12px; background: rgba(255, 235, 205, 0.8); border-radius: 2px; z-index: 10; }
.animationblondie-kgu-bakery-vertical .gingerbread { position: absolute; bottom: 6px; right: 6px; width: 18px; height: 18px; }
.animationblondie-kgu-bakery-vertical .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #A08050; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-bakery-vertical .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #8B6914; line-height: 1; }
.animationblondie-kgu-bakery-vertical .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #A08050; }

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-bakery-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-bakery-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-bakery-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-bakery-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-bakery-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-bakery-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-bakery-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-bakery-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* --- Kawaii Kitchen Vertical --- */
.animationblondie-kgu-kitchen-vertical {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
width: var(--kgu-vertical-width);
position: relative;
}
.animationblondie-kgu-kitchen-vertical .main-note { position: relative; background-color: #f8f9fa; background-image: linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(180deg, #C5E8E8 0%, #A8D8D8 100%); background-size: 22px 22px, 22px 22px, 100% 100%; border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); padding-top: 20px; box-shadow: var(--kgu-shadow); border: 3px solid #8BCACA; text-align: center;
width: 100%;
}
.animationblondie-kgu-kitchen-vertical .main-note::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 10px; background: linear-gradient(90deg, #FFB6C1, #87CEEB, #FFE4B5, #98D8AA, #FFB6C1, #87CEEB); border-radius: 9px 9px 0 0; }
.animationblondie-kgu-kitchen-vertical .pin-donut { position: absolute; top: -14px; width: 32px; height: 32px; z-index: 20; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15)); }
.animationblondie-kgu-kitchen-vertical .pin-donut.left { left: 18px; }
.animationblondie-kgu-kitchen-vertical .pin-donut.right { right: 18px; }
.animationblondie-kgu-kitchen-vertical .main-content { position: relative; z-index: 1; text-align: center; }
.animationblondie-kgu-kitchen-vertical .pancake-mascot { width: 70px; height: 55px; margin: 0 auto 2px auto; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); }
.animationblondie-kgu-kitchen-vertical .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-combo-title-size); color: #2F6B6B; margin-bottom: 6px; }
.animationblondie-kgu-kitchen-vertical .main-title::before, .animationblondie-kgu-kitchen-vertical .main-title::after { content: '¶5'; color: #5A9A9A; font-size: 9px; margin: 0 4px; }
.animationblondie-kgu-kitchen-vertical .bar-wrapper { background: #FFF9F0; border-radius: 22px; padding: 4px 8px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #E8D8C8; }
.animationblondie-kgu-kitchen-vertical .kitchen-bar { height: var(--kgu-combo-bar-height); width: 0%; }
.animationblondie-kgu-kitchen-vertical .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #2F6B6B; margin-top: 6px; }
.animationblondie-kgu-kitchen-vertical .rolling-pin { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 80px; height: 24px; z-index: 10; }
.animationblondie-kgu-kitchen-vertical .donor-list { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; min-height: 90px; }
.animationblondie-kgu-kitchen-vertical .donor-row { display: flex; justify-content: space-between; align-items: center; height: 18px; line-height: 18px; }
.animationblondie-kgu-kitchen-vertical .donor-amt { color: #8B6914; font-weight: 600; }
.animationblondie-kgu-kitchen-vertical .oven-mitt { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 38px; z-index: 10; }
.animationblondie-kgu-kitchen-vertical .oven-mitt.left { left: -16px; }
.animationblondie-kgu-kitchen-vertical .oven-mitt.right { right: -16px; transform: translateY(-50%) scaleX(-1); }
.animationblondie-kgu-kitchen-vertical .oven-icon { width: 32px; height: 28px; margin: 4px auto 0 auto; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-vertical .main-title::before,
    .animationblondie-kgu-kitchen-vertical .main-title::after {
      content: '♥';
      color: #5A9A9A;
      font-size: 9px;
      margin: 0 4px;
    }
.animationblondie-kgu-kitchen-vertical .donut {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      animation: kitchen-donut-bounce 1.5s ease-in-out infinite;
    }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(1) { animation-delay: 0s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(2) { animation-delay: 0.1s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(3) { animation-delay: 0.2s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(4) { animation-delay: 0.3s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(5) { animation-delay: 0.4s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(6) { animation-delay: 0.5s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(7) { animation-delay: 0.6s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(8) { animation-delay: 0.7s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(9) { animation-delay: 0.8s; }
.animationblondie-kgu-kitchen-vertical .donut:nth-child(10) { animation-delay: 0.9s; }

.animationblondie-kgu-kitchen-vertical .child-flow {
display: flex;
flex-direction: column;
gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-kitchen-vertical .child-donors { position: relative; width: 48%; background: #FFF9B0; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); border-radius: 4px; background-image: repeating-linear-gradient(transparent, transparent 16px, #E8D88C 16px, #E8D88C 17px); background-position: 0 26px; }
.animationblondie-kgu-kitchen-vertical .rolling-pin { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 70px; height: 20px; z-index: 10; }
.animationblondie-kgu-kitchen-vertical .child-donors-title { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #8B7355; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-kitchen-vertical .child-stats { position: relative; width: 48%; background: linear-gradient(180deg, #D8D8D8 0%, #B8B8B8 100%); padding: 16px 10px 12px 10px; box-shadow: 2px 3px 10px -1px rgba(0,0,0,0.25); transform: rotate(-1deg); text-align: center; border-radius: 10px; border: 2px solid #A8A8A8; }
.animationblondie-kgu-kitchen-vertical .child-stats::before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background: linear-gradient(180deg, #F5F5F5 0%, #E8E8E8 100%); border-radius: 6px; border: 2px solid #C8C8C8; z-index: 0; }
.animationblondie-kgu-kitchen-vertical .oven-mitt { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 32px; z-index: 10; }
.animationblondie-kgu-kitchen-vertical .oven-mitt.left { left: -14px; }
.animationblondie-kgu-kitchen-vertical .oven-mitt.right { right: -14px; transform: translateY(-50%) scaleX(-1); }
.animationblondie-kgu-kitchen-vertical .child-stats-label { font-family: 'Nunito', sans-serif; font-size: 8px; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-vertical .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 26px; color: #5A5A5A; line-height: 1; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-vertical .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #666; position: relative; z-index: 1; }
.animationblondie-kgu-kitchen-vertical .oven-icon { width: 26px; height: 22px; margin: 3px auto 0 auto; position: relative; z-index: 1; }

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-kitchen-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-kitchen-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-kitchen-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-kitchen-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-kitchen-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-kitchen-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-kitchen-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-kitchen-vertical .child-stats { flex-shrink: 0; min-width: 48%; }

/* Side/Side-left: hide main-values when stats card is visible */
.animationblondie-kgu-stationery-side .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-stationery-side-left .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-birthday-side .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-birthday-side-left .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-witchy-side .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-witchy-side-left .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-toasty-side .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-toasty-side-left .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-bakery-side .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-bakery-side-left .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-kitchen-side .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-kitchen-side-left .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-vacation-side .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-vacation-side-left .main-values.kgu-combo-values-hidden { display: none; }

/* ========================================== */
/* === KAWAII VACATION THEME               === */
/* ========================================== */

/* Wave animation for vacation bar */
@keyframes animationblondie-kgu-wave {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* === SIMPLE LAYOUT === */
.animationblondie-kgu-vacation-simple {
  position: relative;
  width: var(--kgu-simple-width);
}

.animationblondie-kgu-vacation-simple .main-note {
  position: relative;
  background: linear-gradient(180deg, #E0F7FA 0%, #B2EBF2 100%);
  border-radius: var(--kgu-border-radius);
  padding: var(--kgu-simple-padding);
  box-shadow: var(--kgu-shadow);
  border: 3px solid #80DEEA;
  text-align: center;
}

.animationblondie-kgu-vacation-simple .sun-deco {
  position: absolute;
  top: -18px;
  right: -12px;
  width: 50px;
  height: 50px;
  z-index: 25;
  animation: animationblondie-kgu-float 6s ease-in-out infinite;
}

.animationblondie-kgu-vacation-simple .beach-ball {
  position: absolute;
  bottom: -15px;
  left: -10px;
  width: 36px;
  height: 36px;
  z-index: 50;
  animation: animationblondie-kgu-float 4s ease-in-out infinite 0.5s;
}

.animationblondie-kgu-vacation-simple .main-content {
  text-align: center;
}

.animationblondie-kgu-vacation-simple .mascot-icon {
  width: 80px;
  height: 55px;
  margin: 0 auto 4px auto;
}

.animationblondie-kgu-vacation-simple .main-title {
  font-family: 'Pacifico', cursive;
  font-size: var(--kgu-simple-title-size);
  color: #00838F;
  margin-bottom: 8px;
}

.animationblondie-kgu-vacation-simple .bar-wrapper {
  background: rgba(255,255,255,0.7);
  border-radius: 16px;
  padding: 4px;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
  border: 2px solid #80DEEA;
}

.animationblondie-kgu-vacation-simple .wave-bar {
  height: var(--kgu-simple-bar-height);
  width: 70%;
  border-radius: 12px;
  background: linear-gradient(90deg, #48C9B0 0%, #26A69A 50%, #00BCD4 100%);
  background-size: 200% 100%;
  animation: animationblondie-kgu-wave 3s ease-in-out infinite;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
}

.animationblondie-kgu-vacation-simple .wave-bar::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image:
    radial-gradient(circle at 6px 6px, rgba(255,255,255,0.3) 2px, transparent 2px),
    radial-gradient(circle at 14px 14px, rgba(255,255,255,0.2) 1.5px, transparent 1.5px);
  background-size: 20px 20px;
}

.animationblondie-kgu-vacation-simple .main-values {
  font-family: 'Patrick Hand', cursive;
  font-size: var(--kgu-simple-values-size);
  color: #00695C;
  margin-top: 8px;
}

/* === COMBO LAYOUT === */
.animationblondie-kgu-vacation-combo {
  position: relative;
  width: var(--kgu-combo-width);
  padding-bottom: var(--kgu-combo-spacing);
}

.animationblondie-kgu-vacation-combo .main-note {
  position: relative;
  background: linear-gradient(180deg, #E0F7FA 0%, #B2EBF2 100%);
  border-radius: var(--kgu-border-radius);
  padding: var(--kgu-combo-padding);
  box-shadow: var(--kgu-shadow);
  border: 3px solid #80DEEA;
  text-align: center;
}

.animationblondie-kgu-vacation-combo .sun-deco {
  position: absolute;
  top: -22px;
  right: -15px;
  width: 60px;
  height: 60px;
  z-index: 25;
  animation: animationblondie-kgu-float 6s ease-in-out infinite;
}

.animationblondie-kgu-vacation-combo .beach-ball {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 30;
  filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.15));
}

.animationblondie-kgu-vacation-combo .beach-ball-tl {
  top: -20px;
  left: -10px;
  animation: animationblondie-kgu-float 4s ease-in-out infinite;
}

.animationblondie-kgu-vacation-combo .beach-ball-br {
  bottom: -15px;
  right: -10px;
  z-index: 9999;
  animation: animationblondie-kgu-float 5s ease-in-out infinite 1s;
  isolation: isolate;
}

.animationblondie-kgu-vacation-combo .main-content {
  text-align: center;
}

.animationblondie-kgu-vacation-combo .mascot-icon {
  width: 80px;
  height: 60px;
  margin: 0 auto 2px auto;
}

.animationblondie-kgu-vacation-combo .main-title {
  font-family: 'Pacifico', cursive;
  font-size: var(--kgu-combo-title-size);
  color: #00838F;
  margin-bottom: 6px;
}

.animationblondie-kgu-vacation-combo .bar-wrapper {
  background: rgba(255,255,255,0.7);
  border-radius: 18px;
  padding: 4px;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
  border: 2px solid #80DEEA;
}

.animationblondie-kgu-vacation-combo .wave-bar {
  height: var(--kgu-combo-bar-height);
  width: 65%;
  border-radius: 14px;
  background: linear-gradient(90deg, #48C9B0 0%, #26A69A 50%, #00BCD4 100%);
  background-size: 200% 100%;
  animation: animationblondie-kgu-wave 3s ease-in-out infinite;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
}

.animationblondie-kgu-vacation-combo .wave-bar::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image:
    radial-gradient(circle at 6px 6px, rgba(255,255,255,0.3) 2px, transparent 2px),
    radial-gradient(circle at 14px 14px, rgba(255,255,255,0.2) 1.5px, transparent 1.5px);
  background-size: 20px 20px;
}

.animationblondie-kgu-vacation-combo .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #00695C; margin-top: 6px; }
.animationblondie-kgu-vacation-combo .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-vacation-combo.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-vacation-combo.kgu-no-child-cards { padding-bottom: 18px; }
.animationblondie-kgu-vacation-combo .child-notes { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px; z-index: 1; overflow: visible; }
.animationblondie-kgu-vacation-combo .child-notes.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-vacation-combo .child-notes.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-vacation-combo .child-notes.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-vacation-combo .child-notes.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }
.animationblondie-kgu-vacation-combo.kgu-single-card.kgu-stats-only { padding-bottom: 85px; }
.animationblondie-kgu-vacation-combo.kgu-single-card.kgu-donors-only { padding-bottom: 130px; }

.animationblondie-kgu-vacation-combo .child-donors {
  position: relative;
  width: var(--kgu-combo-child-donors-width);
  min-width: var(--kgu-combo-child-donors-width);
  flex-shrink: 0;
  background: #FFF9C4;
  padding: 14px 10px 10px 10px;
  box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
  transform: rotate(-2deg);
  background-image: linear-gradient(#FFE082 1px, transparent 1px);
  background-size: 100% 18px;
  background-position: 0 28px;
}

.animationblondie-kgu-vacation-combo .sunglasses-clip {
  position: absolute;
  top: -12px;
  right: 18px;
  width: 28px;
  height: 18px;
  z-index: 30;
}

.animationblondie-kgu-vacation-combo .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 9px; font-weight: 700; color: #F57C00; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 5px; }
.animationblondie-kgu-vacation-combo .donor-list { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #5D4037; min-height: 90px; }
.animationblondie-kgu-vacation-combo .donor-row { display: flex; justify-content: space-between; align-items: center; height: 18px; line-height: 18px; }
.animationblondie-kgu-vacation-combo .donor-amt { color: #E65100; font-weight: 700; }

.animationblondie-kgu-vacation-combo .child-stats {
  position: relative;
  width: var(--kgu-combo-child-stats-width);
  min-width: 110px;
  max-width: 110px;
  flex-shrink: 0;
  flex-grow: 0;
  background: #E0F7FA;
  padding: 14px 10px 10px 10px;
  box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);
  transform: rotate(3deg);
  text-align: center;
  background-image: radial-gradient(circle at 8px 8px, rgba(0,188,212,0.15) 3px, transparent 3px);
  background-size: 16px 16px;
  z-index: 1;
}

.animationblondie-kgu-vacation-combo .palm-tape {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(2deg);
  width: 55px;
  height: 18px;
  background: linear-gradient(90deg, #4DB6AC 0%, #4DB6AC 33%, #FFD54F 33%, #FFD54F 66%, #4DB6AC 66%, #4DB6AC 100%);
  opacity: 0.85;
  z-index: 10;
}

.animationblondie-kgu-vacation-combo .shell-icon { width: 24px; height: 24px; margin: 0 auto 2px auto; }
.animationblondie-kgu-vacation-combo .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 9px; font-weight: 700; color: #00838F; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-combo .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 32px; color: #00695C; font-weight: 700; line-height: 1; }
.animationblondie-kgu-vacation-combo .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 13px; color: #4DB6AC; }

/* === SIDE PANEL LAYOUT === */
.animationblondie-kgu-vacation-side { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; }
.animationblondie-kgu-vacation-side .main-note { position: relative; width: var(--kgu-side-main-width); background: linear-gradient(180deg, #E0F7FA 0%, #B2EBF2 100%); border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 3px solid #80DEEA; text-align: center; }
.animationblondie-kgu-vacation-side .sun-deco { position: absolute; top: -16px; right: -10px; width: 45px; height: 45px; z-index: 25; animation: animationblondie-kgu-float 6s ease-in-out infinite; }
.animationblondie-kgu-vacation-side .beach-ball { position: absolute; bottom: -12px; left: -8px; width: 32px; height: 32px; z-index: 50; animation: animationblondie-kgu-float 4s ease-in-out infinite 0.5s; }
.animationblondie-kgu-vacation-side .main-content { text-align: center; }
.animationblondie-kgu-vacation-side .mascot-icon { width: 65px; height: 45px; margin: 0 auto 2px auto; }
.animationblondie-kgu-vacation-side .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #00838F; margin-bottom: 6px; }
.animationblondie-kgu-vacation-side .bar-wrapper { background: rgba(255,255,255,0.7); border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #80DEEA; }
.animationblondie-kgu-vacation-side .wave-bar { height: var(--kgu-side-bar-height); width: 70%; border-radius: 10px; background: linear-gradient(90deg, #48C9B0 0%, #26A69A 50%, #00BCD4 100%); background-size: 200% 100%; animation: animationblondie-kgu-wave 3s ease-in-out infinite; box-shadow: 0 2px 4px rgba(0,0,0,0.15); position: relative; overflow: hidden; }
.animationblondie-kgu-vacation-side .wave-bar::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 6px 6px, rgba(255,255,255,0.3) 2px, transparent 2px), radial-gradient(circle at 14px 14px, rgba(255,255,255,0.2) 1.5px, transparent 1.5px); background-size: 20px 20px; }
.animationblondie-kgu-vacation-side .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #00695C; margin-top: 6px; }
.animationblondie-kgu-vacation-side .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-vacation-side .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF9C4; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); background-image: linear-gradient(#FFE082 1px, transparent 1px); background-size: 100% 17px; background-position: 0 26px; }
.animationblondie-kgu-vacation-side .sunglasses-clip { position: absolute; top: -10px; right: 12px; width: 24px; height: 16px; z-index: 30; }
.animationblondie-kgu-vacation-side .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #F57C00; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-vacation-side .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-vacation-side .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-vacation-side .donor-amt { color: #E65100; font-weight: 700; }
.animationblondie-kgu-vacation-side .child-stats { position: relative; width: var(--kgu-side-child-width); background: #E0F7FA; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(-2deg); text-align: center; background-image: radial-gradient(circle at 6px 6px, rgba(0,188,212,0.15) 2px, transparent 2px); background-size: 12px 12px; }
.animationblondie-kgu-vacation-side .palm-tape { position: absolute; top: -7px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 50px; height: 16px; background: linear-gradient(90deg, #4DB6AC 0%, #4DB6AC 33%, #FFD54F 33%, #FFD54F 66%, #4DB6AC 66%, #4DB6AC 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-vacation-side .shell-icon { width: 20px; height: 20px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-side .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #00838F; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-side .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #00695C; font-weight: 700; line-height: 1; }
.animationblondie-kgu-vacation-side .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #4DB6AC; }

/* === SIDE-LEFT LAYOUT === */
.animationblondie-kgu-vacation-side-left { display: flex; gap: var(--kgu-side-gap); align-items: flex-start; flex-direction: row-reverse; width: fit-content; }
.animationblondie-kgu-vacation-side-left .main-note { position: relative; width: var(--kgu-side-main-width); background: linear-gradient(180deg, #E0F7FA 0%, #B2EBF2 100%); border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 3px solid #80DEEA; text-align: center; }
.animationblondie-kgu-vacation-side-left .sun-deco { position: absolute; top: -16px; right: -10px; width: 45px; height: 45px; z-index: 25; animation: animationblondie-kgu-float 6s ease-in-out infinite; }
.animationblondie-kgu-vacation-side-left .beach-ball { position: absolute; bottom: -12px; left: -8px; width: 32px; height: 32px; z-index: 50; animation: animationblondie-kgu-float 4s ease-in-out infinite 0.5s; }
.animationblondie-kgu-vacation-side-left .main-content { text-align: center; }
.animationblondie-kgu-vacation-side-left .mascot-icon { width: 65px; height: 45px; margin: 0 auto 2px auto; }
.animationblondie-kgu-vacation-side-left .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #00838F; margin-bottom: 6px; }
.animationblondie-kgu-vacation-side-left .bar-wrapper { background: rgba(255,255,255,0.7); border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #80DEEA; }
.animationblondie-kgu-vacation-side-left .wave-bar { height: var(--kgu-side-bar-height); width: 70%; border-radius: 10px; background: linear-gradient(90deg, #48C9B0 0%, #26A69A 50%, #00BCD4 100%); background-size: 200% 100%; animation: animationblondie-kgu-wave 3s ease-in-out infinite; box-shadow: 0 2px 4px rgba(0,0,0,0.15); position: relative; overflow: hidden; }
.animationblondie-kgu-vacation-side-left .wave-bar::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 6px 6px, rgba(255,255,255,0.3) 2px, transparent 2px), radial-gradient(circle at 14px 14px, rgba(255,255,255,0.2) 1.5px, transparent 1.5px); background-size: 20px 20px; }
.animationblondie-kgu-vacation-side-left .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #00695C; margin-top: 6px; }
.animationblondie-kgu-vacation-side-left .child-stack { display: flex; flex-direction: column; gap: var(--kgu-side-child-gap); }
.animationblondie-kgu-vacation-side-left .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF9C4; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); background-image: linear-gradient(#FFE082 1px, transparent 1px); background-size: 100% 17px; background-position: 0 26px; }
.animationblondie-kgu-vacation-side-left .sunglasses-clip { position: absolute; top: -10px; right: 12px; width: 24px; height: 16px; z-index: 30; }
.animationblondie-kgu-vacation-side-left .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #F57C00; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-vacation-side-left .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-vacation-side-left .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-vacation-side-left .donor-amt { color: #E65100; font-weight: 700; }
.animationblondie-kgu-vacation-side-left .child-stats { position: relative; width: var(--kgu-side-child-width); background: #E0F7FA; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(-2deg); text-align: center; background-image: radial-gradient(circle at 6px 6px, rgba(0,188,212,0.15) 2px, transparent 2px); background-size: 12px 12px; }
.animationblondie-kgu-vacation-side-left .palm-tape { position: absolute; top: -7px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 50px; height: 16px; background: linear-gradient(90deg, #4DB6AC 0%, #4DB6AC 33%, #FFD54F 33%, #FFD54F 66%, #4DB6AC 66%, #4DB6AC 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-vacation-side-left .shell-icon { width: 20px; height: 20px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-side-left .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #00838F; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-side-left .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #00695C; font-weight: 700; line-height: 1; }
.animationblondie-kgu-vacation-side-left .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #4DB6AC; }

/* === HORIZONTAL LAYOUT === */
.animationblondie-kgu-vacation-horizontal {
  position: relative;
}

.animationblondie-kgu-vacation-horizontal .child-inline {
  display: flex;
  gap: var(--kgu-horizontal-gap);
  align-items: flex-start;
}

.animationblondie-kgu-vacation-horizontal .child-inline .main-note {
  flex: none;
}

.animationblondie-kgu-vacation-horizontal .main-note { position: relative; width: var(--kgu-side-main-width); background: linear-gradient(180deg, #E0F7FA 0%, #B2EBF2 100%); border-radius: var(--kgu-border-radius); padding: var(--kgu-side-padding); box-shadow: var(--kgu-shadow); border: 3px solid #80DEEA; text-align: center; }
.animationblondie-kgu-vacation-horizontal .sun-deco { position: absolute; top: -16px; right: -10px; width: 45px; height: 45px; z-index: 25; animation: animationblondie-kgu-float 6s ease-in-out infinite; }
.animationblondie-kgu-vacation-horizontal .beach-ball { position: absolute; bottom: -12px; left: -8px; width: 32px; height: 32px; z-index: 50; animation: animationblondie-kgu-float 4s ease-in-out infinite 0.5s; }
.animationblondie-kgu-vacation-horizontal .main-content { text-align: center; }
.animationblondie-kgu-vacation-horizontal .mascot-icon { width: 65px; height: 45px; margin: 0 auto 2px auto; }
.animationblondie-kgu-vacation-horizontal .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #00838F; margin-bottom: 6px; }
.animationblondie-kgu-vacation-horizontal .bar-wrapper { background: rgba(255,255,255,0.7); border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #80DEEA; }
.animationblondie-kgu-vacation-horizontal .wave-bar { height: var(--kgu-side-bar-height); width: 70%; border-radius: 10px; background: linear-gradient(90deg, #48C9B0 0%, #26A69A 50%, #00BCD4 100%); background-size: 200% 100%; animation: animationblondie-kgu-wave 3s ease-in-out infinite; box-shadow: 0 2px 4px rgba(0,0,0,0.15); position: relative; overflow: hidden; }
.animationblondie-kgu-vacation-horizontal .wave-bar::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 6px 6px, rgba(255,255,255,0.3) 2px, transparent 2px), radial-gradient(circle at 14px 14px, rgba(255,255,255,0.2) 1.5px, transparent 1.5px); background-size: 20px 20px; }
.animationblondie-kgu-vacation-horizontal .main-values { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #00695C; margin-top: 6px; }
.animationblondie-kgu-vacation-horizontal .child-donors { position: relative; width: var(--kgu-side-child-width); background: #FFF9C4; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); background-image: linear-gradient(#FFE082 1px, transparent 1px); background-size: 100% 17px; background-position: 0 26px; }
.animationblondie-kgu-vacation-horizontal .sunglasses-clip { position: absolute; top: -10px; right: 12px; width: 24px; height: 16px; z-index: 30; }
.animationblondie-kgu-vacation-horizontal .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #F57C00; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-vacation-horizontal .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-vacation-horizontal .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-vacation-horizontal .donor-amt { color: #E65100; font-weight: 700; }
.animationblondie-kgu-vacation-horizontal .child-stats { position: relative; width: var(--kgu-side-child-width); background: #E0F7FA; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(-2deg); text-align: center; background-image: radial-gradient(circle at 6px 6px, rgba(0,188,212,0.15) 2px, transparent 2px); background-size: 12px 12px; }
.animationblondie-kgu-vacation-horizontal .palm-tape { position: absolute; top: -7px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 50px; height: 16px; background: linear-gradient(90deg, #4DB6AC 0%, #4DB6AC 33%, #FFD54F 33%, #FFD54F 66%, #4DB6AC 66%, #4DB6AC 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-vacation-horizontal .shell-icon { width: 20px; height: 20px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-horizontal .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #00838F; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-horizontal .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #00695C; font-weight: 700; line-height: 1; }
.animationblondie-kgu-vacation-horizontal .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #4DB6AC; }

/* Horizontal-specific: main-values visibility */
.animationblondie-kgu-vacation-horizontal .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-vacation-horizontal.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }
.animationblondie-kgu-vacation-horizontal.kgu-no-child-cards { }

/* Child card positioning when one is hidden */
.animationblondie-kgu-vacation-horizontal .child-inline.kgu-donors-hidden { }
.animationblondie-kgu-vacation-horizontal .child-inline.kgu-stats-hidden { }

/* Prevent card shrinking */
.animationblondie-kgu-vacation-horizontal .child-donors { flex-shrink: 0; }
.animationblondie-kgu-vacation-horizontal .child-stats { flex-shrink: 0; }

/* === VERTICAL LAYOUT === */
.animationblondie-kgu-vacation-vertical {
  display: flex;
  flex-direction: column;
  gap: var(--kgu-vertical-child-gap);
  width: var(--kgu-vertical-width);
  position: relative;
}

.animationblondie-kgu-vacation-vertical .main-note { position: relative; background: linear-gradient(180deg, #E0F7FA 0%, #B2EBF2 100%); border-radius: var(--kgu-border-radius); padding: var(--kgu-combo-padding); box-shadow: var(--kgu-shadow); border: 3px solid #80DEEA; text-align: center; width: 100%; }
.animationblondie-kgu-vacation-vertical .sun-deco { position: absolute; top: -16px; right: -10px; width: 45px; height: 45px; z-index: 25; animation: animationblondie-kgu-float 6s ease-in-out infinite; }
.animationblondie-kgu-vacation-vertical .beach-ball { position: absolute; bottom: -12px; left: -8px; width: 32px; height: 32px; z-index: 50; animation: animationblondie-kgu-float 4s ease-in-out infinite 0.5s; }
.animationblondie-kgu-vacation-vertical .main-content { text-align: center; }
.animationblondie-kgu-vacation-vertical .mascot-icon { width: 65px; height: 45px; margin: 0 auto 2px auto; }
.animationblondie-kgu-vacation-vertical .main-title { font-family: 'Pacifico', cursive; font-size: var(--kgu-side-title-size); color: #00838F; margin-bottom: 6px; }
.animationblondie-kgu-vacation-vertical .bar-wrapper { background: rgba(255,255,255,0.7); border-radius: 14px; padding: 4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); border: 2px solid #80DEEA; }
.animationblondie-kgu-vacation-vertical .wave-bar { height: var(--kgu-side-bar-height); width: 70%; border-radius: 10px; background: linear-gradient(90deg, #48C9B0 0%, #26A69A 50%, #00BCD4 100%); background-size: 200% 100%; animation: animationblondie-kgu-wave 3s ease-in-out infinite; box-shadow: 0 2px 4px rgba(0,0,0,0.15); position: relative; overflow: hidden; }
.animationblondie-kgu-vacation-vertical .wave-bar::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 6px 6px, rgba(255,255,255,0.3) 2px, transparent 2px), radial-gradient(circle at 14px 14px, rgba(255,255,255,0.2) 1.5px, transparent 1.5px); background-size: 20px 20px; }
.animationblondie-kgu-vacation-vertical .main-values { font-family: 'Patrick Hand', cursive; font-size: 14px; color: #00695C; margin-top: 6px; }
.animationblondie-kgu-vacation-vertical .sunglasses-clip { position: absolute; top: -10px; right: 12px; width: 24px; height: 16px; z-index: 30; }
.animationblondie-kgu-vacation-vertical .donor-list { font-family: 'Patrick Hand', cursive; font-size: 11px; color: #5D4037; min-height: 85px; }
.animationblondie-kgu-vacation-vertical .donor-row { display: flex; justify-content: space-between; align-items: center; height: 17px; line-height: 17px; }
.animationblondie-kgu-vacation-vertical .donor-amt { color: #E65100; font-weight: 700; }
.animationblondie-kgu-vacation-vertical .palm-tape { position: absolute; top: -7px; left: 50%; transform: translateX(-50%) rotate(1deg); width: 50px; height: 16px; background: linear-gradient(90deg, #4DB6AC 0%, #4DB6AC 33%, #FFD54F 33%, #FFD54F 66%, #4DB6AC 66%, #4DB6AC 100%); opacity: 0.85; z-index: 10; }
.animationblondie-kgu-vacation-vertical .shell-icon { width: 20px; height: 20px; margin-bottom: 2px; }

.animationblondie-kgu-vacation-vertical .child-flow {
  display: flex;
  flex-direction: column;
  gap: var(--kgu-vertical-child-gap);
}

.animationblondie-kgu-vacation-vertical .child-donors { position: relative; width: 48%; background: #FFF9C4; padding: 14px 8px 8px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(1deg); background-image: linear-gradient(#FFE082 1px, transparent 1px); background-size: 100% 17px; background-position: 0 26px; }
.animationblondie-kgu-vacation-vertical .child-donors-title { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #F57C00; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; }
.animationblondie-kgu-vacation-vertical .child-stats { position: relative; width: 48%; background: #E0F7FA; padding: 14px 8px 10px 8px; box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15); transform: rotate(-2deg); text-align: center; background-image: radial-gradient(circle at 6px 6px, rgba(0,188,212,0.15) 2px, transparent 2px); background-size: 12px 12px; }
.animationblondie-kgu-vacation-vertical .child-stats-label { font-family: 'Fredoka', sans-serif; font-size: 8px; font-weight: 700; color: #00838F; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
.animationblondie-kgu-vacation-vertical .child-stats-value { font-family: 'Patrick Hand', cursive; font-size: 28px; color: #00695C; font-weight: 700; line-height: 1; }
.animationblondie-kgu-vacation-vertical .child-stats-goal { font-family: 'Patrick Hand', cursive; font-size: 12px; color: #4DB6AC; }

/* Vertical-specific: main-values visibility */
.animationblondie-kgu-vacation-vertical .main-values.kgu-combo-values-hidden { display: none; }
.animationblondie-kgu-vacation-vertical.kgu-no-child-cards .main-values { display: block; margin-top: 8px; text-align: center; }

/* Child positioning */
.animationblondie-kgu-vacation-vertical .child-flow.kgu-donors-hidden { justify-content: flex-end; }
.animationblondie-kgu-vacation-vertical .child-flow.kgu-stats-hidden { justify-content: flex-start; }
.animationblondie-kgu-vacation-vertical .child-flow.kgu-donors-hidden.kgu-swapped { justify-content: flex-start; }
.animationblondie-kgu-vacation-vertical .child-flow.kgu-stats-hidden.kgu-swapped { justify-content: flex-end; }

/* Prevent card shrinking */
.animationblondie-kgu-vacation-vertical .child-donors { flex-shrink: 0; min-width: 48%; }
.animationblondie-kgu-vacation-vertical .child-stats { flex-shrink: 0; min-width: 48%; }