/* Standalone account entry uses the same square cells and quiet focus. */
html#kino-auth-v122[data-auth-kind][data-auth-keypad] .auth-v179 .auth-stage>.auth-panel[data-step=login] .code-entry{width:min(100%,336px)!important;max-width:336px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin-inline:auto!important}
html#kino-auth-v122[data-auth-kind][data-auth-keypad] .auth-v179 .auth-panel .code-cells{height:auto!important;min-height:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:8px!important}
html#kino-auth-v122[data-auth-kind][data-auth-keypad] .auth-v179 .auth-panel .code-cells>span{box-sizing:border-box;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1!important;font-family:var(--kino-font-ui,'IBM Plex Sans',sans-serif)!important}
html#kino-auth-v122 .auth-v179 .auth-panel .auth-login-submit{width:100%;min-height:42px;margin:4px 0 0;padding:9px 12px;font:500 15px/1.3 var(--kino-font-ui,'IBM Plex Sans',sans-serif);letter-spacing:0}
html#kino-auth-v122 .auth-v179 .auth-panel .auth-forgot{font:400 13px/1.4 var(--kino-font-ui,'IBM Plex Sans',sans-serif);color:#9fbec8;min-height:30px;margin:0;padding:5px 10px}
html#kino-auth-v122 .auth-v179 .auth-panel #auth-title{font-family:var(--kino-font-ui,'IBM Plex Sans',sans-serif)!important;font-weight:500!important;letter-spacing:0!important}
html#kino-auth-v122 .auth-v179 .auth-panel #access-hint{font:400 14px/1.4 var(--kino-font-ui,'IBM Plex Sans',sans-serif)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
html#kino-auth-v122 .auth-v179 .auth-panel .name-input:is(:focus,:focus-visible){outline:none!important;border:1px solid #42bfc8!important;box-shadow:0 0 0 2px #00c6d710!important}
html#kino-auth-v122 .auth-v179 .auth-panel .name-input::placeholder{color:#8faeb9;opacity:1}
html#kino-auth-v122 .auth-v179 .auth-panel .avatar-choice img{object-fit:contain;border-radius:8px;transform:none!important}
html#kino-auth-v122 .auth-v179 .auth-panel .avatar-choice:has(input:checked) img{transform:none!important;border-color:#00c6d7;box-shadow:0 0 0 2px #00c6d720}
@media(max-width:400px){html#kino-auth-v122[data-auth-kind][data-auth-keypad] .auth-v179 .auth-panel .code-cells{gap:6px!important}}