/* HomeLynx V8.1.27 — first-launch account collection surface.
   Responsive only: same auth law on WebOS and mobile. */
:root{--hlx-auth-ink:#0B0D0C;--hlx-auth-muted:#747A77;--hlx-auth-line:#D9DDDB;--hlx-auth-paper:#FFFFFF;--hlx-auth-soft:#F5F6F5;--hlx-auth-lynx:#0D9B86}
body.hlx-launch-auth-open{overflow:hidden!important}
.hlx-launch-auth[hidden]{display:none!important}
.hlx-launch-auth{position:fixed;inset:0;z-index:100200;display:grid;place-items:center;padding:22px;background:rgba(12,15,14,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box}
.hlx-launch-auth__card{position:relative;width:min(520px,100%);max-height:min(760px,calc(100dvh - 44px));overflow:auto;box-sizing:border-box;padding:34px 30px 28px;border:1px solid rgba(11,13,12,.10);border-radius:28px;background:var(--hlx-auth-paper);box-shadow:0 28px 90px rgba(7,12,10,.18);color:var(--hlx-auth-ink);font-family:'IBM Plex Sans',sans-serif;-webkit-overflow-scrolling:touch}
.hlx-launch-auth__close{position:absolute;top:15px;left:15px;width:40px;height:40px;border:1px solid var(--hlx-auth-line);border-radius:13px;background:#fff;color:#111;font:300 27px/1 'IBM Plex Sans',sans-serif;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hlx-launch-auth__close:hover{background:var(--hlx-auth-soft)}
.hlx-launch-auth__brand{display:flex;justify-content:center;align-items:center;gap:7px;margin:13px 0 25px;font:600 18px/1 'IBM Plex Sans',sans-serif;letter-spacing:-.035em}
.hlx-launch-auth__brand svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hlx-launch-auth h1{margin:0;text-align:center;font:500 clamp(35px,5vw,48px)/1.08 'IBM Plex Sans',sans-serif;letter-spacing:-.045em}
.hlx-launch-auth__lede{max-width:430px;margin:14px auto 27px;text-align:center;color:#303431;font:400 17px/1.45 'IBM Plex Sans',sans-serif}
.hlx-launch-auth__google{min-height:54px;width:100%;display:flex;justify-content:center;align-items:center;margin:0 0 18px;overflow:hidden;border-radius:999px}
.hlx-launch-auth__google>div,.hlx-launch-auth__google iframe{max-width:100%!important}
.hlx-launch-auth__fallback{width:100%;min-height:54px;border:1px solid var(--hlx-auth-line);border-radius:999px;background:#fff;color:#999;font:500 16px/1 'IBM Plex Sans',sans-serif}
.hlx-launch-auth__divider{display:flex;align-items:center;gap:18px;margin:8px 0 18px;color:#242826;font-size:13px;text-transform:uppercase}
.hlx-launch-auth__divider::before,.hlx-launch-auth__divider::after{content:"";height:1px;background:var(--hlx-auth-line);flex:1}
.hlx-launch-auth__form{display:grid;gap:12px}
.hlx-launch-auth__field{position:relative}
.hlx-launch-auth__field input{width:100%;height:56px;box-sizing:border-box;border:1px solid var(--hlx-auth-line);border-radius:18px;background:#fff;color:var(--hlx-auth-ink);padding:0 18px;font:400 16px/1 'IBM Plex Sans',sans-serif;outline:none}
.hlx-launch-auth__field input::placeholder{color:#9A9F9D}
.hlx-launch-auth__field input:focus{border-color:#8E9793;box-shadow:0 0 0 3px rgba(13,155,134,.10)}
.hlx-launch-auth__field[hidden]{display:none!important}
.hlx-launch-auth__continue{height:56px;border:0;border-radius:999px;background:var(--hlx-auth-ink);color:#fff;font:500 17px/1 'IBM Plex Sans',sans-serif;cursor:pointer}
.hlx-launch-auth__continue:disabled{opacity:.42;cursor:default}
.hlx-launch-auth__continue:not(:disabled):active{transform:scale(.995)}
.hlx-launch-auth__status{min-height:18px;margin:1px 4px 0;color:var(--hlx-auth-muted);font:400 11px/1.45 'IBM Plex Sans',sans-serif;text-align:center}
.hlx-launch-auth__skip{display:block;margin:18px auto 2px;border:0;background:transparent;color:#555C59;text-decoration:underline;text-underline-offset:3px;font:600 14px/1.2 'IBM Plex Sans',sans-serif;cursor:pointer}
.hlx-launch-auth__fine{margin:22px auto 0;max-width:420px;text-align:center;color:#929895;font:400 10.5px/1.5 'IBM Plex Sans',sans-serif}
.hlx-launch-auth__fine button{border:0;padding:0;background:transparent;color:#626966;text-decoration:underline;cursor:pointer;font:inherit}

/* Account state is part of the hamburger on every OS. */
#hlx-menu-account .hlx-menu-row__avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#E9EEEC;flex:0 0 30px}
#hlx-menu-account .hlx-menu-row__copy{flex:1}
#hlx-menu-account .hlx-menu-account-signout{min-height:42px;color:#5F6764}
#hlx-menu-account .hlx-menu-account-signout .hlx-menu-row__title{font-size:13px}

@media(max-width:620px){
  .hlx-launch-auth{display:block;padding:0;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
  .hlx-launch-auth__card{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none;padding:calc(env(safe-area-inset-top,0px) + 62px) 24px calc(env(safe-area-inset-bottom,0px) + 28px)}
  .hlx-launch-auth__close{top:calc(env(safe-area-inset-top,0px) + 10px);left:18px}
  .hlx-launch-auth__brand{margin-top:0}
  .hlx-launch-auth h1{font-size:39px}
  .hlx-launch-auth__lede{font-size:16px;margin-top:15px;margin-bottom:28px}
  .hlx-launch-auth__google{min-height:56px}
  .hlx-launch-auth__field input,.hlx-launch-auth__continue{height:58px}
}
@media(prefers-reduced-motion:reduce){.hlx-launch-auth__continue{transition:none!important}}