.code-form{gap:var(--s5)}.code-form .note{margin-top:calc(var(--s3) * -1)}.cells{cursor:text;align-items:center;gap:6px;display:flex;position:relative}.cell{border-radius:var(--radius-m);background:var(--panel-soft);min-width:0;height:52px;box-shadow:var(--inset), 0 0 0 .5px var(--rule);font-size:var(--t-6);font-variant-numeric:tabular-nums;transition:box-shadow .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);flex:1 1 0;place-items:center;font-weight:500;line-height:1;display:grid}.cells:hover .cell{box-shadow:var(--inset), 0 0 0 .5px var(--ink-ghost)}.cell.is-full{background:var(--raised)}.cell.is-next{background:var(--raised);box-shadow:var(--inset), 0 0 0 1.5px var(--accent-lit)}.cells.is-wrong .cell{box-shadow:var(--inset), 0 0 0 1.5px var(--open-dot);animation:shake .34s var(--ease)}.cell-gap{background:var(--rule);border-radius:1px;flex:none;width:10px;height:1.5px}.code-input{opacity:0;color:#0000;caret-color:#0000;text-transform:uppercase;width:100%;height:100%;position:absolute;inset:0}@keyframes shake{0%,to{transform:none}25%{transform:translate(-5px)}65%{transform:translate(4px)}}.remember{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.remember span{font-size:var(--t-3);color:var(--ink-muted)}.switch{background:var(--rule);width:42px;height:26px;box-shadow:var(--inset);transition:background .22s var(--ease);border-radius:13px;flex:none;position:relative}.switch:after{content:"";background:var(--raised);width:22px;height:22px;box-shadow:var(--switch-thumb-shadow);transition:transform .24s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch:hover{background:var(--ink-ghost)}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:hover{background:var(--accent-lit)}.switch[aria-checked=true]:after{transform:translate(16px)}@media (prefers-reduced-motion:reduce){.cells.is-wrong .cell{transition-duration:.01ms!important;animation-duration:.01ms!important}}