:root{color-scheme:light dark}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;visibility:hidden;opacity:0;pointer-events:none;transition:visibility .3s,opacity .3s,background-color .3s;align-items:center;justify-content:center;padding:1rem}.modal-overlay.active{visibility:visible;opacity:1;pointer-events:auto}.modal-container{background:#fff;border-radius:1.5rem;padding:2.5rem;max-width:650px;width:100%;max-height:85vh;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),opacity .3s;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.review-modal-overlay{align-items:flex-start}.review-modal-container{max-height:calc(100vh - 2rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:640px){.review-modal-overlay{padding-top:.75rem;padding-bottom:.75rem}.review-modal-container{padding:1.25rem;max-height:calc(100vh - 1.5rem);width:100%}}.modal-overlay.active .modal-container{transform:scale(1) translateY(0);opacity:1}.dark .modal-container{background:#1a1a1a;border:1px solid #333}html.dark{color-scheme:dark}html:not(.dark){color-scheme:light}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}