.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-bg) 62%,black);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-overlay-fade .24s ease-out;overscroll-behavior:contain;touch-action:none}.modal{background:var(--color-bg-card);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius);min-width:320px;max-width:90vw;max-height:88vh;display:flex;flex-direction:column;box-shadow:var(--brutal-shadow-lg, 0 16px 36px rgba(0, 0, 0, .7));animation:modal-desktop-pop .28s cubic-bezier(.16,1,.3,1)}.modal--wide{width:860px}.modal__drag-area{display:flex;flex-direction:column;flex-shrink:0;-webkit-user-select:none;user-select:none}.modal__handle{display:none}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1em;flex-shrink:0}.modal__close{background:none;border:none;color:inherit;font-size:1.5em;cursor:pointer;line-height:1;padding:.2em .4em;border-radius:var(--radius-sm, 4px);transition:color var(--duration-hover, .2s) ease,background-color var(--duration-hover, .2s) ease}.modal__close:hover{color:var(--color-accent);background:var(--color-accent-dim, rgba(244, 124, 32, .12))}.modal__body{padding:0 1em 1em;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}.modal__body::-webkit-scrollbar{display:none}@media (max-width: 860px){.modal-overlay{align-items:flex-end;background:#000000c2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0}.modal{width:100%!important;max-width:100%!important;min-width:0!important;height:auto;max-height:85vh;border-radius:22px 22px 0 0;border-left:none;border-right:none;border-bottom:none;border-top:2.5px solid var(--color-accent);box-shadow:0 -12px 36px #000c,0 -2px 0 var(--color-accent);padding-bottom:max(1.2rem,env(safe-area-inset-bottom,1.2rem));display:flex;flex-direction:column;overflow:hidden}.modal--wide{width:100%!important}.modal__handle{display:block;width:44px;height:5px;border-radius:9999px;background:var(--color-border-strong);margin:.75rem auto .25rem}.modal__header{padding:.4rem 1.15rem .65rem;flex-shrink:0}.modal__body{padding:0 1.15rem 1rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.modal__body::-webkit-scrollbar{display:none}}