body.kudos-body{--kudos-bg-1: #ffe8d6;--kudos-bg-2: #eecfff;--kudos-bg-3: #c8f0dc;--kudos-bg-base: #fff9f1;--kudos-ink: #2b2438;--kudos-ink-soft: #6b6379;--kudos-accent: #ff6b9a;--kudos-accent-2: #ffb84d;--kudos-accent-shadow: #d94f7c;--kudos-accent-glow: rgba(255, 107, 154, .25);--kudos-card: #ffffff;--kudos-card-border: rgba(43, 36, 56, .08);--kudos-display-font: "Fredoka", "Inter", system-ui, sans-serif;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'><circle cx='30' cy='40' r='3.5' fill='%23ff6b9a' opacity='0.55'/><rect x='80' y='25' width='7' height='7' fill='%23ffb84d' opacity='0.55' transform='rotate(35 83 28)'/><circle cx='160' cy='55' r='3' fill='%23b98dff' opacity='0.55'/><rect x='40' y='105' width='6' height='6' fill='%237cd8aa' opacity='0.55' transform='rotate(20 43 108)'/><circle cx='180' cy='130' r='3.5' fill='%23ff6b9a' opacity='0.55'/><rect x='105' y='150' width='7' height='7' fill='%23ffb84d' opacity='0.55' transform='rotate(60 108 153)'/><circle cx='25' cy='180' r='2.5' fill='%23b98dff' opacity='0.55'/><rect x='150' y='185' width='6' height='6' fill='%237cd8aa' opacity='0.55' transform='rotate(40 153 188)'/></svg>")}body.kudos-body[data-theme=elegant]{--kudos-bg-1: #f0e6d2;--kudos-bg-2: #ede5d3;--kudos-bg-3: #e8e0d0;--kudos-bg-base: #fcf7ec;--kudos-ink: #3b2f1f;--kudos-ink-soft: #7a6b56;--kudos-accent: #b8924a;--kudos-accent-2: #d4af7a;--kudos-accent-shadow: #8c6c30;--kudos-accent-glow: rgba(184, 146, 74, .22);--kudos-card: #fdfaf3;--kudos-card-border: rgba(59, 47, 31, .1);--kudos-display-font: "Playfair Display", "Georgia", serif;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><g fill='none' stroke='%23b8924a' stroke-width='0.8' opacity='0.35'><path d='M30 50 Q40 35 50 50 Q40 65 30 50 Z'/><path d='M40 50 L40 85'/><path d='M120 30 Q132 22 144 30 Q132 38 120 30 Z'/><path d='M132 30 L132 60'/><path d='M70 130 Q80 115 90 130 Q80 145 70 130 Z'/><path d='M80 130 L80 160'/><path d='M150 110 Q160 102 170 110 Q160 118 150 110 Z'/></g></svg>")}body.kudos-body[data-theme=bold]{--kudos-bg-1: #faecd1;--kudos-bg-2: #f3e3c2;--kudos-bg-3: #f7ead0;--kudos-bg-base: #fdf8ee;--kudos-ink: #1c1611;--kudos-ink-soft: #5c5044;--kudos-accent: #0c4d36;--kudos-accent-2: #c89a3d;--kudos-accent-shadow: #073525;--kudos-accent-glow: rgba(12, 77, 54, .18);--kudos-card: #ffffff;--kudos-card-border: rgba(28, 22, 17, .15);--kudos-display-font: "Manrope", "Inter", system-ui, sans-serif;--kudos-pattern: none}body.kudos-body[data-theme=cyber]{--kudos-bg-1: #2a1a4a;--kudos-bg-2: #1a3a5a;--kudos-bg-3: #4a1a3a;--kudos-bg-base: #0a0a14;--kudos-ink: #e8f4f8;--kudos-ink-soft: #8aa0b5;--kudos-accent: #00d4ff;--kudos-accent-2: #ff2e7f;--kudos-accent-shadow: #007da0;--kudos-accent-glow: rgba(0, 212, 255, .4);--kudos-card: #14142a;--kudos-card-border: rgba(0, 212, 255, .4);--kudos-display-font: "Orbitron", "Inter", system-ui, sans-serif;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><line x1='0' y1='0' x2='40' y2='0' stroke='%2300d4ff' stroke-width='0.5' opacity='0.18'/><line x1='0' y1='0' x2='0' y2='40' stroke='%2300d4ff' stroke-width='0.5' opacity='0.18'/></svg>")}body.kudos-body[data-theme=vintage]{--kudos-bg-1: #d4b894;--kudos-bg-2: #c2a877;--kudos-bg-3: #ddc5a3;--kudos-bg-base: #ede0c5;--kudos-ink: #3a2818;--kudos-ink-soft: #6e5640;--kudos-accent: #7a1f2b;--kudos-accent-2: #a08d5c;--kudos-accent-shadow: #561217;--kudos-accent-glow: rgba(122, 31, 43, .18);--kudos-card: #f7ebd1;--kudos-card-border: rgba(58, 40, 24, .22);--kudos-display-font: "Yeseva One", "Georgia", serif;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><g fill='%233a2818'><circle cx='12' cy='10' r='0.6' opacity='0.22'/><circle cx='35' cy='25' r='0.5' opacity='0.2'/><circle cx='55' cy='15' r='0.6' opacity='0.18'/><circle cx='20' cy='40' r='0.7' opacity='0.22'/><circle cx='45' cy='55' r='0.5' opacity='0.18'/><circle cx='70' cy='65' r='0.7' opacity='0.2'/><circle cx='15' cy='70' r='0.5' opacity='0.18'/><circle cx='62' cy='35' r='0.6' opacity='0.18'/></g></svg>")}body.kudos-body[data-theme=comic]{--kudos-bg-1: #ffe600;--kudos-bg-2: #ff3a3a;--kudos-bg-3: #00a3ff;--kudos-bg-base: #fff8e5;--kudos-ink: #0a0a0a;--kudos-ink-soft: #444444;--kudos-accent: #ff3a3a;--kudos-accent-2: #ffe600;--kudos-accent-shadow: #0a0a0a;--kudos-accent-glow: rgba(0, 0, 0, 0);--kudos-card: #ffffff;--kudos-card-border: #0a0a0a;--kudos-display-font: "Bangers", "Impact", sans-serif;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><circle cx='15' cy='15' r='2.8' fill='%230a0a0a' opacity='0.22'/></svg>")}body.kudos-body[data-theme=blocks]{--kudos-bg-1: #ffd60a;--kudos-bg-2: #1e6cc7;--kudos-bg-3: #e63946;--kudos-bg-base: #fffdf5;--kudos-ink: #1a1a1a;--kudos-ink-soft: #555555;--kudos-accent: #e63946;--kudos-accent-2: #ffd60a;--kudos-accent-shadow: #1a1a1a;--kudos-accent-glow: rgba(0, 0, 0, 0);--kudos-card: #ffffff;--kudos-card-border: #1a1a1a;--kudos-display-font: "Bowlby One", "Impact", sans-serif;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'><g opacity='0.7'><rect x='0' y='0' width='100' height='50' fill='%23e63946'/><rect x='100' y='0' width='100' height='50' fill='%232374d3'/><rect x='0' y='50' width='50' height='75' fill='%23ffd60a'/><rect x='50' y='50' width='150' height='75' fill='%232eb44d'/><rect x='0' y='125' width='75' height='75' fill='%232374d3'/><rect x='75' y='125' width='125' height='75' fill='%23e63946'/><g fill='%23f06070'><circle cx='12' cy='12' r='6'/><circle cx='37' cy='12' r='6'/><circle cx='62' cy='12' r='6'/><circle cx='87' cy='12' r='6'/><circle cx='12' cy='37' r='6'/><circle cx='37' cy='37' r='6'/><circle cx='62' cy='37' r='6'/><circle cx='87' cy='37' r='6'/><circle cx='87' cy='137' r='6'/><circle cx='112' cy='137' r='6'/><circle cx='137' cy='137' r='6'/><circle cx='162' cy='137' r='6'/><circle cx='187' cy='137' r='6'/><circle cx='87' cy='162' r='6'/><circle cx='112' cy='162' r='6'/><circle cx='137' cy='162' r='6'/><circle cx='162' cy='162' r='6'/><circle cx='187' cy='162' r='6'/><circle cx='87' cy='187' r='6'/><circle cx='112' cy='187' r='6'/><circle cx='137' cy='187' r='6'/><circle cx='162' cy='187' r='6'/><circle cx='187' cy='187' r='6'/></g><g fill='%235e9cef'><circle cx='112' cy='12' r='6'/><circle cx='137' cy='12' r='6'/><circle cx='162' cy='12' r='6'/><circle cx='187' cy='12' r='6'/><circle cx='112' cy='37' r='6'/><circle cx='137' cy='37' r='6'/><circle cx='162' cy='37' r='6'/><circle cx='187' cy='37' r='6'/><circle cx='12' cy='137' r='6'/><circle cx='37' cy='137' r='6'/><circle cx='62' cy='137' r='6'/><circle cx='12' cy='162' r='6'/><circle cx='37' cy='162' r='6'/><circle cx='62' cy='162' r='6'/><circle cx='12' cy='187' r='6'/><circle cx='37' cy='187' r='6'/><circle cx='62' cy='187' r='6'/></g><g fill='%23ffe85a'><circle cx='12' cy='62' r='6'/><circle cx='37' cy='62' r='6'/><circle cx='12' cy='87' r='6'/><circle cx='37' cy='87' r='6'/><circle cx='12' cy='112' r='6'/><circle cx='37' cy='112' r='6'/></g><g fill='%2356c270'><circle cx='62' cy='62' r='6'/><circle cx='87' cy='62' r='6'/><circle cx='112' cy='62' r='6'/><circle cx='137' cy='62' r='6'/><circle cx='162' cy='62' r='6'/><circle cx='187' cy='62' r='6'/><circle cx='62' cy='87' r='6'/><circle cx='87' cy='87' r='6'/><circle cx='112' cy='87' r='6'/><circle cx='137' cy='87' r='6'/><circle cx='162' cy='87' r='6'/><circle cx='187' cy='87' r='6'/><circle cx='62' cy='112' r='6'/><circle cx='87' cy='112' r='6'/><circle cx='112' cy='112' r='6'/><circle cx='137' cy='112' r='6'/><circle cx='162' cy='112' r='6'/><circle cx='187' cy='112' r='6'/></g></g></svg>")}body.kudos-body[data-theme=outdoor]{--kudos-bg-1: #d8e4d4;--kudos-bg-2: #e6dac2;--kudos-bg-3: #c8d6cc;--kudos-bg-base: #f4ebd7;--kudos-ink: #2d1f15;--kudos-ink-soft: #6b5b4a;--kudos-accent: #1f4d33;--kudos-accent-2: #d97a3c;--kudos-accent-shadow: #143523;--kudos-accent-glow: rgba(31, 77, 51, .22);--kudos-card: #fdf7e8;--kudos-card-border: rgba(45, 31, 21, .18);--kudos-display-font: "DM Sans", "Inter", system-ui, sans-serif;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'><g fill='none' stroke='%231f4d33' stroke-width='0.8' opacity='0.28'><path d='M0 60 Q40 45 80 60 T160 60 T220 55'/><path d='M0 95 Q45 78 90 95 T180 92 T220 88'/><path d='M0 130 Q50 112 100 130 T200 128 T220 125'/><path d='M0 165 Q40 150 80 165 T160 162 T220 160'/></g></svg>")}body.kudos-body[data-theme=cozy]{--kudos-bg-1: #f5d5b8;--kudos-bg-2: #dee5cb;--kudos-bg-3: #ecc8b3;--kudos-bg-base: #fbf2e8;--kudos-ink: #3d2e26;--kudos-ink-soft: #7a6755;--kudos-accent: #c25e3e;--kudos-accent-2: #84a87a;--kudos-accent-shadow: #944229;--kudos-accent-glow: rgba(194, 94, 62, .25);--kudos-card: #fff8f0;--kudos-card-border: rgba(61, 46, 38, .1);--kudos-display-font: "Caveat", "Bradley Hand", cursive;--kudos-pattern: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><circle cx='12' cy='15' r='0.8' fill='%23944229' opacity='0.4'/><circle cx='35' cy='25' r='0.6' fill='%23944229' opacity='0.4'/><circle cx='58' cy='12' r='0.7' fill='%23944229' opacity='0.4'/><circle cx='70' cy='40' r='0.5' fill='%23944229' opacity='0.4'/><circle cx='20' cy='50' r='0.7' fill='%23944229' opacity='0.4'/><circle cx='48' cy='62' r='0.6' fill='%23944229' opacity='0.4'/><circle cx='65' cy='70' r='0.8' fill='%23944229' opacity='0.4'/></svg>")}html,body{margin:0;padding:0}body.kudos-body{font-family:Inter,system-ui,sans-serif;color:var(--kudos-ink);background-color:var(--kudos-bg-base);background-image:radial-gradient(ellipse at top left,var(--kudos-bg-1) 0%,transparent 55%),radial-gradient(ellipse at top right,var(--kudos-bg-2) 0%,transparent 55%),radial-gradient(ellipse at bottom,var(--kudos-bg-3) 0%,transparent 60%);background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;transition:background-color .4s ease}.kudos-pattern-layer{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:var(--kudos-pattern, none);background-repeat:repeat;background-attachment:fixed;mask-image:linear-gradient(to bottom,transparent 0%,transparent 15%,black 40%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 15%,black 40%,black 100%)}body.kudos-body>nav,body.kudos-body>main,body.kudos-body>footer{position:relative;z-index:1}.kudos-display{font-family:var(--kudos-display-font);font-weight:600;letter-spacing:-.01em}.kudos-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;background:var(--kudos-accent);color:#fff;border:none;border-radius:999px;font-family:var(--kudos-display-font);font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 6px 0 var(--kudos-accent-shadow),0 10px 20px var(--kudos-accent-glow);transition:transform .12s ease,box-shadow .12s ease;text-decoration:none}.kudos-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--kudos-accent-shadow),0 14px 24px var(--kudos-accent-glow)}.kudos-button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--kudos-accent-shadow),0 4px 8px var(--kudos-accent-glow)}.kudos-button.secondary{background:#fff;color:var(--kudos-ink);box-shadow:0 6px #d9d0e4,0 10px 20px #2b243814}.kudos-button.secondary:hover{box-shadow:0 8px #d9d0e4,0 14px 24px #2b24381a}.kudos-card{background:var(--kudos-card);border:1px solid var(--kudos-card-border);border-radius:18px;padding:1.25rem;box-shadow:0 4px 12px #2b24380f;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.kudos-card:hover{transform:translateY(-4px) rotate(-.5deg)}.kudos-input{width:100%;padding:.85rem 1rem;border:2px solid var(--kudos-card-border);border-radius:12px;font-family:Inter,sans-serif;font-size:1rem;background:#fff;color:var(--kudos-ink);transition:border-color .12s ease;box-sizing:border-box}.kudos-input:focus{outline:none;border-color:var(--kudos-accent)}.kudos-label{display:block;font-family:var(--kudos-display-font);font-weight:500;font-size:.95rem;color:var(--kudos-ink);margin-bottom:.4rem}body.kudos-body[data-theme=elegant] .kudos-card{border-radius:8px;box-shadow:0 2px 8px #3b2f1f14,0 0 0 1px #3b2f1f0a inset;background-repeat:no-repeat}body.kudos-body[data-theme=elegant] .kudos-card:hover{transform:translateY(-2px)}body.kudos-body[data-theme=elegant] .kudos-card[data-material^=letterpress]{padding-top:56px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><g fill='none' stroke='%23b8924a' stroke-width='0.9' opacity='0.6'><path d='M20 4 L20 36'/><path d='M20 6 Q12 13 9 22 Q14 23 20 18'/><path d='M20 6 Q28 13 31 22 Q26 23 20 18'/><path d='M20 22 Q12 28 6 36'/><path d='M20 22 Q28 28 34 36'/><circle cx='20' cy='22' r='1.6' fill='%23b8924a'/></g></svg>");background-position:center 14px;background-size:40px 40px}body.kudos-body[data-theme=elegant] .kudos-card[data-material^=foil]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><g fill='none' stroke='%23b8924a' opacity='0.6'><path d='M30 0 L60 0 L60 30' stroke-width='1.4'/><path d='M40 8 L52 8 L52 20' stroke-width='0.6'/></g></svg>");background-position:top right;background-size:56px 56px}body.kudos-body[data-theme=elegant] .kudos-card[data-material^=bordered]{padding-top:30px;background-image:linear-gradient(to right,transparent 18%,rgba(184,146,74,.55) 18%,rgba(184,146,74,.55) 47%,transparent 47%,transparent 53%,rgba(184,146,74,.55) 53%,rgba(184,146,74,.55) 82%,transparent 82%),radial-gradient(circle,rgba(184,146,74,.65) 1.6px,transparent 2px);background-size:100% 1px,6px 6px;background-position:top 16px left,top 13px center;background-repeat:no-repeat,no-repeat}body.kudos-body[data-theme=elegant] .kudos-button{border-radius:6px;box-shadow:0 2px 0 var(--kudos-accent-shadow),0 6px 14px var(--kudos-accent-glow)}body.kudos-body[data-theme=elegant] .kudos-button:hover{transform:translateY(-1px);box-shadow:0 3px 0 var(--kudos-accent-shadow),0 8px 18px var(--kudos-accent-glow)}body.kudos-body[data-theme=elegant] .kudos-button:active{transform:translateY(1px);box-shadow:0 1px 0 var(--kudos-accent-shadow),0 3px 6px var(--kudos-accent-glow)}body.kudos-body[data-theme=elegant] .kudos-input{border-radius:6px}body.kudos-body[data-theme=elegant] .kudos-display{letter-spacing:0}body.kudos-body[data-theme=bold] .kudos-card{border-radius:6px;border:1px solid var(--kudos-ink);box-shadow:none}body.kudos-body[data-theme=bold] .kudos-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1c16111f}body.kudos-body[data-theme=bold] .kudos-button{border-radius:6px;border:1.5px solid var(--kudos-accent);box-shadow:none;font-weight:800;letter-spacing:-.01em}body.kudos-body[data-theme=bold] .kudos-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--kudos-accent-glow)}body.kudos-body[data-theme=bold] .kudos-button:active{transform:translateY(1px);box-shadow:none}body.kudos-body[data-theme=bold] .kudos-button.secondary{border:1.5px solid var(--kudos-ink);box-shadow:none}body.kudos-body[data-theme=bold] .kudos-button.secondary:hover{box-shadow:0 6px 18px #1c16111a}body.kudos-body[data-theme=bold] .kudos-button.secondary:active{box-shadow:none}body.kudos-body[data-theme=bold] .kudos-input{border-radius:6px;border-width:1.5px;border-color:var(--kudos-ink)}body.kudos-body[data-theme=bold] .kudos-display{letter-spacing:-.03em;font-weight:800}body.kudos-body[data-theme=blocks] .kudos-card{border-radius:6px;border:2px solid var(--kudos-card-border);box-shadow:4px 4px 0 var(--kudos-card-border);position:relative;padding-top:36px;transition:transform .11s ease-out,box-shadow .11s ease-out}body.kudos-body[data-theme=blocks] .kudos-card:before{content:"";position:absolute;top:8px;left:12px;right:12px;height:22px;background-image:radial-gradient(circle at 13px 13px,rgba(0,0,0,.18) 5.5px,transparent 6.5px),radial-gradient(circle at 11px 11px,rgba(255,255,255,.55) 5px,transparent 6px);background-size:26px 26px;background-repeat:repeat-x;background-position:0 center;pointer-events:none}body.kudos-body[data-theme=blocks] .kudos-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--kudos-card-border)}@keyframes brick-snap{0%{transform:scale(1.05)}55%{transform:scale(.97)}to{transform:scale(1)}}body.kudos-body[data-theme=blocks] .kudos-card.brick-snap{animation:brick-snap .24s ease-out}body.kudos-body[data-theme=blocks] .kudos-button{border-radius:6px;border:2px solid var(--kudos-ink);box-shadow:4px 4px 0 var(--kudos-ink);font-weight:400;letter-spacing:.01em;font-size:.95rem}body.kudos-body[data-theme=blocks] .kudos-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--kudos-ink)}body.kudos-body[data-theme=blocks] .kudos-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--kudos-ink)}body.kudos-body[data-theme=blocks] .kudos-button.secondary{background:#ffd60a;color:var(--kudos-ink)}body.kudos-body[data-theme=blocks] .kudos-input{border-radius:6px;border-width:2px;border-color:var(--kudos-ink)}body.kudos-body[data-theme=blocks] .kudos-display{letter-spacing:0;font-weight:400}body.kudos-body[data-theme=outdoor] .kudos-card{border-radius:10px;border:1px solid var(--kudos-card-border);background-repeat:repeat}body.kudos-body[data-theme=outdoor] .kudos-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #2d1f1524}body.kudos-body[data-theme=outdoor] .kudos-card[data-material^=wood]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='40'><g stroke='%235a3a20' fill='none'><path d='M0 6 Q50 5 100 7 T200 6' stroke-width='0.5' opacity='0.32'/><path d='M0 14 Q60 12 120 14 T200 13' stroke-width='0.4' opacity='0.28'/><path d='M0 23 Q40 22 80 23 T160 24 T200 23' stroke-width='0.5' opacity='0.24'/><path d='M0 32 Q70 31 140 33 T200 32' stroke-width='0.4' opacity='0.3'/></g></svg>");background-size:200px 40px}body.kudos-body[data-theme=outdoor] .kudos-card[data-material^=rock]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><g fill='%23222222'><circle cx='10' cy='15' r='0.7' opacity='0.22'/><circle cx='35' cy='8' r='0.9' opacity='0.18'/><circle cx='55' cy='30' r='0.6' opacity='0.2'/><circle cx='15' cy='45' r='0.8' opacity='0.18'/><circle cx='65' cy='55' r='1' opacity='0.16'/><circle cx='40' cy='65' r='0.7' opacity='0.2'/><circle cx='25' cy='75' r='0.6' opacity='0.18'/><circle cx='70' cy='20' r='0.5' opacity='0.16'/><circle cx='5' cy='60' r='0.6' opacity='0.2'/><circle cx='50' cy='12' r='0.4' opacity='0.16'/><circle cx='28' cy='32' r='0.5' opacity='0.15'/><circle cx='75' cy='75' r='0.7' opacity='0.18'/></g></svg>");background-size:80px 80px}body.kudos-body[data-theme=outdoor] .kudos-card[data-material^=leaf]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='150'><g stroke='%232a4a2a' fill='none' stroke-width='0.6' opacity='0.32'><path d='M30 25 L30 80'/><path d='M30 35 L20 45'/><path d='M30 35 L40 45'/><path d='M30 50 L17 62'/><path d='M30 50 L43 62'/><path d='M30 65 L20 75'/><path d='M30 65 L40 75'/><path d='M105 75 L105 130'/><path d='M105 85 L95 95'/><path d='M105 85 L115 95'/><path d='M105 100 L92 112'/><path d='M105 100 L118 112'/><path d='M105 115 L95 125'/><path d='M105 115 L115 125'/></g></svg>");background-size:150px 150px}body.kudos-body[data-theme=outdoor] .kudos-button{border-radius:8px;font-weight:700;letter-spacing:-.005em}body.kudos-body[data-theme=outdoor] .kudos-display{letter-spacing:-.015em;font-weight:700}body.kudos-body[data-theme=outdoor] .kudos-input{border-radius:8px}body.kudos-body[data-theme=cozy] .kudos-card{border-radius:24px;transition:transform .32s cubic-bezier(.34,1.56,.64,1)}body.kudos-body[data-theme=cozy] .kudos-card:hover{transform:translateY(-3px) rotate(-.5deg)}body.kudos-body[data-theme=cozy] .kudos-display{letter-spacing:0;font-weight:500}body.kudos-body[data-theme=cozy] .kudos-button{font-weight:600;font-size:1.1rem}body.kudos-body[data-theme=cyber] .kudos-card{border-radius:4px;border:1px solid var(--kudos-card-border);box-shadow:none;background-repeat:no-repeat;transition:transform .13s ease-out,box-shadow .13s ease-out,border-color .13s ease-out}body.kudos-body[data-theme=cyber] .kudos-card:hover{transform:translateY(-2px);box-shadow:0 0 22px var(--kudos-accent-glow);border-color:var(--kudos-accent)}body.kudos-body[data-theme=cyber] .kudos-button{border-radius:4px;border:1px solid var(--kudos-accent);background:#00d4ff1f;color:var(--kudos-accent);box-shadow:0 0 14px var(--kudos-accent-glow);text-transform:uppercase;letter-spacing:.08em;font-weight:700}body.kudos-body[data-theme=cyber] .kudos-button:hover{background:#00d4ff38;box-shadow:0 0 22px var(--kudos-accent-glow);transform:translateY(-1px)}body.kudos-body[data-theme=cyber] .kudos-button.secondary{background:#ff2e7f14;color:var(--kudos-accent-2);border-color:var(--kudos-accent-2);box-shadow:0 0 14px #ff2e7f4d}body.kudos-body[data-theme=cyber] .kudos-input{background:#ffffff0a;color:var(--kudos-ink);border-color:#00d4ff4d;border-radius:4px}body.kudos-body[data-theme=cyber] .kudos-display{letter-spacing:.04em;font-weight:700;text-transform:uppercase}body.kudos-body[data-theme=cyber] .kudos-card[data-material=terminal-cyan]{--card-accent: #00d4ff}body.kudos-body[data-theme=cyber] .kudos-card[data-material=terminal-magenta]{--card-accent: #ff2e7f}body.kudos-body[data-theme=cyber] .kudos-card[data-material=hud-green]{--card-accent: #4afc8c}body.kudos-body[data-theme=cyber] .kudos-card[data-material=hud-yellow]{--card-accent: #fce700}body.kudos-body[data-theme=cyber] .kudos-card[data-material=module-purple]{--card-accent: #b85cff}body.kudos-body[data-theme=cyber] .kudos-card[data-material=module-orange]{--card-accent: #ff8c2e}body.kudos-body[data-theme=cyber] .kudos-card[data-material^=terminal]{padding-top:32px;background-image:radial-gradient(circle,var(--card-accent) 3px,transparent 4px),linear-gradient(to right,var(--card-accent) 0%,var(--card-accent) 28%,transparent 28%);background-size:12px 12px,100% 2px;background-position:top 12px left 14px,top left}body.kudos-body[data-theme=cyber] .kudos-card[data-material^=hud]{padding-top:32px;background-image:linear-gradient(to right,var(--card-accent) 0%,var(--card-accent) 14px,transparent 14px),linear-gradient(to bottom,var(--card-accent) 0%,var(--card-accent) 14px,transparent 14px),linear-gradient(to left,var(--card-accent) 0%,var(--card-accent) 14px,transparent 14px),linear-gradient(to bottom,var(--card-accent) 0%,var(--card-accent) 14px,transparent 14px);background-size:14px 2px,2px 14px,14px 2px,2px 14px;background-position:top 8px left 8px,top 8px left 8px,top 8px right 8px,top 8px right 8px}body.kudos-body[data-theme=cyber] .kudos-card[data-material^=module]{padding-left:18px;background-image:linear-gradient(to bottom,var(--card-accent),var(--card-accent));background-size:4px 100%;background-position:top left}body.kudos-body[data-theme=vintage] .kudos-card{border-radius:4px;border:1px solid var(--kudos-card-border);box-shadow:0 2px 6px #3a281824,inset 0 0 30px #3a28180a;background-repeat:no-repeat;transition:transform .22s ease-out,box-shadow .22s ease-out}body.kudos-body[data-theme=vintage] .kudos-card:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 6px 16px #3a28182e}body.kudos-body[data-theme=vintage] .kudos-display{letter-spacing:0}body.kudos-body[data-theme=vintage] .kudos-card[data-material^=polaroid]{padding-bottom:40px;border-radius:2px}body.kudos-body[data-theme=vintage] .kudos-card[data-material^=postcard]{padding-top:50px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='32'><rect x='2' y='2' width='38' height='26' fill='none' stroke='%237a1f2b' stroke-width='1' stroke-dasharray='2 1.5' opacity='0.55'/><circle cx='28' cy='15' r='8' fill='none' stroke='%237a1f2b' stroke-width='0.5' opacity='0.4'/></svg>");background-position:top 10px right 10px;background-size:44px 32px}body.kudos-body[data-theme=vintage] .kudos-card[data-material^=clipping]{padding-top:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='6'><path d='M0 6 L4 1 L8 6 L12 1 L16 6 L20 1' stroke='%233a2818' stroke-width='0.6' fill='none' opacity='0.45'/></svg>");background-position:top 4px left;background-size:20px 6px;background-repeat:repeat-x}body.kudos-body[data-theme=comic] .kudos-card{border-radius:6px;border:3px solid var(--kudos-ink);box-shadow:5px 5px 0 var(--kudos-ink);background-repeat:no-repeat;transition:transform .11s ease-out,box-shadow .11s ease-out}body.kudos-body[data-theme=comic] .kudos-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--kudos-ink)}body.kudos-body[data-theme=comic] .kudos-button{border-radius:6px;border:3px solid var(--kudos-ink);box-shadow:4px 4px 0 var(--kudos-ink);font-weight:400;letter-spacing:.02em;font-size:1.05rem}body.kudos-body[data-theme=comic] .kudos-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--kudos-ink)}body.kudos-body[data-theme=comic] .kudos-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--kudos-ink)}body.kudos-body[data-theme=comic] .kudos-button.secondary{background:#ffe600}body.kudos-body[data-theme=comic] .kudos-display{letter-spacing:.02em;font-weight:400}body.kudos-body[data-theme=comic] .kudos-card[data-material=panel-red],body.kudos-body[data-theme=comic] .kudos-card[data-material=panel-blue]{--kudos-ink-soft: rgba(255, 255, 255, .85);color:#fff}body.kudos-body[data-theme=comic] .kudos-card[data-material^=bubble]{border-radius:24px}body.kudos-body[data-theme=comic] .kudos-card[data-material^=halftone]{background-image:radial-gradient(circle,rgba(0,0,0,.22) 1.8px,transparent 2.4px);background-size:12px 12px;background-repeat:repeat}