#footnote-popup{position:fixed;left:50%;z-index:1001;width:90%;max-width:500px;max-height:40vh;overflow-y:auto;border-radius:16px;padding:1.2rem;background:linear-gradient(135deg,rgba(211,84,0,.2) 0%,rgba(230,147,76,.15) 50%,rgba(255,255,255,.55) 100%);backdrop-filter:blur(36px)saturate(120%);-webkit-backdrop-filter:blur(16px)saturate(120%);border:2px solid rgba(255,255,255,.85);box-shadow:0 12px 24px rgba(0,0,0,.6),0 0 0 1px rgba(211,84,0,.1);color:#5c4b37;font-size:.95rem;line-height:1.6;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%)scale(.95);transition:all .3s cubic-bezier(.25,.8,.25,1)}#footnote-popup.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%)scale(1)}#footnote-popup p{margin:0}#footnote-popup::-webkit-scrollbar{width:6px}#footnote-popup::-webkit-scrollbar-track{background:rgba(211,84,0,5%);border-radius:8px}#footnote-popup::-webkit-scrollbar-thumb{background:rgba(230,147,76,.4);border-radius:8px}body.dark-mode #footnote-popup{background:linear-gradient(135deg,rgba(43,20,8,.8) 0%,rgba(26,10,4,.4) 100%);border-color:rgba(214,140,69,.4);color:#d8c3b0;box-shadow:0 15px 35px rgba(0,0,0,.8),inset 0 2px 5px rgba(255,255,255,.1),inset 0 -4px 10px rgba(0,0,0,.6)}body.dark-mode #footnote-popup::-webkit-scrollbar-track{background:rgba(214,140,69,5%)}body.dark-mode #footnote-popup::-webkit-scrollbar-thumb{background:rgba(214,140,69,.3)}