.glass-panel{background:rgba(17,23,32,.75);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(99,179,237,.08)}.glass-panel-elevated{background:rgba(20,28,40,.85);backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(99,179,237,.1)}.glass-compose{background:rgba(17,23,32,.9);backdrop-filter:blur(20px);border:1px solid rgba(99,179,237,.1)}.parallax-shift{transition:transform .4s cubic-bezier(.16,1,.3,1)}.parallax-shift-right{transform:translateX(8px)}.panel-spring{transition:width .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.16,1,.3,1)}.panel-content-fade{transition:opacity .2s ease-out}.panel-collapsed .panel-content-fade{opacity:0}.focus-mode-enter{animation:focusModeIn .4s cubic-bezier(.16,1,.3,1) forwards}.focus-mode-exit{animation:focusModeOut .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes focusModeIn{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-24px);width:0}}@keyframes focusModeOut{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.mention-highlight{border-left:3px solid transparent;animation:mentionGlow .5s ease-out forwards;background:linear-gradient(90deg,rgba(0,212,170,.06),transparent)}.resize-handle{position:relative;width:4px;cursor:col-resize;flex-shrink:0;transition:background-color .2s ease}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:24px;border-radius:1px;background:rgba(99,179,237,.15);transition:background-color .2s ease,height .2s ease}.resize-handle:hover:after{background:rgba(0,212,170,.4);height:40px}.resize-handle:active:after{background:rgba(0,212,170,.6);height:48px}.sheet-backdrop{background:rgba(6,10,18,.7);backdrop-filter:blur(4px)}.msg-send-out{animation:msgSendOut .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes msgSendOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.msg-receive-in{animation:msgReceiveIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes msgReceiveIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reaction-pop{animation:reactionPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes reactionPop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.unread-badge{animation:badgeIn .35s cubic-bezier(.34,1.56,.64,1),badgePulse 2s ease-in-out .35s infinite}@keyframes badgeIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.bell-wiggle{animation:bellWiggle .6s cubic-bezier(.16,1,.3,1);transform-origin:top center}@keyframes bellWiggle{0%,to{transform:rotate(0deg)}15%{transform:rotate(-15deg)}35%{transform:rotate(15deg)}55%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.guild-icon-morph{transition:border-radius .2s cubic-bezier(.16,1,.3,1)}.guild-icon-morph:hover{border-radius:12px}.modal-enter{animation:modalEnter .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.95);backdrop-filter:blur(0)}to{opacity:1;transform:scale(1);backdrop-filter:blur(8px)}}.panel-snap{animation:panelSnap .4s cubic-bezier(.34,1.56,.64,1)}@keyframes panelSnap{0%{transform:translateX(-4px)}60%{transform:translateX(2px)}to{transform:translateX(0)}}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.pt-safe{padding-top:env(safe-area-inset-top,0)}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}