*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#000;--bg-card:#000;--bg-elevated:#0a0a0a;--primary:#f7f4ef;--primary-deep:#d9d6cf;--primary-light:#f7f4ef;--primary-on-primary:#fff;--accent-rgb:247,244,239;--secondary:#9ca3af;--secondary-deep:#6b7280;--secondary-rgb:156,163,175;--gradient:linear-gradient(135deg, #f7f4ef 0%, #9ca3af 100%);--gradient-flow:linear-gradient(135deg, #f7f4ef 0%, #9ca3af 50%, #f7f4ef 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{color:var(--text-primary);font-weight:800}.macaron-bar{background:#ffffff14;border-radius:2px;height:2px}.macaron-btn{transition:transform .18s,box-shadow .18s;animation:4s ease-in-out infinite flow-shine;background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--primary) 100%)!important;color:#1a1a2e!important;box-shadow:0 4px 14px rgba(var(--accent-rgb),.28), 0 4px 14px rgba(var(--secondary-rgb),.18)!important;background-size:200% 100%!important;border:none!important;font-weight:700!important}.macaron-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f7f4ef66,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,#f7f4ef,#9ca3af,#f7f4ef) 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}@keyframes rewrite-attention{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .55), 0 0 12px 2px rgba(var(--accent-rgb), .25);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb), 0), 0 0 18px 6px rgba(var(--accent-rgb), .45);transform:scale(1.03)}}.compose-rewrite-btn.ant-btn{transition:transform .18s,box-shadow .18s;animation:2.4s ease-in-out infinite rewrite-attention;background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%)!important;color:#1a1a2e!important;border:none!important;font-weight:700!important}.compose-rewrite-btn.ant-btn .anticon{color:#1a1a2e!important}.compose-rewrite-btn.ant-btn:hover{animation-play-state:paused;box-shadow:0 8px 22px rgba(var(--accent-rgb), .55), 0 4px 14px rgba(var(--secondary-rgb), .3)!important;transform:translateY(-1px)scale(1.05)!important}@keyframes shine-sweep-anim{0%{transform:translate(-150%)skew(-20deg)}60%{transform:translate(150%)skew(-20deg)}to{transform:translate(150%)skew(-20deg)}}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff8c 50%,#0000 100%);width:40%;height:100%;animation:3.2s ease-in-out infinite shine-sweep-anim;position:absolute;top:0;left:0}.shine-sweep.ant-btn-loading:after{display:none}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#000;font-family:Inter,system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,EmojiOne Color,Android Emoji,Symbola;overflow:hidden}*{-webkit-tap-highlight-color:transparent}:root{--site-zoom:1.1}body{zoom:var(--site-zoom)}#root{--app-height:calc(100vh / 1.1);width:90.9091vw;height:90.9091vh}@media (width<=768px){body{zoom:1.1}#root{--app-height:calc(100vh / 1.1);width:90.9091vw;height:90.9091vh}}a{color:inherit;text-decoration:none}*{scrollbar-width:none}::-webkit-scrollbar{display:none}::selection{color:inherit;background:#f7f4ef4d}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;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;left:0!important}.main-content>.main-scroll{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.audio-player-bar{padding-right:env(safe-area-inset-right)!important;padding-left:env(safe-area-inset-left)!important}.mobile-tab-bar{padding-left:calc(4px + env(safe-area-inset-left))!important;padding-right:calc(4px + env(safe-area-inset-right))!important}.sidebar-mobile-drawer{padding-left:calc(6px + env(safe-area-inset-left))!important}.auth-modal-root .ant-modal-wrap,.auth-modal-root .ant-modal-mask,.member-modal-root .ant-modal-wrap,.member-modal-root .ant-modal-mask,.pay-confirm-modal-root .ant-modal-wrap,.pay-confirm-modal-root .ant-modal-mask{width:90.9091vw!important;height:90.9091dvh!important}.auth-modal-root .ant-modal-wrap,.member-modal-root .ant-modal-wrap,.pay-confirm-modal-root .ant-modal-wrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;justify-content:center!important;align-items:flex-start!important;padding:16px 0!important;display:flex!important;overflow-y:auto!important}.auth-modal.ant-modal,.member-modal.ant-modal,.pay-confirm-modal.ant-modal{flex-shrink:0;top:auto!important;width:92vw!important;max-width:92vw!important;margin:0!important;padding-bottom:0!important;inset-block:auto!important;transform:none!important}.auth-modal .ant-modal-content,.member-modal .ant-modal-content,.pay-confirm-modal .ant-modal-content{-webkit-overflow-scrolling:touch;padding:18px 14px calc(18px + env(safe-area-inset-bottom,0px))!important;max-height:calc(90.9091vh - 40px)!important;max-height:calc(100dvh / 1.1 - 40px - env(safe-area-inset-bottom,0px))!important;border-radius:14px!important;overflow-y:auto!important}.auth-modal .ant-modal-close,.member-modal .ant-modal-close,.pay-confirm-modal .ant-modal-close{inset-inline-end:8px!important;top:8px!important}.member-modal .ant-modal-body>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.member-modal .ant-modal-body{max-height:none!important;overflow-y:visible!important}.audio-player-bar{height:72px!important}.audio-player-bar .player-time-left,.audio-player-bar .player-time-right{flex-shrink:0!important;display:inline-block!important}}