.cf-modal{z-index:100;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.cf-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0000009e;position:absolute;inset:0}.cf-modal__card{z-index:1;background:var(--panel-strong);color:var(--foreground);border:1px solid var(--border);border-radius:var(--theme-radius,.95rem);box-shadow:var(--theme-shadow,0 20px 55px #02070f59);max-height:min(90vh, calc(var(--cf-modal-viewport-height,100dvh) - 2rem));font-size:calc(1rem * var(--modal-zoom,1));flex-direction:column;display:flex;position:relative}.cf-modal__card--sm{--modal-base-width:380px}.cf-modal__card--md{--modal-base-width:560px}.cf-modal__card--lg{--modal-base-width:720px}.cf-modal__card--xl{--modal-base-width:920px}.cf-modal__card--sm,.cf-modal__card--md,.cf-modal__card--lg,.cf-modal__card--xl{width:min(calc(var(--modal-base-width,560px) * var(--modal-zoom,1)), calc(100vw - 1.5rem), 100%)}.cf-modal__card--side{border-top:0;border-bottom:0;border-right:0;border-radius:0;width:min(540px,95vw);max-height:100vh;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 55px #02070f52}@media (max-width:720px){.cf-modal__card:not(.cf-modal__card--public-auth):not(.cf-modal__card--minimized){border:0;border-radius:0;width:100vw;max-width:100vw;height:100svh;min-height:0;max-height:100svh;inset:auto;translate:none!important}.cf-modal{width:100vw;height:100svh;min-height:100svh;padding:0;overflow:hidden}.cf-modal__card:not(.cf-modal__card--public-auth) .cf-modal__header{padding-top:max(.7rem, env(safe-area-inset-top,0px));padding-left:max(.8rem, env(safe-area-inset-left,0px));padding-right:max(.8rem, env(safe-area-inset-right,0px))}.cf-modal__card:not(.cf-modal__card--public-auth) .cf-modal__body{padding-left:max(.8rem, env(safe-area-inset-left,0px));padding-right:max(.8rem, env(safe-area-inset-right,0px));overscroll-behavior:contain}.cf-modal__card:not(.cf-modal__card--public-auth) .cf-modal__footer{padding-right:max(.8rem, env(safe-area-inset-right,0px));padding-bottom:max(.8rem, env(safe-area-inset-bottom,0px));padding-left:max(.8rem, env(safe-area-inset-left,0px))}}.cf-modal__form{flex-direction:column;flex:1;min-height:0;display:flex}.cf-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.1rem 1.25rem .7rem;display:flex}.cf-modal__header-text{flex:1;min-width:0}.cf-modal__header-actions,.cf-modal__zoom{align-items:center;gap:.25rem;display:inline-flex}.cf-modal__header-actions{flex:none}.cf-modal__zoom{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-strong) 92%, transparent);border-radius:.45rem;padding:.16rem}.cf-modal__zoom button{min-width:1.7rem;min-height:1.7rem;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.32rem;padding:0 .3rem;font-size:.72rem}.cf-modal__zoom button:hover:not(:disabled),.cf-modal__zoom button:focus-visible{background:color-mix(in srgb, var(--accent) 14%, transparent);outline:none}.cf-modal__zoom button:disabled{opacity:.35;cursor:not-allowed}.cf-modal__title{color:color-mix(in srgb, var(--foreground) 72%, #dff3ff 28%);letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:700}:root[data-style=hud] .cf-modal__card{clip-path:var(--hud-corner-notch);border-radius:0}:root[data-style=hud] .cf-modal__card:after{content:"";z-index:30;pointer-events:none;background:linear-gradient(135deg, transparent calc(50% - .8px), var(--accent) calc(50% - .8px), var(--accent) calc(50% + .8px), transparent calc(50% + .8px)) top left / 14px 14px no-repeat, linear-gradient(135deg, transparent calc(50% - .8px), var(--accent) calc(50% - .8px), var(--accent) calc(50% + .8px), transparent calc(50% + .8px)) bottom right / 14px 14px no-repeat;position:absolute;inset:0}.cf-modal__subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.86rem;line-height:1.45}.cf-modal__close{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;flex:none;place-items:center;font-size:.92rem;transition:background .12s,border-color .12s,color .12s;display:grid}.cf-modal__minimize{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;flex:none;place-items:center;padding:0;font:700 1rem/1 inherit;display:none}@media (max-width:720px),(pointer:coarse){.cf-modal__minimize{display:grid}.cf-modal--minimized{pointer-events:none;place-items:end;padding:.5rem}.cf-modal--minimized .cf-modal__backdrop{display:none}.cf-modal__card--minimized{pointer-events:auto;border:1px solid var(--border);border-radius:var(--theme-radius,.75rem);width:min(22rem,100vw - 1rem);height:auto;min-height:0;max-height:none}.cf-modal__card--minimized>:not(.cf-modal__header){display:none}.cf-modal__card--minimized .cf-modal__header{border-bottom:0;align-items:center;padding:.45rem .6rem}.cf-modal__card--minimized .cf-modal__title{font-size:.86rem}}.cf-modal__close:hover{background:color-mix(in srgb, var(--muted) 14%, transparent);border-color:var(--border);color:var(--foreground)}.cf-modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cf-modal__body{min-height:0;color:var(--foreground);flex:1;padding:1rem 1.25rem;overflow-y:auto}.cf-modal__footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--panel-strong) 92%, transparent);justify-content:flex-end;align-items:center;gap:.55rem;padding:.85rem 1.25rem 1rem;display:flex}@media (max-width:480px){.cf-modal__footer{flex-direction:column-reverse;align-items:stretch}.cf-modal__footer .ops-form__btn{width:100%}}.cf-modal__confirm-message{color:var(--foreground);margin:0;font-size:.92rem;line-height:1.5}body:has(.cf-modal) .aria-global-orb{z-index:9900!important}@media (max-width:768px){.cf-modal__card:not(.cf-modal__card--public-auth) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]),textarea,select,[contenteditable=true]:not(.cf-md-content)){-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px!important}}.cf-modal__confirm-message{font-family:inherit}@media (min-width:769px){.cf-modal__body{font-size:calc(var(--canonical-ui-font-size) * var(--modal-zoom,1))}:is(.cf-window__body,.cf-modal__body) .ops-form__label{font-size:.86em}}