:root{--glass-blur: 20px;--glass-sat: 175%;--glass-bright: 106%;--glass-alpha: .18;--glass-rim: .8;--glass-rim-w: 1.4px;--glass-sheen: .38;--glass-depth: .15}#chat .glassy{background:rgba(255,255,255,var(--glass-alpha))!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright))!important;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright))!important;border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .8))!important;box-shadow:inset 0 1.5px rgba(255,255,255,var(--glass-rim)),inset 0 -1px rgba(255,255,255,calc(var(--glass-rim) * .32)),0 5px 16px rgba(150,110,130,var(--glass-depth))!important}#chat{position:relative}#chat .chat-top{position:absolute;top:0;left:0;right:0;z-index:20;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;gap:8px;align-items:center;pointer-events:none}#chat .chat-top>*{pointer-events:auto}#chat #messages{padding-top:calc(64px + env(safe-area-inset-top))!important}#chat .chat-top .hidden-ctl{display:none!important}#chat .chat-top .back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(255,255,255,var(--glass-alpha));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .8));box-shadow:inset 0 1.5px rgba(255,255,255,var(--glass-rim)),0 4px 12px rgba(150,110,130,var(--glass-depth))}#chat .chat-top .ava{flex-shrink:0;border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .9))!important;box-shadow:0 4px 12px rgba(150,110,130,var(--glass-depth))!important}#chat .chat-top .who{flex:1;min-width:0;text-align:center;background:none!important;padding:0!important;border:none!important;box-shadow:none!important}#chat .chat-top .who b{display:inline-block;padding:3px 15px;border-radius:13px;white-space:nowrap;background:rgba(255,255,255,calc(var(--glass-alpha) + .1));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .7));box-shadow:inset 0 1px rgba(255,255,255,var(--glass-rim)),0 3px 10px rgba(150,110,130,var(--glass-depth))}#chat .chat-top .who small{display:block;margin-top:3px;white-space:nowrap}#chat .chat-menu{position:relative;flex-shrink:0}#chat .chat-menu>summary{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:19px;line-height:1;letter-spacing:1px;color:var(--pink-deep);list-style:none;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,var(--glass-alpha));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .8));box-shadow:inset 0 1.5px rgba(255,255,255,var(--glass-rim)),0 4px 12px rgba(150,110,130,var(--glass-depth))}#chat .chat-menu>summary::-webkit-details-marker{display:none}#chat .chat-menu>summary::marker{content:""}#chat .menu-panel{position:absolute;right:0;top:44px;z-index:30;display:flex;flex-direction:column;gap:6px;padding:8px;min-width:132px;border-radius:16px;background:rgba(255,255,255,calc(var(--glass-alpha) + .3));-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(var(--glass-sat));backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(var(--glass-sat));border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .8));box-shadow:inset 0 1.5px rgba(255,255,255,var(--glass-rim)),0 10px 26px rgba(150,110,130,calc(var(--glass-depth) + .06))}#chat .menu-item{padding:9px 12px;border-radius:11px;border:0;cursor:pointer;font-size:13.5px;font-family:var(--yuan);text-align:left;white-space:nowrap;color:var(--ink);background:#ffffff6b}#chat .menu-item:active{background:#ffffffb8;transform:translateY(1px)}#chat .msg.ai .bubble,#chat .msg.me .bubble{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright))!important;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright))!important;border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .7))!important;box-shadow:inset 0 1px rgba(255,255,255,var(--glass-rim)),inset 0 -1px rgba(255,255,255,calc(var(--glass-rim) * .28)),0 4px 14px rgba(150,110,130,var(--glass-depth))!important}#chat .msg.ai .bubble{background:rgba(255,255,255,calc(var(--glass-alpha) + .34))!important}#chat .msg.me .bubble{background:linear-gradient(160deg,rgba(231,245,214,calc(var(--glass-alpha) + .36)),rgba(211,235,184,calc(var(--glass-alpha) + .44)))!important}#chat .msg.ai .bubble:after,#chat .msg.me .bubble:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(to bottom,rgba(255,255,255,var(--glass-sheen)),#fff0 55%)}#chat .input-box{background:rgba(255,255,255,calc(var(--glass-alpha) + .28))!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright))!important;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright))!important;border:var(--glass-rim-w) solid rgba(255,255,255,calc(var(--glass-rim) * .85))!important;box-shadow:inset 0 1.5px rgba(255,255,255,var(--glass-rim)),inset 0 -1px rgba(255,255,255,calc(var(--glass-rim) * .3)),0 6px 18px rgba(150,110,130,var(--glass-depth))!important}body.glass-lite #chat .msg.ai .bubble,body.glass-lite #chat .msg.me .bubble{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.glass-lite #chat .msg.ai .bubble{background:#ffffffe0!important}body.glass-lite #chat .msg.me .bubble{background:linear-gradient(160deg,#e7f5d6,#d3ebb8)!important}
