/* Cade · Sign In: the ONE sign-in surface, a 1:1 port of app/login/AuthPage.module.css as cade.market
   ships it (read from the live stylesheet 2026-10-02): the warm-paper ticket with its torn clip and the dot
   field, the red close square, the black CADE mark, the drawn slats (orange email, cream Google), the dotted
   rule, POWERED BY PRIVY. Used by /login/ (the phone flow, a full page) and by CadeSignIn.open() (the
   desktop modal over the page, their .page overlay: rgba(0,0,0,.58), the ticket centred). Type: their
   --font-display is Futura PT Cond (Medium Oblique here, never a synthesised bold). */
.au-ov{position:fixed;inset:0;z-index:1000;overscroll-behavior:contain;background:rgba(0,0,0,.58);overflow:auto}
.au-ov .au-stage{min-height:100%}
html.au-lock,html.au-lock body{overflow:hidden}
/* ════════ AuthPage (Sign In) ════════ */
.au{--auth-unit:1.5px;--paper-white:#F0EAD9;--pump-black:#0B0B0B;--pump-black-rgb:11 11 11;--pump-orange:#FFA800;--alert-red:#FF2E00;
  --warning-orange:#FF5A1F;--arcade-green:#91BB4F;--color-text-disabled:#8A8A94;
  --font-display:"Futura PT Cond","Barlow Condensed","Arial Narrow",Impact,sans-serif;--font-body:"Futura PT",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}
