.modal-shell-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(2px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;overflow-x:hidden}.modal-shell-frame{position:relative;z-index:9001;border-radius:16px;width:100%;max-height:min(85vh,720px);max-height:min(100dvh,720px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-shell-frame--light{background:#fff;color:#0F172A}.modal-shell-frame--dark{background:#0d2614;color:#fff;border:1px solid #1a3d20}.modal-shell-header{flex:0 0 auto;padding:24px 28px 12px;border-bottom:1px solid var(--modal-shell-divider,transparent)}.modal-shell-frame--dark .modal-shell-header{--modal-shell-divider:rgba(255,255,255,0.08)}.modal-shell-frame--light .modal-shell-header{--modal-shell-divider:#E5E7EB}.modal-shell-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 28px max(24px,env(safe-area-inset-bottom,24px))}.modal-shell-footer{flex:0 0 auto;padding:12px 28px max(16px,env(safe-area-inset-bottom,16px));background:inherit;border-top:1px solid var(--modal-shell-divider,transparent);box-shadow:0 -8px 16px -8px rgba(0,0,0,.08)}.modal-shell-frame--dark .modal-shell-footer{--modal-shell-divider:rgba(255,255,255,0.08);box-shadow:0 -8px 16px -8px rgba(0,0,0,.4)}.modal-shell-frame--light .modal-shell-footer{--modal-shell-divider:#E5E7EB}.modal-shell-close{position:fixed;top:max(16px,env(safe-area-inset-top,16px));right:max(16px,env(safe-area-inset-right,16px));z-index:10000;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:none;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);font-size:26px;cursor:pointer;line-height:1;font-family:inherit;color:#fff;pointer-events:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.4);transition:transform .15s ease,background .15s ease}.modal-shell-close:hover{transform:scale(1.05);background:rgba(0,0,0,.85)}.modal-shell-close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:639px){.modal-shell-backdrop{padding:0;align-items:flex-end}.modal-shell-frame{border-radius:20px 20px 0 0;max-height:100dvh;max-height:min(100dvh,100vh);height:auto}.modal-shell-header{padding:max(20px,env(safe-area-inset-top,20px)) 20px 8px}.modal-shell-body{padding:16px 20px max(16px,env(safe-area-inset-bottom,16px))}.modal-shell-footer{padding:12px 20px max(16px,env(safe-area-inset-bottom,16px))}.modal-shell-close{width:48px;height:48px;min-width:48px;min-height:48px;font-size:28px;top:max(16px,env(safe-area-inset-top,16px));right:max(12px,env(safe-area-inset-right,12px))}}