*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#000;--bg-card:#000;--bg-elevated:#0a0a0a;--primary:#f268a4;--primary-deep:#d94c87;--primary-light:#fba5c8;--primary-on-primary:#fff;--accent-rgb:242,104,164;--secondary:#9ca3af;--secondary-deep:#6b7280;--secondary-rgb:156,163,175;--gradient:linear-gradient(135deg, #f268a4 0%, #9ca3af 100%);--gradient-flow:linear-gradient(135deg, #f268a4 0%, #9ca3af 50%, #f268a4 100%);--text-primary:#e6e6e6;--text-secondary:#999;--text-muted:#5c5c5c;--accent-blue:#4a9eff;--accent-green:#3fe070;--accent-red:#ff4d4f;--border-color:transparent}@keyframes flow-shine{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-dual{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .45), 0 0 0 0 rgba(var(--secondary-rgb), .35)}50%{box-shadow:0 0 0 8px rgba(var(--accent-rgb), 0), 0 0 0 14px rgba(var(--secondary-rgb), 0)}}.macaron-text{background:linear-gradient(90deg,#f268a4 0%,#9ca3af 50%,#f268a4 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:5s ease-in-out infinite flow-shine}.macaron-bar{background:linear-gradient(90deg,#f268a4 0%,#9ca3af 50%,#f268a4 100%) 0 0/200% 100%;border-radius:2px;height:2px;animation:5s ease-in-out infinite flow-shine}.macaron-btn{transition:transform .18s,box-shadow .18s;animation:4s ease-in-out infinite flow-shine;color:#fff!important;background:linear-gradient(135deg,#f268a4 0%,#9ca3af 50%,#f268a4 100%) 0 0/200% 100%!important;border:none!important;font-weight:700!important;box-shadow:0 4px 14px #f268a447,0 4px 14px #9ca3af2e!important}.macaron-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f268a466,0 6px 20px #9ca3af40!important}.sidebar-mascot-wrap:hover .sidebar-mascot-close{opacity:1!important}.sidebar-mascot-close:hover{transform:scale(1.1);background:#000000bf!important}@keyframes mascot-note-float{0%{opacity:0;transform:translate(0)rotate(-8deg)scale(.6)}15%{opacity:1}50%{opacity:.9;transform:translate(14px,-60%)rotate(12deg)scale(1)}80%{opacity:.6;transform:translate(-8px,-110%)rotate(-6deg)scale(1)}to{opacity:0;transform:translate(6px,-160%)rotate(8deg)scale(.7)}}.mascot-note{will-change:transform, opacity;-webkit-user-select:none;user-select:none;font-weight:700;animation:4s ease-in-out infinite mascot-note-float}.macaron-glow{position:relative}.macaron-glow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f268a4,#9ca3af,#f268a4) 0 0/200% 200%;padding:1px;animation:6s ease-in-out infinite flow-shine;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;color:var(--text-primary);background:#000;font-family:Inter,system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif;overflow:hidden}#root{--app-height:100vh;width:100vw;height:100vh}a{color:inherit;text-decoration:none}*{scrollbar-width:none}::-webkit-scrollbar{display:none}::selection{color:inherit;background:#f268a44d}input::placeholder{color:var(--text-muted)}button{font-family:inherit}@media (width<=768px){.sidebar-desktop{display:none!important}.main-content{margin-left:0!important}.app-header{padding:0 12px!important;left:0!important}}