.sidebar-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.sidebar-modal-panel{margin:1rem auto;height:100%;max-width:48rem;max-height:98vh;padding:1rem .75rem;background:linear-gradient(135deg,#1e1a32,#000);border-radius:var(--tp-radius-lg, 8px);border:1px solid var(--tp-border, #e5e7eb);position:relative;top:-8px;overflow:visible;view-transition-class:modal}.sidebar-modal-panel-container{position:relative;width:calc(100% - 8px);top:10px}.sidebar-modal-close{position:absolute;top:-12px;right:-12px;height:28px;color:var(--tp-bg);cursor:pointer;transition:color .2s ease;background:var(--tp-text-primary);border-radius:50%;padding:3px;border:1px solid var(--tp-border);z-index:1000;box-shadow:-2px 2px 6px color-mix(in srgb,var(--tp-text-primary) 20%,transparent)}.sidebar-modal-close:hover{color:var(--tp-error);transform:scale(1.1) rotate(15deg);transition:transform .2s ease}.sidebar-modal-title{font-weight:600;font-size:1rem;margin-bottom:.5rem;color:var(--tp-text-primary);display:flex;align-items:center;gap:.5rem}.sidebar-modal-content{overflow-y:auto;max-height:calc(98vh - 2rem)}.sidebar-modal-title-icon{flex-shrink:0;color:var(--tp-text-primary)}@media (max-width: 768px){.sidebar-modal-panel{max-width:95vw;margin:.5rem auto;padding:.75rem .5rem}.sidebar-modal-panel-container{width:calc(100% - 4px);top:5px}.sidebar-modal-close{top:-10px;right:-10px;height:24px;padding:2px}}@media (max-width: 480px){.sidebar-modal-panel{max-width:98vw;margin:.25rem auto;padding:.5rem .25rem}.sidebar-modal-title{font-size:.875rem;margin-bottom:.375rem}}