.enter,body:has(.enter){--field:#f3f6f5;--field-raised:#ffffff;--field-sunken:#e7ecea;--rule-hair:#cfd8d5;--rule-control:#63706d;--record:#11222a;--record-soft:#3c4d53;--record-quiet:#4e5f65;--on-solid:#ffffff;--verified-ink:#266f57;--verified-tint:#eaf4ef;--waiting-ink:#794a00;--waiting-tint:#fbf0db;--blocked-ink:#7e0000;--blocked-tint:#fbe6e3;--action-ink:#17509f;--action-solid:#17509f;--focus:#0b3c80;--surface:var(--field);--paper:var(--field-raised);--sunken:var(--field-sunken);--ink:var(--record);--ink-muted:var(--record-soft);--ink-faint:var(--record-quiet);--on-ink:var(--on-solid);--line:var(--rule-hair);--line-control:var(--rule-control);--verified:var(--verified-ink);--waiting:var(--waiting-ink);--danger:var(--blocked-ink);--danger-tint:var(--blocked-tint);--action:var(--action-solid);--ring:var(--focus);--bg:var(--field);--surface-2:var(--field-sunken);--text:var(--record);--muted:var(--record-soft);--dim:var(--record-quiet);--accent:var(--action-solid);--accent-ink:var(--on-solid);--rose:var(--blocked-ink);--amber:var(--waiting-ink);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--tap:44px;--serif:"Source Serif 4","Sitka Text",Cambria,Georgia,serif;--sans:"IBM Plex Sans","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono",Consolas,"Cascadia Mono",ui-monospace,monospace}body:has(.enter){background:var(--field);color:var(--record)}.enter{min-height:100dvh;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;display:block;padding:0}.enter .sheet{max-width:460px;margin:0 auto;padding:var(--s6) var(--s4) var(--s8)}.enter .mark{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s6);color:var(--ink);text-decoration:none}.enter .mark svg{width:22px;height:22px;display:block}.enter .mark .wordmark{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.01em}.enter h1,.enter h2,.enter h3{font-family:var(--serif);font-weight:600;letter-spacing:-.005em;margin:0;color:var(--ink)}.enter h1{font-size:30px;line-height:1.2}.enter h2{font-size:19px;line-height:1.3}.enter h3{font-size:16px;line-height:1.35}.enter p{margin:0;max-width:68ch}.enter .lede{font-size:17px;color:var(--ink-muted);margin-top:var(--s2)}.enter .small{font-size:14px}.enter .dim{color:var(--ink-faint)}.enter code{font-family:var(--mono);letter-spacing:.02em}.enter a{color:var(--action-ink);text-underline-offset:3px;text-decoration-thickness:1px}.enter a:hover{text-decoration-thickness:2px}.enter .pagehead{margin-bottom:var(--s5)}.enter .pagehead h1:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.enter :focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:0}.enter .panel{background:var(--paper);border:1px solid var(--line);padding:var(--s4) var(--s5) var(--s5);margin-bottom:var(--s5)}.enter .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--line-control);border-radius:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;appearance:none;transition:background-color .12s linear,border-color .12s linear,transform .12s ease-out}.enter .btn:hover{background:var(--sunken);border-color:var(--ink)}.enter .btn.primary{background:var(--action);border-color:var(--action);color:var(--on-ink)}.enter .btn.primary:hover{filter:brightness(1.12);background:var(--action)}.enter .btn:disabled,.enter .btn[aria-disabled=true]{color:var(--ink-faint);border-color:var(--line);background:var(--sunken);filter:none;cursor:not-allowed}.enter .btn.wide{width:100%}.enter .btnrow{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}.enter .btnrow .btn{flex:1 1 180px}.enter .panel>.btnrow:first-child{margin-top:0}.enter .field{margin-top:var(--s4)}.enter .field>label{display:block;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);margin:0 0 6px}.enter .field .help{font-size:13px;color:var(--ink-muted);margin-bottom:6px}.enter .field input[type=email],.enter .field input[type=password],.enter .field input[type=tel],.enter .field input[type=text]{width:100%;min-height:var(--tap);padding:10px var(--s3);background:var(--paper);color:var(--ink);border:1px solid var(--line-control);border-radius:0;font:400 16px var(--sans)}.enter .field input::placeholder{color:var(--ink-faint)}.enter .field input.codefield{font:600 26px var(--mono);letter-spacing:.3em;text-align:center;padding-left:calc(var(--s3) + .3em)}.enter .notice{padding:var(--s3) var(--s4);background:var(--paper);border:2px solid var(--line-control);color:var(--ink);font-size:14px;border-radius:0}.enter .notice.err{border-color:var(--danger);background:var(--danger-tint);color:var(--danger)}.enter .notice.ok{border-color:var(--verified);background:var(--verified-tint);color:var(--verified-ink)}.enter .live{margin-top:var(--s4)}.enter .live:empty{display:none;margin:0}.enter .stitch{display:flex;align-items:center;margin:0 0 var(--s2)}.enter .stitch .knot{width:2px;height:12px;background:var(--line-control);flex:none;transition:height .2s ease-out,width .2s ease-out,background-color .2s linear}.enter .stitch .knot.done{width:4px;height:22px;background:var(--verified)}.enter .stitch .knot.now{width:4px;height:22px;background:var(--ink)}.enter .stitch .thread{flex:1;height:0;border-top:1px dashed var(--line-control)}.enter .stitch .thread.done{border-top:2px solid var(--verified)}.enter .stitchlabels{display:flex;justify-content:space-between;gap:var(--s2);font-size:13px;color:var(--ink-faint)}.enter .stitchlabels span.now{color:var(--ink);font-weight:600}.enter .stitchstate{font-size:14px;color:var(--ink-muted);margin-top:var(--s2)}.enter .backupcodes{list-style:none;margin:var(--s4) 0 0;padding:0;border-top:1px solid var(--line);counter-reset:bc}.enter .backupcodes li{display:flex;align-items:baseline;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--line)}.enter .backupcodes li:before{content:counter(bc);counter-increment:bc;font-size:13px;color:var(--ink-faint);min-width:1.5em}.enter .backupcodes code{font:600 16px var(--mono);letter-spacing:.08em;color:var(--ink);overflow-wrap:anywhere}.enter .tickbox{display:flex;align-items:center;gap:var(--s3);margin:var(--s4) 0 0;min-height:var(--tap);font:400 15px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}.enter .tickbox input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--action);margin:0}.enter .foot{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line);font-size:14px;color:var(--ink-muted)}@media (max-width:560px){.enter .sheet{padding:var(--s5) var(--s4) var(--s7)}.enter h1{font-size:25px}.enter .lede{font-size:16px}.enter .stitchlabels{display:none}.enter .btnrow .btn{flex:1 1 100%}.enter .panel{padding:var(--s4)}}.enter .btn:active{transform:translateY(1px);transition-duration:0s;background:var(--sunken);border-color:var(--ink)}.enter .btn.primary:active{background:var(--action);filter:brightness(.92)}.enter .btn:disabled:active,.enter .btn[aria-disabled=true]:active{transform:none;background:var(--sunken);border-color:var(--line)}@media (prefers-reduced-motion:reduce){.enter *,.enter :after,.enter :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.enter .btn:active{transform:none}}