/* Staff entrance. Every selector is confined to the authentication screens. */
#auth.auth-wrap{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:stretch;grid-template-columns:56% 44%;grid-template-rows:auto 1fr auto;min-height:100svh;padding:0;background:#f7fafa;color:#101a1c;color-scheme:light}
#auth .auth-architecture{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
#auth .auth-architecture img,#auth .auth-architecture video{position:absolute;inset:0;top:96px;width:100%;height:calc(100% - 96px);object-fit:cover;object-position:37% center;mask-image:linear-gradient(to bottom,transparent,#000 64px)}
#auth .auth-architecture video{opacity:0;transition:opacity .35s ease;pointer-events:none}
#auth.auth-film-ready .auth-architecture video{opacity:1}
#auth .auth-architecture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(247,250,250,.08) 45%,rgba(247,250,250,.92) 66%,#f7fafa 100%),linear-gradient(0deg,#f7fafa 0%,rgba(247,250,250,.96) 15%,rgba(247,250,250,.82) 24%,rgba(247,250,250,.08) 46%,transparent 58%)}
#auth .auth-brand{margin:52px 0 0 64px;justify-self:start;color:#153d40;font-family:'Instrument Serif',Georgia,serif;font-size:43px;line-height:1;letter-spacing:-1px}
#auth .auth-topnote{display:flex;align-items:center;justify-content:center;gap:9px;margin:54px 32px 0;color:#526b6d;font-size:12px}
#auth svg.auth-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#auth .auth-topnote svg{height:15px;width:15px;color:#0a6f79}
#auth .auth-story{align-self:end;padding:0 50px 80px 64px;max-width:690px;margin:0}
#auth .auth-story:before{content:"";display:block;width:40px;height:2px;background:#936b38;margin-bottom:26px}
#auth .auth-story blockquote{font-size:clamp(30px,2.65vw,43px);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:0 0 24px;text-wrap:balance;color:#163b3e}
#auth .auth-story figcaption{font-size:13px;color:#435f61}
#auth .auth-story cite{font-style:normal}
#auth .auth-story a{color:inherit;text-decoration:none}
#auth .auth-story a:hover{text-decoration:underline;text-underline-offset:4px}
#auth .auth-form-area{display:flex;align-items:center;justify-content:center;padding:64px 48px 75px}
#auth .auth-card{width:100%;max-width:390px;background:transparent;border:0;backdrop-filter:none;border-radius:0;box-shadow:none;padding:0}
#auth .auth-steps{display:flex;align-items:center;gap:11px;margin:0 0 39px;padding:0;list-style:none;font-size:12px;color:#596f72}
#auth .auth-steps li{display:flex;align-items:center;gap:8px}
#auth .auth-steps li[aria-current=step]{color:#123d42}
#auth .auth-step-num{border:1px solid #839596;border-radius:50%;width:23px;height:23px;display:inline-grid;place-items:center;font-size:11px}
#auth .auth-steps li[aria-current=step] .auth-step-num{background:#0a6f79;border-color:#0a6f79;color:#fff}
#auth .auth-step-two:before{content:"";width:28px;height:1px;background:#8ca1a3;margin:0 2px}
#auth .auth-steps .done .auth-step-num{border-color:#0a6f79;color:#0a6f79;background:#e0f0ef}
#auth .auth-screen{animation:auth-reveal .24s ease-out}
#auth .auth-card h1{font-size:36px;font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:0 0 13px;text-align:left;color:#101a1c}
#auth .auth-card h1:focus{outline:0}
#auth .auth-intro{font-size:14px;color:#55686b;line-height:1.75;margin:0 0 32px;max-width:365px}
#auth .auth-field{margin-bottom:22px}
#auth label{display:block;font-size:12px;font-weight:500;margin:0 0 10px;color:#33484c}
#auth .auth-input-wrap{position:relative}
#auth input{display:block;width:100%;height:54px;margin:0;border:1px solid #839596;border-radius:8px;padding:0 16px;background:#fff;color:#101a1c;font-size:16px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 4px #173c3e03}
#auth input:focus{outline:none;border-color:#0a6f79;box-shadow:0 0 0 3px #0a6f791c}
#auth input::placeholder{color:#65797b}
#auth .auth-input-wrap input{padding-right:56px}
#auth input[type=password]{letter-spacing:.18em}
#auth .auth-eye{position:absolute;right:5px;top:5px;background:none;border:0;color:#557174;display:grid;place-items:center;width:44px;height:44px;border-radius:5px;padding:0}
#auth .auth-eye:hover{color:#123e44;background:#edf5f5}
#auth .auth-eye[aria-pressed=true] svg{opacity:.6}
#auth .auth-primary{width:100%;min-height:54px;padding:12px 16px;border-radius:8px;background:#0a6f79;color:#fff;border:1px solid #0a6f79;font-family:inherit;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:inset 0 1px 0 #ffffff26,0 5px 15px #0a6f7912;transition:background .18s,transform .18s}
#auth .auth-primary:hover{background:#085761}
#auth .auth-primary:active{transform:translateY(1px)}
#auth .auth-primary svg{width:17px;height:17px}
#auth .auth-primary:disabled{opacity:.7;cursor:wait}
#auth .auth-back{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:12px 0;min-height:44px;margin-top:14px;color:#476468;font-family:inherit;font-size:12px}
#auth .auth-back:hover{color:#0a6f79}
#auth .auth-back:disabled{opacity:.5;cursor:wait}
#auth .auth-back svg{width:14px;height:14px}
#auth .auth-identity{display:flex;align-items:center;gap:10px;font-size:12px;color:#476468;margin-bottom:25px;overflow-wrap:anywhere}
#auth .auth-identity svg{width:17px;height:17px;color:#0a6f79}
#auth .auth-otp{position:relative;margin:0 0 12px;height:64px;touch-action:pan-y}
#auth .auth-otp input{position:absolute;inset:0;z-index:2;height:64px;opacity:1;color:transparent;caret-color:transparent;background:transparent;padding:0;border:0;box-shadow:none;cursor:text;font-size:28px}
#auth .auth-otp input::selection{background:transparent}
#auth .auth-slots{height:100%;display:flex;gap:8px;pointer-events:none}
#auth .auth-slot{flex:1;min-width:0;display:grid;place-items:center;border:1px solid #839596;border-radius:7px;background:#fff;font-size:25px;font-variant-numeric:tabular-nums;color:#14383b}
#auth .auth-slot:nth-child(3){margin-right:8px}
#auth .auth-otp:focus-within .auth-slot.current{border-color:#0a6f79;box-shadow:0 0 0 3px #0a6f791c}
#auth .auth-otp:focus-within .auth-slot.selected{background:#d7eae9;border-color:#0a6f79}
#auth .auth-otp:focus-within .auth-slot.current:empty:after{content:"";width:2px;height:23px;background:#0a6f79}
#auth .auth-otp.invalid .auth-slot,#auth input[aria-invalid=true]{border-color:#b44435}
#auth .auth-helper{font-size:12px;color:#55686b;line-height:1.6;margin:0 0 26px}
#auth .msg{font-size:12px;line-height:1.65;color:#a33529;margin:14px 0 0;min-height:0}
#auth .msg:empty{display:none}
#auth .auth-footnote{margin:24px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;color:#55686b;font-size:11px}
#auth .auth-footnote svg{width:13px;height:13px;color:#0a6f79}
#auth .auth-compact h1{font-size:29px}
#auth .auth-compact .auth-intro{margin-bottom:20px}
#auth .auth-compact .auth-field{margin-bottom:15px}
#auth .auth-qr{display:grid;place-items:center;margin:0 0 16px;min-height:180px}
#auth .auth-qr svg{width:180px;height:180px;background:#fff;border:1px solid #d0dddd;border-radius:8px;padding:8px}
#auth .auth-secret-help{font-size:12px;color:#55686b;line-height:1.6;margin:0 0 20px}
#auth .auth-secret{display:block;margin-top:6px;padding:10px 12px;background:#fff;border:1px solid #c0cece;border-radius:6px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#33484c;overflow-wrap:anywhere;user-select:all}
#auth .auth-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 64px max(20px,env(safe-area-inset-bottom));font-size:11px;color:#536b6d}
#auth .auth-scene-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#auth .auth-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:84px;padding:8px 10px;border:1px solid #b3c2c2;border-radius:6px;background:#ffffffb3;font:inherit;color:#395b5f}
#auth .auth-motion-toggle:hover{background:#fff;border-color:#779798}
#auth .auth-motion-toggle svg{width:13px;height:13px}
#auth .auth-motion-toggle[hidden]{display:none}
#auth .auth-motion-pause{display:none}
#auth[data-motion-state=playing] .auth-motion-play{display:none}
#auth[data-motion-state=playing] .auth-motion-pause{display:block}
#auth .auth-ai-note{font-size:10px;color:#63797b}
#auth button:focus-visible,#auth a:focus-visible{outline:2px solid #0a6f79;outline-offset:5px}
#auth button{-webkit-tap-highlight-color:transparent;cursor:pointer}
@keyframes auth-reveal{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){#auth .auth-architecture img,#auth .auth-architecture video{object-position:center}#auth .auth-card{max-width:420px}#auth .auth-brand{margin-left:80px}#auth .auth-story{padding-left:80px;max-width:780px}}
@media(max-width:1000px){#auth.auth-wrap{grid-template-columns:48% 52%}#auth .auth-brand{margin-left:36px}#auth .auth-story{padding-left:36px;padding-right:24px}#auth .auth-form-area{padding:60px 30px}#auth .auth-story blockquote{font-size:30px}#auth .auth-architecture img,#auth .auth-architecture video{object-position:20% center}#auth .auth-architecture:after{background:linear-gradient(90deg,transparent 20%,#f7fafa 65%),linear-gradient(0deg,#f7fafa,#f7fafaee 26%,transparent 55%)}#auth .auth-footer{padding-left:36px;padding-right:36px}}
@media(max-width:700px){#auth.auth-wrap{display:flex;flex-direction:column}#auth .auth-architecture{top:72px;height:180px;bottom:auto}#auth .auth-architecture img,#auth .auth-architecture video{top:0;height:100%;object-position:left top;width:150%;max-width:none;mask-image:none}#auth .auth-architecture:after{background:linear-gradient(0deg,#f7fafa,rgba(247,250,250,.55) 10%,transparent 35%),linear-gradient(90deg,transparent 50%,rgba(247,250,250,.35))}#auth .auth-brand{margin:24px max(24px,env(safe-area-inset-left)) 0;font-size:36px}#auth .auth-topnote{position:absolute;right:max(23px,env(safe-area-inset-right));top:30px;margin:0;font-size:10px;gap:6px}#auth .auth-topnote svg{width:12px;height:12px}#auth .auth-story{padding:202px max(24px,env(safe-area-inset-left)) 0;align-self:start;max-width:470px}#auth .auth-story blockquote{font-size:22px;letter-spacing:-.035em;line-height:1.28;margin:0 0 12px}#auth .auth-story figcaption{font-size:11px}#auth .auth-story:before{display:none}#auth .auth-form-area{display:block;padding:30px max(24px,env(safe-area-inset-left)) 28px}#auth .auth-card{max-width:410px;margin:auto}#auth .auth-steps{margin-bottom:24px}#auth .auth-card h1{font-size:31px}#auth .auth-intro{font-size:13px;line-height:1.7;margin-bottom:24px}#auth .auth-field{margin-bottom:18px}#auth .auth-footer{margin-top:auto;padding:8px 24px max(20px,env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap;font-size:10px}#auth .auth-scene-meta{gap:10px}#auth .auth-ai-note{font-size:9px}#auth .auth-slot{font-size:23px}#auth .auth-footnote{margin-top:20px}}
@media(max-width:360px){#auth .auth-topnote{display:none}#auth .auth-form-area{padding-left:20px;padding-right:20px}#auth .auth-steps{gap:7px}#auth .auth-slots{gap:6px}#auth .auth-slot:nth-child(3){margin-right:4px}#auth .auth-brand{margin-left:20px}#auth .auth-story{padding-left:20px;padding-right:20px}#auth .auth-story blockquote{font-size:21px}}
@media(prefers-reduced-motion:reduce){#auth *,#auth *:before,#auth *:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){#auth .auth-architecture,#auth .auth-motion-toggle,#auth .auth-ai-note{display:none}#auth .auth-otp input{color:CanvasText;caret-color:CanvasText;border:1px solid ButtonText;letter-spacing:.7em;padding:10px}#auth .auth-slots{visibility:hidden}}