.wl-auth{--bg:#05070a;--ink:#edf1f6;--muted:#8b94a5;--dim:#5c6472;--line:#ffffff17;--hair:#ffffff0e;--lime:#c9f24b;--green:#2fd08c;--amber:#ffb224;--font:-apple-system, "SF Pro Text", "Segoe UI", system-ui, Inter, "PingFang SC", "Hiragino Sans GB", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Zen Hei", sans-serif;--mono:"SF Mono", "JetBrains Mono", "Space Mono", ui-monospace, "Menlo", "Consolas", monospace;--spring:cubic-bezier(.22, 1, .36, 1);background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;place-items:center;padding:6vh 1.25rem;display:grid;position:relative;overflow:hidden}.wl-auth:before{content:"";pointer-events:none;background:radial-gradient(58% 44% at 50% -2%,#afe61a1c,#0000 70%),radial-gradient(50% 40% at 50% 102%,#2eb88a0f,#0000 70%);position:absolute;inset:0}.wl-auth:after{content:"";pointer-events:none;opacity:.55;background-image:linear-gradient(var(--hair) 1px, transparent 1px), linear-gradient(90deg, var(--hair) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 50% 42%,#000 28%,#0000 76%);mask-image:radial-gradient(72% 62% at 50% 42%,#000 28%,#0000 76%)}.wl-auth-inner{flex-direction:column;gap:1.35rem;width:100%;max-width:22rem;display:flex;position:relative}.wl-auth-brand{font-family:var(--mono);letter-spacing:.01em;color:var(--ink);align-items:center;gap:.55rem;font-size:.95rem;font-weight:500;display:flex}.wl-auth-dot{background:var(--lime);width:7px;height:7px;animation:wl-breathe 2.4s var(--spring) infinite;border-radius:50%;box-shadow:0 0 9px #c9f24bcc}@keyframes wl-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.wl-auth-card{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);background:linear-gradient(#303b161a,#171b0e08),#0a0d108c;border:1px solid #add34529;border-radius:16px;flex-direction:column;padding:1.6rem 1.5rem 1.5rem;display:flex;box-shadow:0 22px 52px -16px #000000a8,0 8px 30px -10px #b4f00f2e,inset 0 1px #d2f17e12}.wl-auth-kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:.6rem;font-weight:600}.wl-auth-title{letter-spacing:0;color:var(--ink);margin:.4rem 0 0;font-size:1.5rem;font-weight:300}.wl-auth-sub{color:var(--muted);margin:.45rem 0 0;font-size:.8rem;line-height:1.55}.wl-auth-form{flex-direction:column;gap:.9rem;margin-top:1.15rem;display:flex}.wl-auth-field{flex-direction:column;gap:.45rem;display:flex}.wl-auth-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:.62rem;font-weight:500}.wl-auth-input,.wl-auth-textarea{font-family:var(--font);color:var(--ink);border:1px solid var(--line);width:100%;transition:border-color .25s var(--spring), box-shadow .25s var(--spring);background:#00000059;border-radius:10px;padding:.72rem .85rem;font-size:.95rem}.wl-auth-textarea{resize:vertical;min-height:4.6rem;line-height:1.55}.wl-auth-input::placeholder,.wl-auth-textarea::placeholder{color:var(--dim)}.wl-auth-input:focus,.wl-auth-textarea:focus{border-color:#b7e83099;outline:none;box-shadow:0 0 0 3px #afe61a24}.wl-count{font-family:var(--mono);color:var(--dim);align-self:flex-end;margin-top:.3rem;font-size:.54rem}.wl-auth-btn{font-family:var(--font);letter-spacing:.01em;color:#0a0d06;background:var(--lime);cursor:pointer;transition:transform .2s var(--spring), box-shadow .25s var(--spring), opacity .2s;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:.35rem;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 0 24px #c9f24b3d}.wl-auth-btn:hover{box-shadow:0 0 30px #c9f24b61}.wl-auth-btn:active{transform:scale(.98)}.wl-auth-btn:disabled{opacity:.6;cursor:default}.wl-auth-btn--block{width:100%;margin-top:1.5rem}.wl-actions{gap:.6rem;margin-top:.4rem;display:flex}.wl-actions .wl-auth-btn,.wl-actions .wl-auth-btn--ghost{margin-top:0}.wl-auth-btn--row{flex:1}.wl-auth-btn--ghost{color:var(--muted);border:1px solid var(--line);box-shadow:none;background:0 0;flex:none;justify-content:center;align-items:center;padding:.8rem 1.05rem;font-weight:500;display:inline-flex}.wl-auth-btn--ghost:hover{color:var(--ink);border-color:var(--muted)}.wl-auth-btn--google{width:100%;font-family:var(--font);color:var(--ink);border:1px solid var(--line);cursor:pointer;transition:border-color .25s var(--spring), background .25s var(--spring), transform .2s var(--spring);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;margin-top:1.15rem;padding:.78rem 1.1rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.wl-auth-btn--google:hover{background:#ffffff0f;border-color:#b2dd3c66}.wl-auth-btn--google:active{transform:scale(.985)}.wl-auth-gicon{flex:none;width:17px;height:17px}.wl-auth-spin{border:2px solid #0a0d0659;border-top-color:#0a0d06;border-radius:50%;width:.85rem;height:.85rem;animation:.7s linear infinite wl-spin}@keyframes wl-spin{to{transform:rotate(360deg)}}.wl-auth-back{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);transition:color .25s var(--spring);align-self:center;align-items:center;gap:.4rem;margin-top:1.1rem;font-size:.62rem;text-decoration:none;display:inline-flex}.wl-auth-back:hover{color:var(--muted)}.wl-auth-kicker--amber{color:var(--amber)}.wl-auth-card--center{text-align:center;align-items:center}.wl-dev-glyph{width:46px;height:46px;color:var(--amber);background:#e5b2431a;border:1px solid #ebb74759;border-radius:13px;place-items:center;margin-bottom:1.15rem;font-size:1.4rem;display:grid;box-shadow:0 0 24px -6px #f4b22566}.wl-dev-glyph span{animation:2.6s steps(8,end) infinite wl-tick;display:inline-block}@keyframes wl-tick{to{transform:rotate(360deg)}}.wl-dev-user{font-family:var(--mono);letter-spacing:.03em;color:var(--dim);margin-top:1.15rem;font-size:.62rem}.wl-dev-user b{color:var(--muted);font-weight:500}.wl-id{border:1px solid var(--hair);background:#ffffff05;border-radius:12px;align-items:center;gap:.8rem;margin-top:1.25rem;padding:.75rem .8rem;display:flex}.wl-ava{width:42px;height:42px;font-family:var(--mono);color:#0a0d06;background:radial-gradient(120% 120% at 30% 20%, #dcff6b, var(--lime));border-radius:50%;flex:none;place-items:center;font-size:1.05rem;font-weight:600;display:grid;box-shadow:0 0 0 1px #bfeb474d,0 4px 14px -4px #b4f00f80}.wl-id-meta{flex-direction:column;gap:.12rem;min-width:0;display:flex}.wl-id-email{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.wl-id-badge{font-family:var(--mono);letter-spacing:.06em;color:var(--green);align-items:center;gap:.3rem;font-size:.56rem;display:inline-flex}.wl-id-badge i{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #44d59db3}.wl-lbl-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.wl-hint{font-family:var(--mono);letter-spacing:.04em;color:var(--dim);font-size:.56rem}.wl-hint b{color:var(--lime);font-weight:500}.wl-auth :focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){.wl-auth-dot,.wl-auth-spin,.wl-dev-glyph span{animation:none}.wl-auth *,.wl-auth{transition:none!important}}
