.lp .field{border:1px solid hsl(var(--line));background:hsl(var(--card));width:100%;height:48px;color:hsl(var(--ink));border-radius:10px;outline:none;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.lp .field:focus{border-color:hsl(var(--acc)/.6);box-shadow:0 0 0 3px hsl(var(--acc)/.15)}.lp .field.err{border-color:hsl(var(--acc));box-shadow:0 0 0 3px hsl(var(--acc)/.18)}@keyframes lp-shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.lp .shake{animation:.4s cubic-bezier(.36,.07,.19,.97) lp-shake}.lp .otp{border:1px solid hsl(var(--line));background:hsl(var(--card));text-align:center;width:46px;height:54px;font-family:var(--font-bricolage);color:hsl(var(--ink));border-radius:10px;outline:none;font-size:22px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s}.lp .otp:focus{border-color:hsl(var(--acc)/.6);box-shadow:0 0 0 3px hsl(var(--acc)/.15)}.lp .otp.filled{border-color:hsl(var(--acc)/.5);transform:translateY(-2px)}@media (max-width:400px){.lp .otp{width:40px;height:48px;font-size:19px}}.lp .seg button{transition:background .25s,color .25s}.lp .seg button.on{background:hsl(var(--ink));color:hsl(var(--paper))}.lp .panel-lit{pointer-events:none;background:radial-gradient(340px circle at var(--px,30%)var(--py,40%),hsl(var(--blue)/.16),transparent 70%);position:absolute;inset:0}.lp .logline{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.lp .logline.in{opacity:1;transform:none}