.drawer{left:1px;right:0;top:calc(var(--viewport-top,0px) + var(--viewport-height,100dvh));background-color:var(--primary);border:1px solid var(--border-color-weak);width:calc(100% - 2px);box-shadow:var(--box-shadow);touch-action:pan-y;border-bottom:none;border-radius:24px 24px 0 0;position:fixed;overflow:hidden;z-index:11005!important}.drawer--backgrounded{pointer-events:none;transform:translateY(100%)!important}@media (max-width:768px){body:before{content:"";z-index:11006;background:var(--overlay-color);opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}body[data-drawer-open]:before{opacity:var(--drawer-presentation-progress,1);pointer-events:auto}body[data-drawer-dragging]:before,#root[data-drawer-dragging]{transition:none}.drawer--stack-top{z-index:11007!important}#root{transform-origin:50%;transition:transform .32s cubic-bezier(.32,.72,0,1)}#root[data-drawer-open]{transform:scale(calc(1 - var(--drawer-presentation-progress,1) * .025));will-change:transform}}@media (max-width:768px) and (prefers-reduced-motion:reduce){#root{transition:none}#root[data-drawer-open]{transform:none}}.drawer-toggle{z-index:1003;animation:.3s fadeIn;position:fixed;top:calc(1rem + 50px);right:1rem}@media (max-width:768px){.drawer-toggle{top:calc(1rem + 100px)}}.drawer-content{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overscroll-behavior:none;touch-action:pan-y;height:100%;padding:0 1rem 1rem;overflow-y:auto}@media (max-width:768px){.drawer-content{scrollbar-gutter:auto}}.drawer--dragging .drawer-content{touch-action:none;overflow-y:hidden}.drawer-content-inner{display:block}.drawer-grabber{cursor:ns-resize;touch-action:none;justify-content:center;padding:20px 0;display:flex}.drawer-grabber span{background-color:var(--text-color-weak);border-radius:5px;width:70px;height:5px}.modal-overlay{z-index:10002;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.darken{background-color:var(--overlay-color)}.modal-overlay:not(.blank) .modal-content{--modal-border-radius:18px;background-color:var(--primary);border-radius:var(--modal-border-radius);border:1px solid var(--border-color-weak);box-shadow:var(--box-shadow-strong);width:90%;max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-left:calc(60px * var(--scale-factor));flex-direction:column;display:flex;position:relative;overflow:hidden auto;transform:scale(1)}.modal-close-button{cursor:pointer;color:var(--text-color);z-index:1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close-button:hover{background-color:var(--secondary-extra-weak)}.modal-close-button:focus{background-color:var(--secondary-extra-weak);outline:none}.modal-height-wrapper{border-radius:inherit;transition:height .15s;overflow:hidden}.modal-height-wrapper.animating{transition:none}.modal-overlay.open{animation:.2s ease-in-out forwards fadeIn}.modal-overlay.close{animation:.2s ease-in-out forwards fadeCloseAnimation}.modal-overlay.open .modal-content{animation:.2s ease-in-out forwards scaleOpenAnimation}.modal-overlay.close .modal-content{animation:.2s ease-in-out forwards scaleCloseAnimation}.pricing-modal{padding:1rem}.pricing-modal .pricing-section{margin-bottom:0;padding:3rem 1.5rem}.pricing-modal .pricing-header{margin-bottom:1.5rem}.pricing-modal .pricing-header h2{margin-bottom:.75rem;font-size:2.2rem}.pricing-modal .pricing-header p{margin-bottom:2rem;font-size:1.1rem}.pricing-modal .billing-toggle{margin-bottom:0}.limit-reached-message{flex-direction:column;padding:.5rem;display:flex}.limit-header{text-align:center;margin-bottom:1.25rem}.limit-header h1{font-size:1.35rem;font-weight:500;font-family:var(--heading-font);color:var(--text-color);margin:0;line-height:1.4}.limit-content{flex-direction:column;margin-bottom:1.5rem;display:flex}.limit-content p{color:var(--text-color-weak);text-align:center;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5}.reset-time{background-color:var(--primary-weak-highlight);border:1px solid var(--border-color-weak);border-radius:12px;justify-content:center;align-items:center;padding:.75rem;display:flex}.reset-icon{color:var(--text-color-medium);margin-right:.5rem}.reset-time span{color:var(--text-color);font-size:.9rem}.limit-footer{justify-content:center;display:flex}.limit-close-button{background-color:var(--secondary-weak);color:var(--text-color);border:1px solid var(--border-color-weak);cursor:pointer;border-radius:12px;padding:.5rem 1.5rem;font-size:.95rem;transition:background-color .2s}.limit-close-button:hover,.limit-close-button:active{background-color:var(--secondary)}@media (max-width:768px){.modal-overlay:not(.blank) .modal-content{max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-left:.5rem}.pricing-drawer-content{padding:2rem .5rem}.pricing-drawer-content .pricing-section{height:100%;padding:0;overflow:auto}.modal-content{margin:.5rem}.limit-reached-message{padding:.75rem .25rem}.limit-header h1{font-size:1.2rem}.limit-content p{margin-bottom:1rem;font-size:.9rem}.reset-time{padding:.6rem}.reset-time span{font-size:.85rem}.limit-close-button{padding:.5rem 1.25rem;font-size:.9rem}}@keyframes scaleOpenAnimation{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes scaleCloseAnimation{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes fadeCloseAnimation{0%{opacity:1}to{opacity:0}}
