.login{min-height:100dvh;padding:28px 20px calc(28px + env(safe-area-inset-bottom));background:var(--bg);place-items:center;display:grid}.login:before{content:"";pointer-events:none;background:radial-gradient(60% 45% at 50% 0%, var(--accent-dim), transparent 70%);position:fixed;inset:0}.login-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:32px 28px 28px;display:flex;position:relative}.login-mark{border:1px solid var(--hair);cursor:pointer;-webkit-user-select:none;user-select:none;width:56px;height:56px;transition:transform var(--t);background:#000;border-radius:16px;align-self:center;place-items:center;padding:0;display:grid;overflow:hidden}.login-mark:active{transform:scale(.96)}.login-mark img{width:56%;height:auto;display:block}.login-card h1{text-align:center;letter-spacing:-.035em;margin:4px 0 0;font-size:22px;font-weight:700}.login-sub{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);margin:-10px 0 6px;font-size:11px;font-weight:600}.login-pips{justify-content:center;gap:6px;margin:-6px 0 2px;display:flex}.login-pips span{background:var(--hair-2);width:20px;height:4px;transition:background var(--t);border-radius:999px}.login-pips span.on{background:var(--accent)}.lw-wrap{z-index:200;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lw-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(6px);border:0;animation:.16s ease-out both lw-fade;position:absolute;inset:0}.lw:focus-visible{outline:none}.lw{background:var(--bg-2);border:1px solid var(--hair-2);width:min(340px,100%);box-shadow:var(--shadow);border-radius:20px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) both lw-rise;position:relative}@keyframes lw-fade{0%{opacity:0}to{opacity:1}}@keyframes lw-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lw,.lw-scrim,.lw-row{animation:none!important}}.lw-head{justify-content:space-between;align-items:center;padding:10px 8px 12px 14px;display:flex}.lw-head b{letter-spacing:-.02em;font-size:15px;font-weight:700}.lw-x{width:44px;height:44px;color:var(--fg-4);transition:background var(--t), color var(--t);border-radius:50%;place-items:center;margin:-7px -7px -7px 0;display:grid}.lw-x:hover{background:var(--hover);color:var(--fg)}.lw-x svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:15px;height:15px}.lw-list{flex-direction:column;gap:2px;display:flex}.lw-row{text-align:left;width:100%;transition:background var(--t);border-radius:14px;align-items:center;gap:12px;padding:9px 12px;animation:.22s cubic-bezier(.16,1,.3,1) both lw-row-in;display:flex}@keyframes lw-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lw-row:hover{background:var(--hover)}.lw-row.on{background:var(--accent-dim)}.lw-av{color:#fff;background:linear-gradient(140deg, hsl(var(--hue) 62% 52%), hsl(calc(var(--hue) + 42) 58% 42%));border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.lw-name{min-width:0;color:var(--fg);flex:auto;font-size:15px;font-weight:600}.lw-name em{color:var(--fg-4);margin-top:2px;font-size:12px;font-style:normal;font-weight:400;display:block}.lw-tick{border:1.5px solid var(--hair-2);color:#0000;width:20px;height:20px;transition:border-color var(--t), background var(--t), color var(--t);border-radius:50%;flex:0 0 20px;place-items:center;display:grid}.lw-tick svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.lw-row.on .lw-tick{border-color:var(--accent);background:var(--accent);color:#fff}.login-as{border-radius:var(--r-pill);border:1px solid var(--hair);background:var(--surface-2);width:100%;color:var(--fg-3);text-align:left;transition:border-color var(--t);align-items:center;gap:9px;padding:8px 12px 8px 8px;font-size:13px;display:flex}.login-as:hover{border-color:var(--fg-4)}.login-as b{color:var(--fg);font-weight:600}.login-as em{color:var(--fg-4);text-underline-offset:2px;margin-left:auto;font-size:12px;font-style:normal;text-decoration:underline}.login-as-dot{color:#fff;background:linear-gradient(140deg, hsl(var(--hue) 62% 52%), hsl(calc(var(--hue) + 42) 58% 42%));border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{letter-spacing:.09em;text-transform:uppercase;color:var(--fg-4);font-size:11px;font-weight:700}.login-field input{border-radius:var(--r-ctl);border:1px solid var(--hair-2);background:var(--bg-2);height:44px;color:var(--fg);transition:border-color var(--t);padding:0 13px;font-family:inherit;font-size:15px}.login-field input:focus{border-color:var(--fg-4);outline:none}.login-pw{display:block;position:relative}.login-pw input{width:100%;padding-right:50px}.login-eye{width:44px;height:44px;color:var(--fg-4);transition:color var(--t), background var(--t);border-radius:9px;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.login-eye:hover{color:var(--fg-2);background:var(--hover)}.login-eye svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.login-err{border-radius:var(--r-ctl);background:var(--accent-dim);border:1px solid var(--accent-line);color:var(--accent);margin:0;padding:10px 12px;font-size:13px}.login-go{border-radius:var(--r-ctl);background:var(--accent);color:#fff;height:46px;transition:filter var(--t), transform var(--t);place-items:center;margin-top:4px;font-size:14.5px;font-weight:700;display:grid}.login-go:hover{filter:brightness(1.07)}.login-go:active{transform:translateY(1px)}.login-go:disabled{opacity:.6}@media (max-width:480px){.login-card{padding:26px 20px 22px}.login-who-btn{height:40px}}