.details-modal{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.details-modal.is-open{opacity:1;visibility:visible}.details-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.details-modal__panel{position:relative;width:90%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-card,#1a1a2e);border-radius:var(--border-radius,12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px rgba(0,0,0,.5);transform:scale(.92) translateY(16px);transition:transform .28s ease;padding:0}.details-modal.is-open .details-modal__panel{transform:scale(1) translateY(0)}.details-modal--list .details-modal__panel{max-width:800px}.details-modal--info .details-modal__panel{max-width:440px}.details-modal--wide .details-modal__panel{max-width:900px}.details-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:rgba(255,255,255,.1);border-radius:50%;cursor:pointer;color:var(--text,#e6e6e6);font-size:.95rem;transition:background .15s ease,color .15s ease,transform .1s ease;z-index:10;display:flex;align-items:center;justify-content:center;padding:0}.details-modal__close:hover{background:var(--primary,#ef4444);color:#fff}.details-modal__close:active{transform:scale(.94)}.details-modal__handle{width:56px;height:5px;margin:10px auto 12px;border-radius:999px;background:rgba(255,255,255,.22);cursor:pointer;flex-shrink:0;display:none;position:relative}.details-modal__handle::before{content:"";position:absolute;inset:-16px -64px}.details-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);flex-shrink:0}.details-modal__header[hidden]{display:none}.details-modal__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px}.details-modal--list .details-modal__body{padding:12px}.details-modal.is-dragging .details-modal__panel{transition:none}.details-modal__center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.details-modal__center h2{margin:0}.details-modal__center p{margin:0;color:var(--text-muted,rgba(255,255,255,.7))}@media (max-width:768px){.details-modal{align-items:flex-end}.details-modal__panel{width:100%;max-width:none!important;max-height:calc(85vh - env(safe-area-inset-bottom,0px));max-height:calc(85dvh - env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.32, .72, 0, 1)}.details-modal.is-open .details-modal__panel{transform:translateY(0)}.details-modal__handle{display:block}.details-modal__body{padding:12px 12px calc(20px + env(safe-area-inset-bottom,0px))}.details-modal--list .details-modal__body{padding:8px 8px calc(12px + env(safe-area-inset-bottom,0px))}.details-modal__close{top:12px;right:12px;width:44px;height:44px;font-size:1.05rem;background:rgba(0,0,0,.55);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.details-modal__close:hover{background:rgba(0,0,0,.75)}.details-modal--list .details-modal__close{top:50%;transform:translateY(-50%)}.details-modal__header{position:sticky;top:0;padding:8px 12px;z-index:5}}body.modal-open{overflow:hidden}