.chat-window{position:relative;left:0;right:0;bottom:auto;width:100%;max-width:100%;background:linear-gradient(180deg,rgba(255,243,247,.98),rgba(255,250,252,.98));border-radius:8px;box-shadow:0 4px 18px #0000000f;overflow:hidden;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;transition:height .16s ease,opacity .2s ease,transform .16s ease;z-index:600}.chat-window.closed{transform:none;opacity:1}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border-bottom:none}.chat-title{font-weight:700;color:#6b1b3a;font-size:14px}.chat-actions .chat-toggle{background:transparent;border:none;font-size:14px;cursor:pointer}.chat-drag-handle{height:12px;min-height:12px;cursor:ns-resize;background:linear-gradient(90deg,rgba(0,0,0,.03),rgba(0,0,0,.01));pointer-events:auto;z-index:10}.chat-tabs{display:flex;gap:6px;padding:8px;background:transparent;border-bottom:1px solid rgba(0,0,0,.03)}.chat-tab{flex:1;padding:6px 8px;background:transparent;border-radius:8px;border:0;cursor:pointer;font-size:13px;color:#5a2b45}.chat-tab.active{background:transparent;box-shadow:none;font-weight:700}.chat-tab.placeholder{opacity:.6}.chat-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:160px;position:relative}.chat-list{padding:10px;overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.4))}.chat-empty{color:#7a5a6a;text-align:center;margin-top:16px}.chat-message{max-width:86%;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.9);box-shadow:0 1px 3px #0000000a;animation:msg-in .2s ease}.chat-message.me{align-self:flex-end;background:linear-gradient(90deg,#ffd6e7,#ffeceb)}.chat-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5a2b45;margin-bottom:4px}.chat-meta-left{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{flex:0 0 auto;margin-left:8px;font-size:11px;color:#8b6c76;opacity:.9;padding-left:8px;border-left:1px solid rgba(0,0,0,.03)}.chat-body-text{font-size:13px;color:#3b2a33;white-space:pre-wrap;word-break:break-word}.chat-compose{padding:8px;border-top:1px solid rgba(0,0,0,.03);background:rgba(255,250,252,.9);display:flex;align-items:center;gap:8px}.chat-notice{margin-bottom:6px;padding:6px 8px;border-radius:8px;font-size:12px}.chat-notice.warn{background:#fff4e6;color:#7a4a00}.chat-notice.error{background:#ffecec;color:#7a1620}.chat-input{flex:1 1 auto;min-width:0;resize:none;border-radius:8px;border:1px solid rgba(0,0,0,.06);padding:8px;font-size:13px;margin:0;background:rgba(255,255,255,.9);height:40px;overflow:hidden}.chat-compose-actions{display:flex;align-items:center;gap:8px;margin-left:4px}.chat-send{background:linear-gradient(90deg,#ff8fb8,#ff5fa0);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}.chat-loading{text-align:center;color:#7a5a6a;padding:8px}@keyframes msg-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.chat-window{right:12px;left:12px;width:auto;bottom:12px}}.chat-list .chat-message{display:flex;align-items:center;gap:8px;padding:6px 72px 6px 8px;position:relative}.chat-meta{display:flex;align-items:center;gap:6px;margin:0;min-width:0}.chat-meta-left{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch;flex:0 0 auto}.chat-meta-left:after{content:":";margin-left:6px;margin-right:4px;color:inherit}.chat-time{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#8b6c76;opacity:.9;white-space:nowrap;flex:0 0 auto}.chat-body-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:13px;color:#3b2a33}.chat-filter-bar{display:flex;gap:8px;padding:6px 10px;background:rgba(255,250,252,.9);border-bottom:1px solid rgba(0,0,0,.03);flex-wrap:wrap;align-items:center}.chat-filter-label{font-size:12px;color:#5a2b45;margin-right:4px}.chat-filter-checkbox{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;cursor:pointer;transition:all .15s ease;font-size:12px;-webkit-user-select:none;user-select:none}.chat-filter-checkbox:hover{background:rgba(255,255,255,1)}.chat-filter-checkbox input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer;accent:none;outline:none}.chat-filter-checkbox input[type=checkbox]:checked{accent-color:#ff5fa0}.chat-filter-checkbox input[type=checkbox]:checked+span{color:#fff}.chat-filter-checkbox span{color:#3b2a33}.chat-category-tag.system{background:#e3f2fd;color:#1565c0}.chat-category-tag.levelup{background:#fff3e0;color:#e65100}.chat-category-tag.action{background:#fce4ec;color:#c2185b}.chat-private-target{width:100%;border-radius:6px;border:1px solid rgba(0,0,0,.08);padding:5px 8px;font-size:12px;margin-bottom:4px;background:rgba(255,255,255,.95);outline:none;transition:border-color .15s ease}.chat-private-target:focus{border-color:#ff8fb8}.chat-private-row{display:flex;align-items:center;gap:6px}.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}}