.au-stage{display:flex;min-height:calc(100svh - 70px);padding:24px 16px;box-sizing:border-box}
.au-shadow{width:min(calc(420 * var(--auth-unit)),100%);filter:drop-shadow(calc(8 * var(--auth-unit)) calc(9 * var(--auth-unit)) 0 #171717);margin:auto;animation:au-enter .24s ease-out both}
@keyframes au-enter{0%{opacity:0;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}
.au-ticket{--auth-content-width:calc(280 * var(--auth-unit));box-sizing:border-box;min-height:calc(438 * var(--auth-unit));padding:calc(28 * var(--auth-unit)) calc(42 * var(--auth-unit)) calc(48 * var(--auth-unit));background:var(--paper-white);
  clip-path:polygon(3% 3%,22% 1%,40% 2%,61% 2%,59% 0,100% 2%,98% 43%,100% 51%,97% 64%,98% 98%,40% 97%,42% 100%,2% 97%,3% 67%,0 56%,2% 47%,0 31%,2% 20%,0 12%);color:var(--pump-black);position:relative;overflow:hidden;margin:0}
.au-ticket::before,.au-ticket::after{z-index:0;background-image:radial-gradient(circle,rgb(var(--pump-black-rgb)/.16) calc(1.25 * var(--auth-unit)),transparent calc(1.6 * var(--auth-unit)));background-size:calc(9 * var(--auth-unit)) calc(9 * var(--auth-unit));content:"";opacity:.62;pointer-events:none;width:42%;position:absolute;top:0;bottom:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.au-ticket::before{left:0;-webkit-mask-image:radial-gradient(90% 72% at 0 center,#000 0,#000 22%,rgba(0,0,0,.65) 54%,transparent 100%);mask-image:radial-gradient(90% 72% at 0 center,#000 0,#000 22%,rgba(0,0,0,.65) 54%,transparent 100%)}
.au-ticket::after{background-position:calc(4 * var(--auth-unit)) 0;right:0;-webkit-mask-image:radial-gradient(90% 72% at 100% center,#000 0,#000 22%,rgba(0,0,0,.65) 54%,transparent 100%);mask-image:radial-gradient(90% 72% at 100% center,#000 0,#000 22%,rgba(0,0,0,.65) 54%,transparent 100%)}
.au-ticket>*{z-index:1;position:relative}
.au-close{z-index:3;top:calc(14 * var(--auth-unit));right:calc(14 * var(--auth-unit));width:calc(38 * var(--auth-unit));height:calc(38 * var(--auth-unit));min-width:44px;min-height:44px;box-sizing:border-box;border:calc(2 * var(--auth-unit)) solid var(--pump-black);background:var(--alert-red);box-shadow:calc(4 * var(--auth-unit)) calc(4 * var(--auth-unit)) 0 var(--pump-black);color:var(--pump-black);cursor:pointer;font-family:"Arial Black",Impact,sans-serif;font-size:calc(30 * var(--auth-unit));place-items:center;font-weight:900;line-height:.75;transition:box-shadow .1s,transform .1s;display:grid;position:absolute;text-decoration:none}
.au-ticket>.au-close{position:absolute}
.au-close span{transform:translateY(calc(-1 * var(--auth-unit)))}
.au-close:hover,.au-close:focus-visible{box-shadow:calc(2 * var(--auth-unit)) calc(2 * var(--auth-unit)) 0 var(--pump-black);transform:translate(calc(2 * var(--auth-unit)),calc(2 * var(--auth-unit)))}
.au-brand{width:calc(160 * var(--auth-unit));min-height:calc(84 * var(--auth-unit));margin:0 auto calc(6 * var(--auth-unit));align-content:start;justify-items:center;display:grid}
.au-mark{width:calc(128 * var(--auth-unit));height:auto;display:block}
.au-head{width:min(100%,calc(320 * var(--auth-unit)));text-align:center;margin:0 auto}
.au-title{font-family:var(--font-display);font-size:calc(30 * var(--auth-unit));letter-spacing:.01em;text-transform:uppercase;margin:0;font-style:oblique;font-weight:500;font-synthesis:none;line-height:.98}
.au-title:focus{outline:none}
.au-sub{max-width:calc(300 * var(--auth-unit));margin:calc(6 * var(--auth-unit)) auto 0;font-family:var(--font-display);font-size:calc(14 * var(--auth-unit));letter-spacing:.025em;text-transform:uppercase;font-style:oblique;font-weight:500;font-synthesis:none;line-height:1.08}
.au-actions,.au-form,.au-support,.au-status,.au-codeacts{width:min(100%,var(--auth-content-width));margin-left:auto;margin-right:auto}
.au-actions{gap:calc(13 * var(--auth-unit));margin-top:calc(17 * var(--auth-unit));display:grid}
.au-btn{width:100%;color:var(--pump-black);cursor:pointer;font-family:var(--font-display);font-size:calc(19 * var(--auth-unit));letter-spacing:.025em;text-transform:uppercase;--slat-edge:var(--pump-black);--slat-fill:var(--paper-white);isolation:isolate;min-height:calc(48 * var(--auth-unit));grid-template-columns:calc(34 * var(--auth-unit)) minmax(0,1fr) calc(34 * var(--auth-unit));padding:0 calc(30 * var(--auth-unit)) calc(6 * var(--auth-unit));background:none;border:0;border-radius:0;align-items:center;font-style:oblique;font-weight:500;font-synthesis:none;line-height:1;transition:transform .1s;display:grid;position:relative;text-decoration:none}
.au-btn .bp,.au-btn .bf{background:var(--slat-edge);clip-path:polygon(3% 0,43% 2%,40% 6%,96% 4%,95% 25%,100% 50%,96% 73%,97% 100%,61% 98%,63% 94%,4% 96%,4% 76%,0 56%,4% 30%);position:absolute}
.au-btn .bp{z-index:0;inset:calc(6 * var(--auth-unit)) 0 0 calc(4 * var(--auth-unit))}
.au-btn .bf{z-index:1;inset:0 calc(4 * var(--auth-unit)) calc(6 * var(--auth-unit)) 0;transition:transform .1s}
.au-btn .bf::before{inset:calc(2 * var(--auth-unit));background:var(--slat-fill);clip-path:inherit;content:"";position:absolute}
.au-btn .ib,.au-btn .gb,.au-btn .lb,.au-btn .bl{z-index:2;transition:transform .1s;position:relative}
.au-btn.primary{--slat-fill:var(--pump-orange)}
.au-btn.google{--slat-fill:#f3efe6;font-size:calc(17 * var(--auth-unit))}
.au-btn:hover:not(:disabled) .bf,.au-btn:focus-visible .bf,.au-btn:hover:not(:disabled)>:not(.bp,.bf),.au-btn:focus-visible>:not(.bp,.bf){transform:translate(calc(2 * var(--auth-unit)),calc(3 * var(--auth-unit)))}
/* the house ring (3px orange, 3px out), as on every other page */
.au-btn:focus-visible,.au-close:focus-visible,.au-back:focus-visible,.au-text:focus-visible,.au-new a:focus-visible{outline:3px solid var(--pump-orange);outline-offset:3px}
.au-btn:disabled,.au-btn[data-busy=true]{--slat-edge:var(--color-text-disabled);--slat-fill:#d8d6d3;color:var(--color-text-disabled);cursor:wait}
.au-btn:disabled .ib,.au-btn[data-busy=true] .ib{opacity:.42}
.au-btn .ib,.au-btn .gb{width:calc(32 * var(--auth-unit));height:calc(30 * var(--auth-unit));justify-self:start;place-items:center;display:grid;box-sizing:border-box}
.au-btn .ib{background:var(--pump-black)}
.au-btn .gb{border:calc(1.5 * var(--auth-unit)) solid var(--pump-black);background:#fff}
.au-env{width:calc(19 * var(--auth-unit));height:calc(15 * var(--auth-unit));fill:none;stroke:var(--paper-white);stroke-linejoin:round;stroke-width:1.6px}
.au-g{width:calc(20 * var(--auth-unit));height:calc(20 * var(--auth-unit))}
.au-btn .lb{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.au-btn .bl{width:calc(28 * var(--auth-unit))}
.au-support{margin-top:calc(18 * var(--auth-unit));border-top:calc(2 * var(--auth-unit)) dotted rgb(var(--pump-black-rgb)/.64);padding-top:calc(11 * var(--auth-unit));font-family:var(--font-body);font-size:calc(13 * var(--auth-unit));font-weight:400;line-height:1.45}
.au-support p{margin:0}
.au-form{margin-top:calc(12 * var(--auth-unit))}
.au-label{margin-bottom:calc(4 * var(--auth-unit));font-family:var(--font-display);font-size:calc(12 * var(--auth-unit));letter-spacing:.035em;text-transform:uppercase;font-style:oblique;font-weight:500;font-synthesis:none;line-height:1;display:block}
.au-input{box-sizing:border-box;width:100%;height:calc(32 * var(--auth-unit));min-height:44px;border:calc(2 * var(--auth-unit)) solid var(--pump-black);padding:calc(3 * var(--auth-unit)) calc(9 * var(--auth-unit));color:var(--pump-black);font-family:var(--font-body);font-size:max(16px,calc(13 * var(--auth-unit)));background:#F8F7F3;border-radius:0;outline:none}
.au-input:focus-visible{box-shadow:0 0 0 calc(3 * var(--auth-unit)) var(--pump-orange)}
.au-input[aria-invalid=true]{border-color:var(--alert-red)}
.au-err{color:var(--alert-red);font-family:var(--font-display);font-size:calc(11 * var(--auth-unit));letter-spacing:.025em;text-transform:uppercase;font-style:oblique;font-weight:500;font-synthesis:none;line-height:1.15;margin:calc(5 * var(--auth-unit)) 0 calc(8 * var(--auth-unit))}
.au-err:focus{outline:none}
.au-form>.au-btn{margin-top:calc(9 * var(--auth-unit))}
.au-div{align-items:center;gap:calc(10 * var(--auth-unit));margin:calc(13 * var(--auth-unit)) 0 calc(10 * var(--auth-unit));font-family:var(--font-display);font-size:calc(12 * var(--auth-unit));font-style:oblique;font-weight:500;font-synthesis:none;line-height:1;display:flex}
.au-div::before,.au-div::after{height:calc(2 * var(--auth-unit));border-top:calc(2 * var(--auth-unit)) dotted rgb(var(--pump-black-rgb)/.62);content:"";flex:1 1 0%;box-sizing:border-box}
.au-back,.au-text{color:var(--pump-black);cursor:pointer;font-family:var(--font-body);background:none;border:0;text-decoration:none}
.au-back{margin-top:calc(13 * var(--auth-unit));font-size:calc(12 * var(--auth-unit));padding:0;min-height:44px}
.au-code{height:calc(42 * var(--auth-unit));font-family:var(--font-mono);font-size:calc(20 * var(--auth-unit));letter-spacing:.45em;text-align:center;font-weight:700}
.au-codeacts{margin-top:calc(13 * var(--auth-unit));justify-content:space-between;align-items:center;display:flex}
.au-text{padding:calc(3 * var(--auth-unit)) 0;min-height:44px;font-family:var(--font-display);font-size:calc(12 * var(--auth-unit));text-transform:uppercase;text-underline-offset:calc(3 * var(--auth-unit));font-style:oblique;font-weight:500;font-synthesis:none;text-decoration:underline}
.au-acts .au-text{width:100%}
.au-status{min-height:calc(165 * var(--auth-unit));align-content:center;gap:calc(14 * var(--auth-unit));margin-top:calc(8 * var(--auth-unit));text-align:center;display:grid}
.au-status p{font-family:var(--font-display);font-size:calc(14 * var(--auth-unit));text-transform:uppercase;margin:0;font-style:oblique;font-weight:500;font-synthesis:none}
.au-smark{width:calc(54 * var(--auth-unit));height:calc(54 * var(--auth-unit));box-sizing:border-box;border:calc(2 * var(--auth-unit)) solid var(--pump-black);background:var(--arcade-green);box-shadow:calc(4 * var(--auth-unit)) calc(4 * var(--auth-unit)) 0 var(--pump-black);font-family:var(--font-display);font-size:calc(32 * var(--auth-unit));place-items:center;margin:0 auto;font-weight:500;display:grid}
.au-new{margin:calc(10 * var(--auth-unit)) 0 0;text-align:center;font-family:var(--font-body);font-size:calc(12 * var(--auth-unit))}
.au-new a{display:inline-flex;align-items:center;min-height:44px;color:var(--pump-black);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.au-attr{right:0;bottom:calc(30 * var(--auth-unit));color:rgb(var(--pump-black-rgb)/.46);font-family:var(--font-mono);font-size:max(10px,calc(8 * var(--auth-unit)));letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0;font-weight:700;line-height:1;left:0}
.au-ticket>.au-attr{position:absolute}
.au-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.au [hidden]{display:none!important}
@media (max-width:640px){
  .au{--auth-unit:1.25px}
  .au-stage{padding:0;min-height:0}
  .au-shadow{filter:none;width:100%;margin:0}
  .au-ticket{clip-path:none;padding:calc(28 * var(--auth-unit)) calc(26 * var(--auth-unit)) calc(48 * var(--auth-unit))}
}
@media (max-width:440px){
  .au-brand{width:calc(150 * var(--auth-unit))}
  .au-mark{width:calc(120 * var(--auth-unit))}
  .au-title{font-size:clamp(calc(26 * var(--auth-unit)),9vw,calc(30 * var(--auth-unit)))}
  .au-sub{font-size:calc(13 * var(--auth-unit))}
  .au-btn.primary{font-size:calc(17 * var(--auth-unit))}
  .au-btn.google{font-size:calc(15 * var(--auth-unit))}
}
@media (max-width:380px){
  .au-ticket{padding-right:calc(22 * var(--auth-unit));padding-left:calc(22 * var(--auth-unit))}
  .au-btn{grid-template-columns:calc(30 * var(--auth-unit)) minmax(0,1fr) calc(24 * var(--auth-unit));padding-right:calc(22 * var(--auth-unit));padding-left:calc(22 * var(--auth-unit))}
  .au-btn.primary{font-size:calc(16 * var(--auth-unit))}
  .au-btn.google{font-size:calc(14 * var(--auth-unit))}
}
@media (prefers-reduced-motion:reduce){
  .au-shadow{animation:none}
  .au-close,.au-btn,.au-btn .bf,.au-btn .ib,.au-btn .gb,.au-btn .lb,.au-btn .bl{transition:none}
}
/* their .oauthRecovery, the note a provider leaves when it cannot open here (Google in this preview) */
.au-note{margin-top:calc(8 * var(--auth-unit));border-left:calc(3 * var(--auth-unit)) solid var(--warning-orange);padding:calc(6 * var(--auth-unit)) calc(8 * var(--auth-unit));background:rgb(var(--pump-black-rgb)/.07);color:var(--pump-black)}
.au-note p{font-family:var(--font-body);font-size:max(12px,calc(11 * var(--auth-unit)));margin:0;line-height:1.25}
.au-note:focus{outline:none}
