.modal-overlay{background:var(--bg-dimmer);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay--fullscreen{padding:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel-bg);border:1px solid var(--control-border-hover);border-radius:var(--radius-xl);box-shadow:var(--panel-shadow);width:100%;max-height:90dvh;animation:modalScaleIn var(--motion-duration-slow) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal--small{max-width:400px}.modal--medium{max-width:600px}.modal--large{max-width:800px}.modal--xl{max-width:1100px}.modal--fullscreen{width:100%;max-width:none;height:100dvh;max-height:none;animation:modalFadeIn var(--motion-duration-slow) var(--ease-standard);border:none;border-radius:0}.modal--side-panel{border-radius:0;max-width:400px;height:100dvh;max-height:100dvh;position:fixed;top:0;bottom:0}.modal--right{border-left:1px solid var(--control-border-hover);animation:modalSlideInRight var(--motion-duration-slow) var(--ease-standard);right:0}.modal--left{border-right:1px solid var(--control-border-hover);animation:modalSlideInLeft var(--motion-duration-slow) var(--ease-standard);left:0}@keyframes modalSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.modal--drawer{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:none;max-height:80dvh;max-height:calc(80dvh - var(--bottom-nav-height,0px) - env(safe-area-inset-bottom,0px));animation:modalSlideInBottom var(--motion-duration-slow) var(--ease-standard);position:fixed;bottom:0;left:0;right:0}@keyframes modalSlideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--glass-border-subtle);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);font-family:var(--font-body);margin:0}.modal__close{color:var(--text-muted);cursor:pointer;min-width:44px;min-height:44px;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--motion-duration-fast) var(--ease-standard), border-color var(--motion-duration-fast) var(--ease-standard), color var(--motion-duration-fast) var(--ease-standard);background:0 0;border:none;display:flex}.modal__close:hover{background:var(--surface-hover);color:var(--text-primary)}.modal__content{padding:var(--space-6);overscroll-behavior:contain;flex:1;overflow-y:auto}.modal:focus:not(:focus-visible){outline:none}.modal:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (prefers-reduced-motion:reduce){.modal,.modal--fullscreen,.modal--right,.modal--left,.modal--drawer{animation:none}}