/* Vector landscape follows the embedding color scheme, including the system theme. */
dialog#auth-dialog::backdrop{background:linear-gradient(light-dark(#ffffff18,#211b3d30),light-dark(#faf8ff12,#15132955)),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%201000%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20x2%3D%220.1%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2351435f%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23a285a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23473e64%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22m%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23756482%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2332314e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cstyle%3E%40media%28prefers-color-scheme%3Alight%29%7B%23s%20stop%3Anth-child%281%29%7Bstop-color%3A%23f6f4fb%7D%23s%20stop%3Anth-child%282%29%7Bstop-color%3A%23e9e5f1%7D%23s%20stop%3Anth-child%283%29%7Bstop-color%3A%23d8d3e5%7D%23m%20stop%3Anth-child%281%29%7Bstop-color%3A%23c9c3da%7D%23m%20stop%3Anth-child%282%29%7Bstop-color%3A%23b8b1cd%7Dcircle%7Bfill%3A%23fffaf0%3Bopacity%3A.95%7Dpath%5Bfill%3D%22%23756580%22%5D%7Bfill%3A%23d5cfe2%7Dpath%5Bfill%3D%22%23b2a0b5%22%5D%7Bfill%3A%23fffdfd%3Bopacity%3A.72%7Dpath%5Bfill%3D%22%2325273f%22%5D%7Bfill%3A%23aaa4c0%7D%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22url%28%23s%29%22%20d%3D%22M0%200h1600v1000H0z%22%2F%3E%3Ccircle%20cx%3D%221230%22%20cy%3D%22210%22%20r%3D%2254%22%20fill%3D%22%23ddd2df%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%23756580%22%20d%3D%22M0%20630%20230%20405%20385%20540%20645%20285%20890%20590%201080%20400%201390%20600%201600%20430v570H0z%22%2F%3E%3Cpath%20fill%3D%22%23b2a0b5%22%20opacity%3D%22.55%22%20d%3D%22m645%20285-105%20119%2097-39%2053%2019%2067%2030zM230%20405l-75%2074%2074-29%2050%2011zM1080%20400l-65%2073%2066-22%2051%2018z%22%2F%3E%3Cpath%20fill%3D%22url%28%23m%29%22%20d%3D%22M0%20720%20290%20525%20480%20690%20780%20485%201010%20665%201260%20520%201600%20750v250H0z%22%2F%3E%3Cpath%20fill%3D%22%2325273f%22%20d%3D%22M0%20825q260-100%20540%2020t550-10%20510%2050v135H0z%22%2F%3E%3C%2Fsvg%3E") center/cover;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
dialog#auth-dialog{--auth-accent:light-dark(#7453a6,#b798e8);width:420px;max-width:calc(100vw - 36px);padding:32px!important;border-radius:24px;border:1px solid #ffffff70;background:light-dark(#f5f2fae8,#252232ed);color:light-dark(#282336,#f3effb);box-shadow:0 24px 90px #100d3238;max-height:calc(100dvh - 40px);margin:auto;scroll-padding:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
dialog#auth-dialog .auth-wordmark{display:flex;align-items:center;gap:8px;margin:0 0 28px;font:650 22px/1.2 var(--font-ui);color:inherit}dialog#auth-dialog .auth-wordmark .logo b{background:currentColor}dialog#auth-dialog h2{font:500 27px/1.2 var(--font-ui);letter-spacing:-.035em;margin-bottom:10px}dialog#auth-dialog .auth-subtitle{font-size:13px;color:light-dark(#665c76,#c2b7d1);line-height:1.5;margin-bottom:22px;overflow-wrap:anywhere}
dialog#auth-dialog form>label{font-size:12px;color:light-dark(#574d65,#c2b7d1);margin-top:15px}dialog#auth-dialog input:not([type=checkbox]){height:48px;background:light-dark(#ffffff99,#ffffff0a);border:1px solid light-dark(#45315714,#ffffff20);border-radius:12px;font-size:15px;outline:none;box-shadow:none;margin-top:7px;color:inherit}dialog#auth-dialog input:not([type=checkbox]):focus{outline:2px solid var(--auth-accent);outline-offset:2px;box-shadow:none;border-color:transparent;background:light-dark(#ffffffc7,#ffffff10)}dialog#auth-dialog input::placeholder{color:light-dark(#81758f,#a69bb5)}dialog#auth-dialog form>small{font-size:11px;color:light-dark(#665c76,#c2b7d1);margin:8px 0 18px}dialog#auth-dialog .auth-submit{background:light-dark(#7453a6,#76529e);color:white;min-height:48px;font-size:14px;border:0;border-radius:12px;margin-top:18px;box-shadow:0 5px 16px #59388620}dialog#auth-dialog .auth-submit:hover{background:#62438f}dialog#auth-dialog button:disabled{opacity:.55;cursor:default}dialog#auth-dialog .auth-providers{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}dialog#auth-dialog .auth-provider{min-height:46px;justify-content:center;background:light-dark(#ffffff60,#ffffff05);border:1px solid light-dark(#55426725,#ffffff22);color:inherit;font-size:13px;border-radius:12px;padding:10px}dialog#auth-dialog .auth-provider:hover{background:light-dark(#ffffffa6,#ffffff10)}dialog#auth-dialog .auth-divider{margin:23px 0 16px;font-size:11px;color:light-dark(#665c76,#c2b7d1)}dialog#auth-dialog .auth-divider:before,dialog#auth-dialog .auth-divider:after{background:light-dark(#53416626,#ffffff22)}dialog#auth-dialog .auth-switch{text-align:center;font-size:12px;color:light-dark(#665c76,#c2b7d1);margin:22px 0 6px}dialog#auth-dialog .text-button{color:var(--auth-accent);font-size:12px;background:transparent;min-height:36px;padding:5px 7px}dialog#auth-dialog .auth-guest{width:100%;font-size:11px;color:light-dark(#746981,#c2b7d1);margin-top:4px;justify-content:center}dialog#auth-dialog .auth-close{background:#5949710a;color:light-dark(#665c76,#c2b7d1);width:32px;height:32px}dialog#auth-dialog form>.auth-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6}dialog#auth-dialog .auth-consent input{flex:none;width:17px;height:17px;margin:2px 0;accent-color:var(--auth-accent);border-radius:4px}dialog#auth-dialog .auth-consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}dialog#auth-dialog .auth-field-error{color:light-dark(#a33851,#ffabbc);font-size:12px}dialog#auth-dialog .auth-field-error[hidden]{display:none}dialog#auth-dialog [aria-invalid=true]{border-color:light-dark(#a33851,#ffabbc)!important}dialog#auth-dialog .auth-feedback{background:#7353a611;color:light-dark(#5b3c83,#ddc6fc);font-size:12px}.auth-code-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;margin-top:10px}dialog#auth-dialog input[name=code]{letter-spacing:.35em;font-size:23px;text-align:center}dialog#auth-dialog :is(button,a):focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}

@supports not (backdrop-filter:blur(1px)){dialog#auth-dialog{background:light-dark(#f5f2fa,#252232)}}
@media(prefers-reduced-transparency:reduce){dialog#auth-dialog{background:light-dark(#f5f2fa,#252232);backdrop-filter:none}dialog#auth-dialog::backdrop{backdrop-filter:none}}
@media(max-width:600px){dialog#auth-dialog{inset:0;width:calc(100vw - 36px);height:fit-content;margin:auto;padding:28px 22px!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);border-radius:20px}dialog#auth-dialog .auth-wordmark{margin-bottom:23px}dialog#auth-dialog h2{font-size:26px}dialog#auth-dialog input:not([type=checkbox]){font-size:16px}dialog#auth-dialog .auth-consent{font-size:12px!important}}
@media(forced-colors:active){dialog#auth-dialog{background:Canvas;color:CanvasText;border:1px solid CanvasText}dialog#auth-dialog button,dialog#auth-dialog input{border:1px solid ButtonText}dialog#auth-dialog::backdrop{background:Canvas}}