/* Slip Surgeon sitewide sign-in (t731u). Theme: Slip Surgeon dark + teal EKG. */
:root{--au-bg:#061015;--au-card:#0B1220;--au-line:#1E2A33;--au-teal:#46DCC8;--au-warn:#F5B83D;--au-txt:#F2F7F8;--au-mut:#9DB1B6;--au-dim:#6F8C92;--au-bad:#FF7A7A}
/* header button */
.ss-acct{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px 0 11px;border-radius:10px;border:1px solid rgba(70,220,200,.45);background:rgba(70,220,200,.08);color:var(--au-txt);font:600 13.5px/1 inherit;font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}
.ss-acct:hover{background:rgba(70,220,200,.16);border-color:var(--au-teal)}
.ss-acct:active{transform:scale(.97)}
.ss-acct:focus-visible{outline:2px solid var(--au-teal);outline-offset:2px}
.ss-acct svg{width:16px;height:16px;flex:0 0 16px;color:var(--au-teal)}
.ss-acct-av{display:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#123B3F,#0E2530);color:var(--au-teal);font:700 14px/1 'Space Grotesk',inherit;box-shadow:inset 0 0 0 1.5px rgba(70,220,200,.55)}
.ss-acct-av::before{content:var(--ss-ini,"")}
html.ss-in .ss-acct{padding:0;width:38px;flex:0 0 38px;justify-content:center;border-color:rgba(255,255,255,.16);background:transparent}
html.ss-in .ss-acct:hover{border-color:var(--au-teal);background:transparent}
html.ss-in .ss-acct svg,html.ss-in .ss-acct .ss-acct-t{display:none}
html.ss-in .ss-acct .ss-acct-av{display:inline-flex}
html.ss-in-full .ss-acct-av{box-shadow:0 0 0 2px var(--au-card),0 0 0 3.5px var(--au-teal)}
/* phones: icon-only (same size as the header's other icon buttons); the X link makes room (it's in the footer too) */
@media (max-width:520px){.ss-acct{padding:0;width:32px;height:36px;flex:0 0 32px;justify-content:center;border-radius:10px}html.ss-in .ss-acct{width:32px}.ss-acct-av{width:26px;height:26px;font-size:12.5px}
  .ss-acct .ss-acct-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media (max-width:430px){.top-r:has(.ss-acct)>a.xbtn[href*="x.com/"]{display:none}}

/* sheet */
.ss-au{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--au-txt)}
.ss-au[hidden]{display:none}
.ss-au-bg{position:absolute;inset:0;background:rgba(2,8,11,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}
.ss-au.on .ss-au-bg{opacity:1}
.ss-au-card{position:relative;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;outline:none;background:linear-gradient(180deg,#0D1626 0%,var(--au-card) 60%);border:1px solid var(--au-line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(70,220,200,.06);padding:26px 24px 22px;opacity:0;transform:translateY(10px) scale(.97);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.9,.25,1.1)}
.ss-au.on .ss-au-card{opacity:1;transform:none}
.ss-au-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,transparent,var(--au-teal),transparent);opacity:.7}
.ss-au-grab{display:none}
.ss-au-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--au-mut);font-size:20px;line-height:1;cursor:pointer}
.ss-au-x:hover{background:rgba(255,255,255,.06);color:var(--au-txt)}
.ss-au-back{position:absolute;top:12px;left:12px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--au-mut);cursor:pointer;display:flex;align-items:center;justify-content:center}
.ss-au-back:hover{background:rgba(255,255,255,.06);color:var(--au-txt)}
.ss-au-back svg{width:18px;height:18px}
@media (max-width:560px){
  .ss-au{align-items:flex-end;padding-bottom:var(--ss-kb,0px)}
  .ss-au-card{width:100%;max-width:none;max-height:calc(var(--ss-vh,100dvh) - 12px);border-radius:22px 22px 0 0;border-bottom:0;padding:12px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%);transition:opacity .2s ease,transform .32s cubic-bezier(.2,.9,.25,1)}
  .ss-au-card::before{border-radius:22px 22px 0 0}
  .ss-au-grab{display:block;width:40px;height:4px;border-radius:4px;background:#2A3A44;margin:0 auto 14px}
  .ss-au-x,.ss-au-back{top:14px}
}
.ss-au-step{animation:ssAuIn .28s ease both}
.ss-au-step.out{animation:ssAuOut .16s ease both}
@keyframes ssAuIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes ssAuOut{to{opacity:0;transform:translateX(-14px)}}
.ss-au-brand{display:flex;align-items:center;gap:10px;margin:4px 0 16px}
.ss-au-brand img{width:34px;height:34px}
.ss-au-ekg{flex:1;height:16px;color:var(--au-teal);opacity:.85}
.ss-au-ekg path{stroke-dasharray:60;stroke-dashoffset:60;animation:ssEkg 1.6s ease-out .1s forwards}
@keyframes ssEkg{to{stroke-dashoffset:0}}
.ss-au h2{margin:0 0 6px;font:700 22px/1.2 'Space Grotesk',inherit;letter-spacing:-.2px;color:var(--au-txt)}
.ss-au p{margin:0;color:var(--au-mut);font-size:14.5px;line-height:1.5}
.ss-au-sub{margin-bottom:18px!important}
.ss-au-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border-radius:12px;border:1px solid var(--au-line);background:#111C2B;color:var(--au-txt);font:600 15px/1 inherit;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-decoration:none}
.ss-au-btn:hover:not(:disabled){border-color:#355061;background:#14223A}
.ss-au-btn:active:not(:disabled){transform:scale(.985)}
.ss-au-btn:focus-visible,.ss-au input:focus-visible{outline:2px solid var(--au-teal);outline-offset:2px}
.ss-au-btn:disabled{opacity:.6;cursor:default}
.ss-au-btn:disabled .ss-au-chip.soon{opacity:1}
.ss-au-btn svg{width:18px;height:18px;flex:0 0 18px}
.ss-au-pri{background:var(--au-teal);border-color:var(--au-teal);color:#04161A;font-weight:700;box-shadow:0 6px 20px rgba(70,220,200,.18)}
/* a primary button that isn't available yet drops to the neutral style (teal is only for things you can press) */
.ss-au-pri:disabled{background:#111C2B;border-color:var(--au-line);color:var(--au-mut);box-shadow:none;opacity:1}
.ss-au-pri:disabled svg{opacity:.7}
.ss-au-pri.busy:disabled{background:var(--au-teal);border-color:var(--au-teal);color:#04161A;opacity:.75}
.ss-au-pri:hover:not(:disabled){background:#5FE6D4;border-color:#5FE6D4}
.ss-au-chip{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:600 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.4px;text-transform:uppercase;padding:4px 7px;border-radius:6px;background:rgba(70,220,200,.14);color:var(--au-teal)}
.ss-au-pri:not(:disabled) .ss-au-chip{background:rgba(4,22,26,.16);color:#04161A}
.ss-au-chip.soon,.ss-au-pri .ss-au-chip.soon{background:rgba(245,184,61,.14);color:var(--au-warn);box-shadow:inset 0 0 0 1px rgba(245,184,61,.3)}
.ss-au-or{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--au-dim);font:500 12px/1 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:1px}
.ss-au-or::before,.ss-au-or::after{content:"";flex:1;height:1px;background:var(--au-line)}
.ss-au label.ss-au-l{display:block;font-size:13px;color:var(--au-mut);margin:0 0 6px}
.ss-au-in[aria-invalid=true]{border-color:var(--au-bad)}
.ss-au-in{display:block;box-sizing:border-box;width:100%;height:48px;border-radius:12px;border:1px solid var(--au-line);background:#08111A;color:var(--au-txt);font:500 16px/1 inherit;font-family:inherit;padding:0 14px;margin:0 0 10px;transition:border-color .15s,box-shadow .15s}
.ss-au-in:focus{border-color:var(--au-teal);box-shadow:0 0 0 3px rgba(70,220,200,.15);outline:none}
.ss-au-in::placeholder{color:#4F676D}
.ss-au-msg{min-height:20px;margin:10px 0 0!important;font-size:13.5px!important;text-align:center}
.ss-au-msg.err{color:var(--au-bad)!important}
.ss-au-msg.ok{color:var(--au-teal)!important}
.ss-au-fine{margin-top:14px!important;font-size:12px!important;color:var(--au-dim)!important;text-align:center;line-height:1.5}
.ss-au-fine a{color:var(--au-mut)}
.ss-au-ic{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(70,220,200,.1);color:var(--au-teal);margin:6px 0 14px;box-shadow:inset 0 0 0 1px rgba(70,220,200,.25)}
.ss-au-ic svg{width:26px;height:26px}
.ss-au-step-code{padding-top:34px}
.ss-au-otp{display:flex;gap:8px;justify-content:space-between;margin:20px 0 4px}
.ss-au-otp input{box-sizing:border-box;width:0;flex:1 1 0;min-width:0;max-width:54px;height:58px;border-radius:12px;border:1px solid var(--au-line);background:#08111A;color:var(--au-txt);text-align:center;font:700 24px/1 'JetBrains Mono',ui-monospace,monospace;padding:0;caret-color:var(--au-teal);transition:border-color .15s,box-shadow .15s,transform .15s}
.ss-au-otp input:focus{border-color:var(--au-teal);box-shadow:0 0 0 3px rgba(70,220,200,.18);outline:none}
.ss-au-otp input.f{border-color:#2F5A5E}
.ss-au-otp:nth-child(n) input:nth-child(3){margin-right:8px}
.ss-au-otp.busy input{opacity:.6}
.ss-au-otp.bad{animation:ssShake .38s ease}
.ss-au-otp.bad input{border-color:var(--au-bad)}
.ss-au-otp.good input{border-color:var(--au-teal);color:var(--au-teal)}
@keyframes ssShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.ss-au-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.ss-au-msg .ss-au-link{display:inline;padding:0;font-size:inherit}
.ss-au-link{border:0;background:none;padding:6px 0;min-height:32px;color:var(--au-teal);font:600 13.5px/1.2 inherit;font-family:inherit;cursor:pointer}
.ss-au-link:disabled{color:var(--au-dim);cursor:default}
.ss-au-link:hover:not(:disabled){text-decoration:underline}
.ss-au-done{text-align:center;padding:18px 0 8px}
.ss-au-done .ss-au-ic{margin:0 auto 16px;width:64px;height:64px;border-radius:50%}
.ss-au-done .ss-au-ic svg{width:34px;height:34px}
.ss-au-done path{stroke-dasharray:40;stroke-dashoffset:40;animation:ssEkg .6s ease-out .1s forwards}
.ss-au-spin{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ssSpin .7s linear infinite}
@keyframes ssSpin{to{transform:rotate(360deg)}}
.ss-au-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);z-index:2147483001;background:#0F1B2A;border:1px solid rgba(70,220,200,.45);color:var(--au-txt);padding:11px 16px;border-radius:12px;font:500 14px/1.3 'Space Grotesk',system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.45);opacity:0;transition:opacity .2s,transform .25s;pointer-events:none;max-width:calc(100vw - 32px)}
.ss-au-toast.on{opacity:1;transform:translateX(-50%)}
@media (prefers-reduced-motion:reduce){.ss-au *,.ss-au-card,.ss-au-bg,.ss-au-toast{animation:none!important;transition:none!important}.ss-au-ekg path,.ss-au-done path{stroke-dashoffset:0}}

/* account page */
.ss-acp{max-width:560px;margin:8px auto 40px}
.ss-acp-card{background:linear-gradient(180deg,#0D1626,var(--au-card));border:1px solid var(--au-line);border-radius:18px;padding:22px;position:relative;overflow:hidden}
.ss-acp-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--au-teal),transparent);opacity:.7}
.ss-acp-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.ss-acp-av{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#123B3F,#0E2530);color:var(--au-teal);font:700 24px/1 'Space Grotesk',inherit;box-shadow:inset 0 0 0 2px rgba(70,220,200,.55);flex:0 0 56px}
.ss-acp-av.full{box-shadow:0 0 0 3px var(--au-card),0 0 0 5px var(--au-teal)}
.ss-acp-em{font:600 17px/1.3 'Space Grotesk',inherit;color:var(--au-txt);word-break:break-all}
.ss-acp-pill{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 9px;border-radius:999px;font:600 11.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.3px;text-transform:uppercase;background:rgba(157,177,182,.12);color:var(--au-mut)}
.ss-acp-pill.full{background:rgba(70,220,200,.14);color:var(--au-teal)}
.ss-acp-rows{border-top:1px solid var(--au-line);margin:0}
.ss-acp-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--au-line);font-size:14.5px}
.ss-acp-rows dt{color:var(--au-mut);margin:0}
.ss-acp-rows dd{margin:0;color:var(--au-txt);text-align:right;font-weight:600}
.ss-acp-rows dd a{color:var(--au-teal)}
.ss-acp-acts{display:grid;gap:10px;margin-top:18px}
.ss-acp-note{font-size:13px;color:var(--au-dim);margin:12px 0 0;line-height:1.5}
.ss-acp-out{display:flex;gap:10px;margin-top:10px}
.ss-acp-out .ss-au-btn{flex:1;min-height:44px;font-size:14px}
@media (max-width:440px){.ss-acp-out{flex-direction:column}}
.ss-acp-danger{color:#FFB4B4!important;border-color:#3A2530!important;background:#1A1219!important}
.ss-acp ul{margin:14px 0 18px;padding:0;list-style:none}
.ss-acp li{position:relative;padding:6px 0 6px 26px;color:var(--au-mut);font-size:14.5px}
.ss-acp li::before{content:"";position:absolute;left:4px;top:12px;width:10px;height:6px;border-left:2px solid var(--au-teal);border-bottom:2px solid var(--au-teal);transform:rotate(-45deg)}
.ss-acp .ss-au-btn{font-family:'Space Grotesk',inherit}
