:root{--bg-cozy: #FAF6ED;--bg-surface: #FFFDF9;--bg-card: #FFFFFF;--bg-card-subtle: #F6EFE3;--color-honey: #FF9B42;--color-honey-hover: #F0882C;--color-mint: #86C197;--color-mint-light: #EBF7EE;--color-mint-hover: #71AF83;--color-peach: #FFA07A;--color-peach-light: #FFF0EB;--color-sky: #7FC4E7;--color-sky-light: #EDF6FC;--color-lavender: #BCA3E5;--color-lavender-light: #F4EFFF;--color-strawberry: #FF7B7B;--color-strawberry-light: #FFEAEA;--color-gold: #FFD152;--color-gold-light: #FFF9E6;--text-main: #43332A;--text-muted: #857267;--text-light: #A8958B;--text-white: #FFFFFF;--border-soft: #EADBCE;--border-medium: #D6C2B2;--border-bold: #544136;--shadow-cozy: 0 8px 24px rgba(92, 64, 46, .08), 0 2px 6px rgba(92, 64, 46, .04);--shadow-hover: 0 12px 30px rgba(92, 64, 46, .12), 0 4px 10px rgba(92, 64, 46, .06);--shadow-card-pop: 0 6px 0 var(--border-soft);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--font-family-display: "Fredoka", cursive, sans-serif;--font-family-body: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-body);background-color:var(--bg-cozy);color:var(--text-main);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(#E8DFC9 1px,transparent 1px);background-size:24px 24px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-cozy)}::-webkit-scrollbar-thumb{background:#dacbb9;border-radius:var(--radius-pill);border:2px solid var(--bg-cozy)}::-webkit-scrollbar-thumb:hover{background:#c4b19d}h1,h2,h3,h4,.font-display{font-family:var(--font-family-display);font-weight:600;color:var(--text-main);letter-spacing:.2px}.btn-cozy{font-family:var(--font-family-display);font-size:1rem;font-weight:600;border:none;cursor:pointer;padding:12px 24px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s ease,box-shadow .1s ease,background-color .2s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.btn-cozy:active{transform:translateY(3px)!important;box-shadow:0 1px #00000026!important}.btn-primary{background-color:var(--color-honey);color:#fff;box-shadow:0 4px #d87b28}.btn-primary:hover{background-color:var(--color-honey-hover)}.btn-mint{background-color:var(--color-mint);color:#fff;box-shadow:0 4px #5e9b71}.btn-mint:hover{background-color:var(--color-mint-hover)}.btn-sky{background-color:var(--color-sky);color:#fff;box-shadow:0 4px #5da2c7}.btn-lavender{background-color:var(--color-lavender);color:#fff;box-shadow:0 4px #9d84c9}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border:2px solid var(--border-soft);box-shadow:0 4px 0 var(--border-medium)}.btn-secondary:hover{background-color:#faf4eb}.card-cozy{background:var(--bg-card);border-radius:var(--radius-xl);border:2px solid var(--border-soft);box-shadow:var(--shadow-cozy);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.card-cozy-interactive{cursor:pointer}.card-cozy-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-medium)}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:700}.badge-mint{background:var(--color-mint-light);color:#3b724d;border:1.5px solid #C4E6CD}.badge-honey{background:var(--color-gold-light);color:#9e610e;border:1.5px solid #FFE699}.badge-sky{background:var(--color-sky-light);color:#276c94;border:1.5px solid #C3E2F5}.badge-lavender{background:var(--color-lavender-light);color:#6c4b9e;border:1.5px solid #DFD2F7}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.5deg)}}.anim-float{animation:floatGentle 4s ease-in-out infinite}@keyframes steamBubble{0%{opacity:.4;transform:translateY(0) scale(.9)}50%{opacity:.8;transform:translateY(-8px) scale(1.05)}to{opacity:.4;transform:translateY(0) scale(.9)}}.anim-bubble{animation:steamBubble 3s ease-in-out infinite}.avatar-sprite{background-image:url(/avatars_set.jpg);background-size:200% 200%;border-radius:50%;border:3px solid #FFF;box-shadow:0 4px 12px #5a3c2826;display:inline-block;flex-shrink:0}.avatar-bunny{background-position:0% 0%}.avatar-bear{background-position:100% 0%}.avatar-shiba{background-position:0% 100%}.avatar-kitten{background-position:100% 100%}.container-cozy{width:100%;max-width:1100px;margin:0 auto;padding:16px 20px}@media(max-width:640px){.container-cozy{padding:12px 14px}.card-cozy{padding:18px 16px;border-radius:var(--radius-lg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#43332a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);border:2px solid var(--border-soft);box-shadow:var(--shadow-hover);padding:24px;width:100%;animation:floatGentle .3s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-spin,.spin{animation:spin 1s linear infinite}