.auth{background:var(--surface-selected);isolation:isolate;min-height:100dvh;padding:var(--sp-10) var(--sp-5);justify-content:center;align-items:flex-start;display:flex;position:relative}.auth:before{content:"";z-index:-2;filter:blur(8px);background:url(https://kjllinqruqgepwkexfoz.supabase.co/storage/v1/object/public/backdrops/backdrop-01.webp) 50%/cover no-repeat;position:fixed;inset:-24px}.auth:after{content:"";z-index:-1;background:var(--backdrop);position:fixed;inset:0}.auth.plain{background:0 0;min-height:0;padding:0;display:block}.auth.plain:before,.auth.plain:after{content:none}.auth .card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:420px;padding:var(--sp-9);gap:var(--sp-3);flex-direction:column;display:flex}.auth .card.wide{max-width:720px}.auth .card>form,.auth .card>footer,.auth .card>details,.auth .card>section,.auth .card>.tip{margin-top:var(--sp-5)}.auth .card>section{gap:var(--sp-3);flex-direction:column;display:flex}.auth .card>section>p+p{margin-top:var(--sp-5)}.auth .logo{width:100%;max-width:296px;height:auto;margin:0 auto var(--sp-5);display:block}.auth h1{font-size:var(--fs-xl);color:var(--primary);margin:0;font-weight:600}.auth h1:focus{outline:none}.auth h2{font-size:var(--fs-lg);color:var(--primary);margin:0;font-weight:600}.auth p{margin:0}.auth .note,.auth .helper{color:var(--fg-helper);font-size:var(--fs-sm)}.auth .progress{color:var(--fg-helper);font-size:var(--fs-sm);font-weight:500}.auth .muted{color:var(--fg-muted);font-size:var(--fs-sm)}.auth a{color:var(--accent);text-decoration:underline}.auth .links{align-items:flex-start;gap:var(--sp-1);flex-direction:column;display:flex}.auth .card a,.auth .card .linkbtn{min-height:var(--target);align-items:center;display:inline-flex}.auth footer{border-top:1px solid var(--border);padding-top:var(--sp-5);gap:var(--sp-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.auth form{gap:var(--sp-5);flex-direction:column;display:flex}.auth form>.btn.primary{margin-top:var(--sp-3)}.auth .field{gap:var(--sp-2);flex-direction:column;display:flex}.auth label{font-weight:500}.auth .field-row{display:flex;position:relative}.auth .field-row input{flex:1;min-width:0}.auth input[type=email],.auth input[type=password],.auth input[type=text]{font:inherit;color:var(--fg);background:var(--white);width:100%;min-height:48px;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-control)}.auth .field-row input{padding-right:var(--target)}.auth input:read-only{background:var(--surface)}.auth .error{color:var(--danger);font-size:var(--fs-sm);gap:var(--sp-2);align-items:flex-start;display:flex}.auth .error:empty{display:none}.auth .error:before{content:"!";background:var(--danger);width:18px;height:18px;color:var(--white);font-weight:600;font-size:var(--fs-xs);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.auth .alert{padding:var(--sp-4);border-radius:var(--r-control);background:var(--danger-surface);border:1px solid var(--danger-soft)}.auth .alert:focus{outline:2px solid var(--focus);outline-offset:2px}.auth .alert.ok{background:var(--surface);border-color:var(--primary-border);color:var(--fg)}.auth .check{gap:var(--sp-4);min-height:var(--target);cursor:pointer;align-items:center;font-weight:500;display:flex}.auth .check input{width:24px;height:24px;accent-color:var(--primary);flex:none;margin:0}.auth details{border:1px solid var(--border);border-radius:var(--r-control);background:var(--white)}.auth summary{min-height:var(--target);padding:0 var(--sp-4);cursor:pointer;align-items:center;font-weight:500;display:flex}.auth details>div{padding:0 var(--sp-4) var(--sp-4);gap:var(--sp-3);font-size:var(--fs-sm);flex-direction:column;display:flex}.auth .btn{min-height:var(--target);padding:var(--sp-3) var(--sp-5);border:1px solid var(--primary-border);border-radius:var(--r-control);background:var(--white);color:var(--fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-2);font-weight:500;display:inline-flex}.auth .btn:hover{background:var(--primary-hover);border-color:var(--primary)}.auth .btn.primary{background:var(--primary);color:var(--white);border-color:var(--primary);width:100%}.auth .btn.primary:hover{background:var(--primary-hover);color:var(--fg)}.auth .btn:disabled,.auth .btn:disabled:hover{background:var(--disabled-bg);color:var(--fg-muted);border-color:var(--disabled-bg);cursor:default}.auth .btn[aria-pressed=true]{background:var(--surface-selected)}.auth .reveal{top:50%;right:var(--sp-1);width:var(--target);height:var(--target);border-radius:var(--r-control);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)}.auth .reveal:hover{color:var(--fg)}.auth .reveal svg{width:20px;height:20px}.auth .linkbtn{font:inherit;text-align:left;cursor:pointer;color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.auth .toast{bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));background:var(--primary);color:var(--white);padding:var(--sp-4) var(--sp-6);border-radius:var(--r-pill);position:fixed;left:50%;transform:translate(-50%)}.auth .tip{gap:var(--sp-3);padding:var(--sp-5);background:var(--surface);border-radius:var(--r-card);flex-direction:column;display:flex}@media (max-width:767px){.auth{padding:var(--sp-5);align-items:stretch}.auth .card{max-width:none;padding:var(--sp-6)}}