.new-message-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,rgba(33,150,243,.95),rgba(25,118,210,.95));color:#fff;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:0 2px 8px #2196f34d;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:10;animation:indicator-fade-in .3s ease}.new-message-indicator:hover{background:linear-gradient(135deg,rgba(25,118,210,.98),rgba(21,101,192,.98));box-shadow:0 4px 12px #2196f366;transform:translateY(-1px)}.new-message-indicator:active{transform:translateY(0);box-shadow:0 2px 6px #2196f34d}.new-message-indicator:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.new-message-indicator.top{position:absolute;top:8px;left:50%;transform:translate(-50%)}.new-message-indicator.bottom{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.new-message-indicator.top:hover{transform:translate(-50%) translateY(-1px)}.new-message-indicator.bottom:hover{transform:translate(-50%) translateY(1px)}.indicator-icon{font-size:14px;font-weight:700;animation:bounce-down 1s ease infinite}.indicator-text{white-space:nowrap}.indicator-hint{font-size:11px;opacity:.8;margin-left:4px}@keyframes indicator-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width: 600px){.new-message-indicator{padding:6px 12px;font-size:12px}.indicator-hint{display:none}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff4f2}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fancy-card{border-radius:14px;box-shadow:0 8px 18px #3b2f2a0f;border:1px solid rgba(240,224,214,.6);background:#fff;padding:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleSwing{0%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}to{transform:rotate(-1.5deg)}}@keyframes floatSlow{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(6px)}to{transform:translateY(0) translate(0)}}.floating-mascot{animation:floatSlow 6s ease-in-out infinite}.floating-pig svg{width:140px;height:auto;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(0 8px 18px rgba(59,47,42,.06));transition:transform .26s cubic-bezier(.2,.8,.2,1)}.floating-pig{animation:floatSlow 6s ease-in-out infinite,pigBounce 12s ease-in-out infinite}@keyframes pigBounce{0%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-6px) rotate(1deg)}50%{transform:translateY(0) rotate(-1deg)}75%{transform:translateY(-6px) rotate(1deg)}to{transform:translateY(0) rotate(-1deg)}}@media (max-width: 768px){.floating-pig{display:none}}.intro-item{opacity:0;animation:fadeUp .6s ease forwards}.intro-title{display:inline-block;animation:gentleSwing 5s ease-in-out infinite;transform-origin:50% 50%;text-shadow:0 6px 14px rgba(255,105,140,.06);color:#3b2f2a}.intro-list-item{display:flex;align-items:center;gap:8px}.intro-list-icon{width:28px;height:28;border-radius:6px;background:linear-gradient(180deg,#FF96B8,#FF6F91);display:inline-flex;align-items:center;justify-content:center;color:#fff;transform:translate(-8px) scale(.95);opacity:0;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .36s}.intro-list-item.show .intro-list-icon{transform:translate(0) scale(1);opacity:1}.fancy-btn{transition:transform .16s ease,box-shadow .16s ease}.fancy-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #ff698c1f}.site-header{background-color:#c8a07a;background-image:none;background-size:cover;background-position:center;position:relative;color:#000;border-bottom:4px solid rgba(59,47,42,.08);background-repeat:no-repeat}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;pointer-events:none}.site-header .site-title{position:relative;font-family:"Baloo 2",cursive;font-size:1.5rem;font-weight:700;color:#000;text-shadow:none}.site-header .MuiTabs-flexContainer .MuiTab-root{color:#000;font-weight:700;text-shadow:none}.site-header .MuiTabs-flexContainer .MuiTab-root[aria-selected=false]{opacity:.86}.site-header .MuiTabs-indicator{background-color:#ff6f91;height:4px;border-radius:2px 2px 0 0;bottom:8px}.site-header,.site-header .MuiToolbar-root,.site-header .MuiToolbar-root .MuiTypography-root{color:#000}@media (max-width: 768px){.site-header{background-image:none;background-color:#fff4f2}.site-header:before{background:none}.site-title{font-size:1.25rem}}@media (max-width: 768px){.MuiTabs-flexContainer{justify-content:center}.floating-mascot{display:none}}