*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--backdrop)}body{min-height:100dvh;font-family:Inter,system-ui,sans-serif;font-size:var(--fs-base);color:var(--fg);background:var(--surface-selected);isolation:isolate;padding:var(--sp-10) var(--sp-5);justify-content:center;align-items:flex-start;margin:0;line-height:1.5;display:flex;position:relative}body: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}body:after{content:"";z-index:-1;background:var(--backdrop);position:fixed;inset:0}.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}.card.wide{max-width:720px}.card>form,.card>footer,.card>details,.card>section,.card>.tip{margin-top:var(--sp-5)}.card>section{gap:var(--sp-3);flex-direction:column;display:flex}.card>section>p+p{margin-top:var(--sp-5)}.logo{width:100%;max-width:296px;height:auto;margin:0 auto var(--sp-5);display:block}h1{font-size:var(--fs-xl);color:var(--primary);margin:0;font-weight:600}h1:focus{outline:none}h2{font-size:var(--fs-lg);color:var(--primary);margin:0;font-weight:600}p{margin:0}.note,.helper{color:var(--fg-helper);font-size:var(--fs-sm)}.progress{color:var(--fg-helper);font-size:var(--fs-sm);font-weight:500}.muted{color:var(--fg-muted);font-size:var(--fs-sm)}a{color:var(--accent);text-decoration:underline}.links{align-items:flex-start;gap:var(--sp-1);flex-direction:column;display:flex}.card a,.card .linkbtn{min-height:var(--target);align-items:center;display:inline-flex}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}form{gap:var(--sp-5);flex-direction:column;display:flex}form>.btn.primary{margin-top:var(--sp-3)}.field{gap:var(--sp-2);flex-direction:column;display:flex}label{font-weight:500}.field-row{display:flex;position:relative}.field-row input{flex:1;min-width:0}input[type=email],input[type=password],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)}.field-row input{padding-right:var(--target)}input:read-only{background:var(--surface)}.error{color:var(--danger);font-size:var(--fs-sm);gap:var(--sp-2);align-items:flex-start;display:flex}.error:empty{display:none}.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}.alert{padding:var(--sp-4);border-radius:var(--r-control);background:var(--danger-surface);border:1px solid var(--danger-soft)}.alert:focus{outline:2px solid var(--focus);outline-offset:2px}.alert.ok{background:var(--surface);border-color:var(--primary-border);color:var(--fg)}.check{gap:var(--sp-4);min-height:var(--target);cursor:pointer;align-items:center;font-weight:500;display:flex}.check input{width:24px;height:24px;accent-color:var(--primary);flex:none;margin:0}details{border:1px solid var(--border);border-radius:var(--r-control);background:var(--white)}summary{min-height:var(--target);padding:0 var(--sp-4);cursor:pointer;align-items:center;font-weight:500;display:flex}details>div{padding:0 var(--sp-4) var(--sp-4);gap:var(--sp-3);font-size:var(--fs-sm);flex-direction:column;display:flex}.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}.btn:hover{background:var(--primary-hover);border-color:var(--primary)}.btn.primary{background:var(--primary);color:var(--white);border-color:var(--primary);width:100%}.btn.primary:hover{background:var(--primary-hover);color:var(--fg)}.btn:disabled,.btn:disabled:hover{background:var(--disabled-bg);color:var(--fg-muted);border-color:var(--disabled-bg);cursor:default}.btn[aria-pressed=true]{background:var(--surface-selected)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.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%)}.reveal:hover{color:var(--fg)}.reveal svg{width:20px;height:20px}.linkbtn{font:inherit;text-align:left;cursor:pointer;color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.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%)}.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){body{padding:var(--sp-5);align-items:stretch}.card{max-width:none;padding:var(--sp-6)}}