.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;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:var(--space-md);right:var(--space-md);width:36px;height:36px;border:none;background:var(--glass-bg-light);border-radius:50%;cursor:pointer;color:var(--text-primary);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(--error);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:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);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:var(--space-lg);-webkit-overflow-scrolling:touch}.details-modal--list .details-modal__body{padding:var(--space-md)}.details-modal.is-dragging .details-modal__panel{transition:none}.details-modal__center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.details-modal__center h2{margin:0}.details-modal__center p{margin:0;color:var(--text-muted)}@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));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:var(--space-md) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom,0px))}.details-modal--list .details-modal__body{padding:var(--space-sm) var(--space-sm) calc(var(--space-md) + 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:var(--space-sm) var(--space-md);z-index:5}}body.modal-open{overflow:hidden}