:where(
  .wylu-auth,
  .wylu-collections,
  .wylu-bookmark-undo,
  .wylu-user-center,
  .wylu-social-panel,
  .wylu-social-notifications,
  .wylu-public-profile
) {
  --wylu-corner-hero:30px;
  --wylu-corner-surface:22px;
  --wylu-corner-control:14px;
  --wylu-corner-compact:10px;
}
.wylu-auth{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:12px;
  color:var(--wyl-ink,#20262d);
  font-family:var(--wyl-font,system-ui,-apple-system,"Segoe UI",sans-serif);
  font-size:12px;
}
.wylu-auth__mask{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(18,23,28,.48);
  -webkit-backdrop-filter:blur(18px) saturate(108%);
  backdrop-filter:blur(18px) saturate(108%);
}
.wylu-auth__shell{
  position:relative;
  z-index:1;
  display:grid;
  width:min(368px,calc(100vw - 24px));
  min-width:0;
}
.wylu-auth__dialog{
  position:relative;
  width:100%;
  max-height:calc(100dvh - 24px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:24px;
  border:1px solid rgba(255,255,255,.66);
  border-radius:var(--wylu-corner-hero);
  outline:0;
  color:var(--wyl-ink,#20262d);
  background:linear-gradient(145deg,rgba(251,252,253,.84),rgba(232,236,241,.66));
  -webkit-backdrop-filter:blur(30px) saturate(132%);
  backdrop-filter:blur(30px) saturate(132%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 28px 72px rgba(26,34,42,.24);
  scrollbar-gutter:stable;
  font-family:var(--wyl-font,system-ui,-apple-system,"Segoe UI",sans-serif);
  font-size:12px;
}
.wylu-auth__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.wylu-auth__brand{
  color:var(--wyl-accent,#4f5965);
  font-size:12px;
  font-weight:750;
  letter-spacing:.16em;
}
.wylu-auth__head h2{
  margin:7px 0 0;
  font-family:var(--wyl-font,system-ui,-apple-system,"Segoe UI",sans-serif);
  font-size:16px;
  font-weight:720;
  line-height:1.4;
}
.wylu-auth__close{
  display:grid;
  width:36px;
  height:36px;
  flex:0 0 36px;
  place-items:center;
  border:1px solid rgba(255,255,255,.72);
  border-radius:var(--wylu-corner-control);
  color:#59636e;
  background:rgba(255,255,255,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 20px rgba(31,40,49,.08);
  font-family:inherit;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:transform .16s var(--wyl-ease,ease),color .16s var(--wyl-ease,ease),background .16s var(--wyl-ease,ease);
}
.wylu-auth__close:hover{color:var(--wyl-accent,#4f5965);background:rgba(255,255,255,.7);transform:translateY(-1px)}
.wylu-auth__close--mobile{display:none}
.wylu-auth__intent{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  margin:20px 0 18px;
  padding:3px;
  border:1px solid rgba(116,126,137,.13);
  border-radius:var(--wylu-corner-control);
  background:rgba(211,217,224,.48);
}
.wylu-auth__intent button{
  min-height:36px;
  padding:0 12px;
  border:0;
  border-radius:var(--wylu-corner-control);
  color:#6d7681;
  background:transparent;
  font-family:inherit;
  font-size:14px;
  font-weight:680;
  cursor:pointer;
}
.wylu-auth__intent button:hover{color:var(--wyl-ink,#20262d);background:rgba(255,255,255,.34)}
.wylu-auth__intent button[aria-selected="true"]{
  color:var(--wyl-ink,#20262d);
  background:rgba(255,255,255,.78);
  box-shadow:0 7px 18px rgba(39,49,59,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
.wylu-auth__panel{display:grid;gap:13px}
.wylu-auth__panel[hidden]{display:none}
.wylu-auth__panel label{display:grid;gap:6px;color:#59636e;font-size:12px;font-weight:650}
.wylu-auth__panel input{
  width:100%;
  min-height:44px;
  padding:0 13px;
  border:1px solid rgba(114,125,138,.15);
  border-radius:var(--wylu-corner-control);
  outline:0;
  color:var(--wyl-ink,#20262d);
  background:rgba(255,255,255,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(38,48,58,.035);
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  transition:border-color .16s var(--wyl-ease,ease),box-shadow .16s var(--wyl-ease,ease),background .16s var(--wyl-ease,ease);
}
.wylu-auth__panel input::placeholder{color:#8a939e;opacity:.72;font-weight:400;}
.wylu-auth__panel input:focus{
  border-color:rgba(var(--wyl-accent-rgb,79,89,101),.38);
  background:rgba(255,255,255,.82);
  box-shadow:0 0 0 3px rgba(var(--wyl-accent-rgb,79,89,101),.12),0 8px 20px rgba(38,48,58,.05);
}
.wylu-auth__panel input[aria-invalid="true"]{border-color:rgba(165,60,60,.52);box-shadow:0 0 0 3px rgba(165,60,60,.11)}
.wylu-auth__code-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:end;gap:8px}
.wylu-auth__code-row>button{
  min-height:44px;
  padding:0 10px;
  border:1px solid rgba(114,125,138,.15);
  border-radius:var(--wylu-corner-control);
  color:#4f5965;
  background:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 6px 16px rgba(38,48,58,.04);
  font-family:inherit;
  font-size:12px;
  font-weight:680;
  cursor:pointer;
}
.wylu-auth__code-row>button:hover{color:var(--wyl-accent,#4f5965);background:rgba(255,255,255,.78)}
.wylu-auth__primary{
  min-height:44px;
  margin-top:2px;
  border:0;
  border-radius:var(--wylu-corner-control);
  color:var(--wyl-accent-on,#fff);
  background:linear-gradient(135deg,var(--wyl-accent-bright,#687482),var(--wyl-accent,#4f5965));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 26px rgba(var(--wyl-accent-rgb,79,89,101),.18);
  font-family:inherit;
  font-size:14px;
  font-weight:740;
  cursor:pointer;
  transition:transform .16s var(--wyl-ease,ease),filter .16s var(--wyl-ease,ease),box-shadow .16s var(--wyl-ease,ease);
}
.wylu-auth__primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.wylu-auth__primary:active{transform:translateY(0) scale(.99)}
.wylu-auth button:disabled{cursor:wait;opacity:.58}
.wylu-auth__links{display:flex;justify-content:space-between;gap:10px}
.wylu-auth__links button,.wylu-auth__foot button{
  min-height:34px;
  padding:0;
  border:0;
  color:#59636e;
  background:transparent;
  font-family:inherit;
  font-size:12px;
  font-weight:620;
  cursor:pointer;
}
.wylu-auth__links button:hover,.wylu-auth__foot button:hover{color:var(--wyl-accent,#4f5965)}
.wylu-auth__foot{margin:0;text-align:center;color:#7b8590;font-size:12px}
.wylu-auth__foot button{margin-left:4px;color:var(--wyl-accent,#4f5965)}
.wylu-auth__password{position:relative;display:block;border-radius:var(--wylu-corner-control)}
.wylu-auth__password input{padding-right:56px}
.wylu-auth__password button{
  position:absolute;
  top:4px;
  right:4px;
  min-width:48px;
  height:36px;
  border:0;
  border-radius:var(--wylu-corner-control);
  color:#68727d;
  background:transparent;
  font-family:inherit;
  font-size:12px;
  cursor:pointer;
}
.wylu-auth__note{margin:0;padding:10px 12px;border-radius:var(--wylu-corner-compact);color:#606a75;background:rgba(var(--wyl-accent-rgb,79,89,101),.08);font-size:12px;line-height:1.65}
.wylu-auth__field-error{margin:0;border-radius:var(--wylu-corner-compact);color:#a53c3c;font-size:12px;font-weight:560;line-height:1.45}
.wylu-auth__field-error:empty{display:none}
.wylu-auth__message{min-height:19px;margin:12px 0 0;border-radius:var(--wylu-corner-compact);color:#65707b;font-size:12px;line-height:1.55}
.wylu-auth__message[data-kind="error"]{color:#a53c3c}
.wylu-auth__message[data-kind="success"]{color:var(--wyl-accent,#4f5965)}
body.wylu-auth-open{overflow:hidden}
.wylu-auth :focus-visible{outline:2px solid var(--wyl-accent-bright,#687482);outline-offset:2px}
[data-theme="dark"] .wylu-auth__dialog{
  color:#eef1f4;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(54,61,69,.76),rgba(19,23,28,.8));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 28px 72px rgba(0,0,0,.42);
}
[data-theme="dark"] .wylu-auth__intent{border-color:rgba(255,255,255,.07);background:rgba(7,10,13,.28)}
[data-theme="dark"] .wylu-auth__intent button{color:#aeb6bf}
[data-theme="dark"] .wylu-auth__intent button:hover{color:#f2f4f6;background:rgba(255,255,255,.06)}
[data-theme="dark"] .wylu-auth__intent button[aria-selected="true"]{color:#f2f4f6;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
[data-theme="dark"] .wylu-auth__panel label{color:#c5cbd2}
[data-theme="dark"] .wylu-auth__panel input{color:#f2f4f6;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
[data-theme="dark"] .wylu-auth__panel input::placeholder{color:#aebbb6;opacity:.7;font-weight:400}
[data-theme="dark"] .wylu-auth__panel input:focus{border-color:rgba(var(--wyl-accent-rgb,183,192,202),.55);background:rgba(255,255,255,.12)}
[data-theme="dark"] .wylu-auth__panel input[aria-invalid="true"]{border-color:rgba(255,181,181,.58);box-shadow:0 0 0 3px rgba(255,181,181,.1)}
[data-theme="dark"] .wylu-auth__close,[data-theme="dark"] .wylu-auth__code-row>button{color:#d8dde2;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.08)}
[data-theme="dark"] .wylu-auth__links button,[data-theme="dark"] .wylu-auth__foot,[data-theme="dark"] .wylu-auth__password button{color:#b9c0c8}
[data-theme="dark"] .wylu-auth__field-error{color:#ffb5b5}
[data-theme="dark"] .wylu-auth__message{color:#c4cad0}
[data-theme="dark"] .wylu-auth__message[data-kind="error"]{color:#ffb5b5}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__dialog{color:#eef1f4;border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(54,61,69,.76),rgba(19,23,28,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 28px 72px rgba(0,0,0,.42)}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__intent{border-color:rgba(255,255,255,.07);background:rgba(7,10,13,.28)}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__intent button{color:#aeb6bf}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__intent button[aria-selected="true"]{color:#f2f4f6;background:rgba(255,255,255,.12)}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__panel label{color:#c5cbd2}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__panel input{color:#f2f4f6;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.08)}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__panel input::placeholder{color:#aebbb6;opacity:.7;font-weight:400}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__panel input[aria-invalid="true"]{border-color:rgba(255,181,181,.58);box-shadow:0 0 0 3px rgba(255,181,181,.1)}
  :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__field-error{color:#ffb5b5}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .wylu-auth__dialog{background:#f1f3f5}
  .wylu-auth__mask{background:rgba(18,23,28,.7)}
  [data-theme="dark"] .wylu-auth__dialog{background:#20252b}
}
@media(max-width:760px){
  .wylu-auth__panel input{font-size:16px;font-weight:400}
}
@media(max-width:640px){
  .wylu-auth{padding:12px}
  .wylu-auth__shell{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding-bottom:max(0px,env(safe-area-inset-bottom))}
  .wylu-auth__dialog{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));padding:21px 18px;border-radius:var(--wylu-corner-hero)}
  .wylu-auth__code-row{grid-template-columns:minmax(0,1fr) 96px}
}
@media(max-width:360px){
  .wylu-auth__dialog{padding:19px 16px}
  .wylu-auth__code-row{grid-template-columns:1fr}
  .wylu-auth__code-row>button{width:100%}
}
@media(prefers-reduced-transparency:reduce){
  .wylu-auth__mask{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(18,23,28,.72)}
  .wylu-auth__dialog{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f1f3f5}
  [data-theme="dark"] .wylu-auth__dialog{background:#20252b}
  @media(prefers-color-scheme:dark){
    :root:not([data-theme="light"]):not([data-theme="dark"]) .wylu-auth__dialog{background:#20252b}
  }
}
@media(prefers-reduced-motion:reduce){
  .wylu-auth,.wylu-auth *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .wylu-auth__close:hover,.wylu-auth__primary:hover,.wylu-auth__primary:active{transform:none}
}
@supports (corner-shape:squircle){
  .wylu-auth__dialog,
  .wylu-auth__close,
  .wylu-auth__intent,
  .wylu-auth__intent button,
  .wylu-auth__panel input,
  .wylu-auth__code-row>button,
  .wylu-auth__primary,
  .wylu-auth__password,
  .wylu-auth__password button,
  .wylu-auth__note,
  .wylu-auth__field-error,
  .wylu-auth__message{
    corner-shape:squircle;
  }
}