:root{--cinnamon-cream: #fffaf5;--cinnamon-icing: #fff7ef;--cinnamon-sugar: #f4c496;--cinnamon-syrup: #d48b47;--cinnamon-spice: #7a4b27;--pink-frosting: #ff81b2;--pink-deep: #ff4f8a;--mint-puff: #8bf2d1;--lavender-dust: #8aa8ff;--blueberry-ink: #343767;--frosting-gradient: linear-gradient( 135deg, #ffb7cf 0%, #ff7b94 35%, #ffb347 100% );--soft-dawn: linear-gradient( 165deg, #ffe5e1 0%, #ffd4d4 50%, #ffcabd 100% );--shadow-soft: 0 4px 10px rgba(0,0,0,.12);--shadow-medium: 0 8px 18px rgba(0,0,0,.18);--shadow-deep: 0 12px 28px rgba(0,0,0,.3);--text-main: #3a2e1e;--text-muted: #a97c5c;--text-light: #ffffff;--border-light: #ffe4d2;--border-icing: #fcefe4}.bg-cinnamon-cream{background:var(--cinnamon-cream)}.bg-cinnamon-icing{background:var(--cinnamon-icing)}.bg-cinnamon-sugar{background:var(--cinnamon-sugar)}.bg-cinnamon-syrup{background:var(--cinnamon-syrup)}.bg-cinnamon-spice{background:var(--cinnamon-spice)}.bg-pink-frosting{background:var(--pink-frosting)}.bg-mint-puff{background:var(--mint-puff)}.bg-lavender-dust{background:var(--lavender-dust)}.bg-blueberry-ink{background:var(--blueberry-ink)}.text-cinnamon{color:var(--cinnamon-syrup)}.text-icing{color:var(--cinnamon-icing)}.text-spice{color:var(--cinnamon-spice)}.text-pink{color:var(--pink-frosting)}.border-icing{border-color:var(--border-icing)}.border-light{border-color:var(--border-light)}.cinna-stage{margin-top:40px;display:flex;justify-content:center;align-items:flex-end;min-height:260px}.cinna-buddy{position:relative;width:150px;height:130px;border-radius:70px;background:radial-gradient(circle at 30% 20%,#f4c496 0,#d48b47 55%);box-shadow:0 12px 20px #0000002e;animation:cinnaFloat 3s ease-in-out infinite}.cinna-icing{position:absolute;inset:10px 12px 40px;border-radius:60px;background:radial-gradient(circle at 30% 25%,#fff7ef 0,#fff7ef 40%,transparent 41%),radial-gradient(circle at 70% 40%,#fff7ef 0,#fff7ef 40%,transparent 41%),radial-gradient(circle at 40% 70%,#fff7ef 0,#fff7ef 40%,transparent 41%)}.cinna-eye{position:absolute;top:60px;width:18px;height:18px;border-radius:50%;background:#3a2111;box-shadow:0 0 0 3px #fff7efb3;animation:cinnaBlink 4s infinite}.cinna-eye.left{left:45px}.cinna-eye.right{right:45px}.cinna-blush{position:absolute;top:78px;width:26px;height:10px;border-radius:50%;background:#ff81b273}.cinna-blush.left{left:28px}.cinna-blush.right{right:28px}.cinna-mouth{position:absolute;top:86px;left:50%;width:34px;height:18px;margin-left:-17px;border-radius:0 0 30px 30px;border-bottom:4px solid #3a2111}.cinna-foot{position:absolute;bottom:-10px;width:32px;height:14px;border-radius:20px;background:#b06f38}.cinna-foot.left{left:30px}.cinna-foot.right{right:30px}.cinna-shadow{position:absolute;bottom:-20px;left:50%;width:90px;height:18px;margin-left:-45px;border-radius:50%;background:#00000024;filter:blur(2px);animation:cinnaShadow 3s ease-in-out infinite}@keyframes cinnaFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes cinnaShadow{0%{transform:scale(1);opacity:.5}50%{transform:scale(.9);opacity:.3}to{transform:scale(1);opacity:.5}}@keyframes cinnaBlink{0%,88%,92%,to{transform:scaleY(1)}89%,91%{transform:scaleY(.1)}}.cinna-buddy--mini{width:100px;height:88px;animation:cinnaFloat 3s ease-in-out infinite}.cinna-buddy--mini .cinna-shadow{bottom:-18px;width:70px;height:16px;margin-left:-35px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cinnamon-cream);font-family:"Baloo 2",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;text-align:center;color:var(--text-main);overflow-x:hidden}.sprinkles{position:fixed;inset:0;background-image:radial-gradient(#ff81b2 2px,transparent 2px),radial-gradient(#8bf2d1 2px,transparent 2px),radial-gradient(#8aa8ff 2px,transparent 2px);background-size:120px 120px,180px 180px,160px 160px;opacity:.3;z-index:-1;animation:sprinkleMove 35s linear infinite}@keyframes sprinkleMove{0%{transform:translate(0)}to{transform:translate(-300px,-300px)}}.page-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:110px}.page-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.title{font-size:3rem;color:#d48b47;text-shadow:2px 2px #fff7ef;margin-top:40px;margin-bottom:8px}.subtitle{font-size:1.2rem;color:#75461e;margin-top:-6px}.mascot{width:160px;margin-top:40px;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-3deg) scale(1.03)}60%{transform:rotate(3deg) scale(1.03)}to{transform:rotate(0) scale(1)}}.btn{display:inline-block;background:var(--cinnamon-cream);color:var(--text-main);padding:14px 26px;border-radius:14px;margin:10px;font-size:1.1rem;text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-3px);box-shadow:0 9px #7a4b27}.btn:active{transform:translateY(2px);box-shadow:0 3px #7a4b27}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;padding:40px;max-width:1100px;margin:0 auto}.card{background:#fff;padding:20px;border-radius:18px;box-shadow:0 4px 8px #00000014;transition:transform .2s}.card:hover{transform:scale(1.03)}.card img{width:160px;height:160px;object-fit:cover;border-radius:12px;background:#ffe4d2}.picture-grid img{width:100%;height:220px;object-fit:cover;border-radius:14px;background:#ffe4d2;transition:transform .25s}.picture-grid img:hover{transform:scale(1.04)}.name{margin-top:14px;font-size:1.3rem;color:#75461e}.back{color:#ff81b2;text-decoration:none;font-size:1.1rem}.header{padding:30px 0}.empty{color:#a97c5c;padding:20px;font-size:1.2rem}footer{margin-top:60px;padding-bottom:20px;color:#aa7f4f;font-size:.75rem}.char-stage{margin-top:40px;display:flex;justify-content:center;align-items:flex-end;min-height:220px}.char-float{width:200px;image-rendering:auto;animation:charFloat 3s ease-in-out infinite}@keyframes charFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}.bottom-menu{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;z-index:100;pointer-events:none}.bottom-menu-inner{pointer-events:auto;width:100%;background:var(--cinnamon-sugar);border-radius:26px 20px 0 0;padding:12px 20px 8px;box-shadow:0 10px 30px #00000040;display:flex;align-items:flex-end;justify-content:space-between;position:relative}.tab-item{flex:1;text-decoration:none;color:#a9b0e0;font-size:.7rem;display:flex;flex-direction:column;align-items:center;position:relative;transition:color .2s ease}.tab-icon{width:50px;height:50px;border-radius:999px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#d5daf9;box-shadow:none;transform:translateY(10px) scale(.9);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;position:relative;z-index:2}.tab-label{margin-top:8px;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;white-space:nowrap}.tab-item:before{content:"";position:absolute;bottom:8px;width:6px;height:6px;border-radius:50%;background:#ffffff2e;opacity:1;transition:opacity .25s ease,transform .25s ease}.tab-item:hover .tab-icon,.tab-item.is-active .tab-icon{background:radial-gradient(circle at 30% 20%,var(--cinnamon-cream) 40%,var(--cinnamon-sugar) 100%);transform:translateY(-22px) scale(1.02);box-shadow:0 10px 18px #00000059;color:#fff}.tab-item:hover .tab-label,.tab-item.is-active .tab-label{opacity:1;transform:translateY(0)}.tab-item:hover,.tab-item.is-active{color:#fff}.tab-item:hover:before,.tab-item.is-active:before{opacity:0;transform:translateY(4px)}.bg-cinnamon-texture{--bg: var(--cinnamon-sugar);--dot: var(--cinnamon-spice);background:linear-gradient(90deg,var(--dot) 2px,transparent 2px) 0 0 / 24px 24px,linear-gradient(var(--dot) 2px,transparent 2px) 0 0 / 24px 24px,var(--bg);background-repeat:repeat;opacity:.25}.bg-cinnamon-texture-2{--bg: var(--cinnamon-sugar);--dot: var(--cinnamon-spice);background-color:var(--bg);background-image:radial-gradient(var(--dot) .8px,transparent 1px),radial-gradient(var(--dot) 1px,transparent 1px),radial-gradient(var(--dot) 1.2px,transparent 1px),radial-gradient(var(--dot) 1px,transparent 1px);background-size:18px 18px,32px 32px,44px 44px,60px 60px;background-position:0 0,4px 2px,10px 12px,-6px 8px;opacity:.35}