/* Sign-in panel states for the login Cubes. Extends the gate's own form/input/.enter styles; the Cube is untouched. */
#f [data-v]{display:flex;flex-direction:column;gap:10px}
#f [data-v][hidden]{display:none}
#f .lnk{background:none;border:0;padding:2px 0;text-align:left;font:400 11px 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);cursor:pointer;align-self:flex-start}
#f .lnk:hover{color:#fff}
#f .enter.ghost{background:transparent;color:#ececee;border:1px solid rgba(255,255,255,.3);margin-top:4px}
#f .acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#f .acts .enter{margin-top:6px}
#msg{font:400 12px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:rgba(255,255,255,.78);line-height:1.6}
#msg:empty{display:none}
#f .faces{font:400 11px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cube-glow,#39ff88)}
#f input.code{letter-spacing:.5em;font-family:'IBM Plex Mono',monospace;text-align:center}