.phone-main{gap:var(--space-5)}.phone-card{gap:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-l);flex-direction:column;padding:28px;display:flex}.phone-card p{margin:0}.phone-status{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:10px;line-height:18px;display:flex}.phone-dot{border-radius:var(--radius-pill);flex-shrink:0;width:10px;height:10px}.phone-status.is-success{color:var(--success-text)}.phone-status.is-success .phone-dot{background:var(--status-dot-success)}.phone-status.is-attention{color:var(--attention-text)}.phone-status.is-attention .phone-dot{background:var(--meter-attention)}.phone-status.is-neutral{color:var(--neutral-text)}.phone-status.is-neutral .phone-dot{background:var(--neutral-fill)}.phone-ending{gap:var(--space-1);flex-direction:column;display:flex}.phone-ending-label{color:var(--text-secondary);font-size:var(--text-sm);line-height:18px}.phone-ending-value{color:var(--text-primary);font-family:var(--font-display);font-size:56px;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-display);line-height:60px}.phone-facts{gap:var(--space-4) var(--space-10);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;margin:0;display:flex}.phone-facts div{flex-direction:column;gap:2px;display:flex}.phone-facts dt{color:var(--text-tertiary);font-size:var(--text-xs);line-height:16px}.phone-facts dd{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);margin:0;line-height:20px}.phone-body{color:var(--text-primary);font-size:var(--text-base);line-height:20px}.phone-note{padding:14px var(--space-4);border-radius:var(--radius-m);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--text-sm);gap:10px;margin:0;line-height:18px;display:flex}.phone-note .icon{margin-top:1px}.phone-panel{gap:var(--space-4);padding:var(--space-6);width:420px}.phone-step{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);line-height:16px}.phone-code-form{gap:var(--space-4);flex-direction:column;display:flex}.phone-code-text{color:var(--text-primary);font-size:var(--text-base);line-height:20px}.phone-code-text strong{font-weight:var(--font-weight-semibold)}.phone-code{position:relative}.phone-code-input{opacity:0;cursor:text;border:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.phone-code-boxes{gap:var(--space-2);display:flex}.phone-code-box{border:1px solid var(--border-control);min-width:0;height:52px;color:var(--text-primary);font-family:var(--font-mono);font-size:22px;font-weight:var(--font-weight-semibold);border-radius:10px;flex:1;justify-content:center;align-items:center;line-height:28px;display:flex}.phone-code-box.is-filled{border:1.5px solid var(--text-primary)}.phone-code:focus-within .phone-code-box.is-next,.phone-code:focus-within .phone-code-box.is-filled:last-child{outline:3px solid var(--focus-ring);outline-offset:2px}.phone-warning{padding:10px var(--space-3);background:var(--danger-bg);color:var(--danger-text);font-size:var(--text-xs);border-radius:10px;margin:0;line-height:16px}.phone-start{justify-content:flex-start}.phone-reverify{max-width:640px}@media (max-width:1100px){.phone-panel{width:auto}}@media (max-width:599px){.phone-card,.phone-panel{padding:var(--space-5)}.phone-code-boxes{gap:6px}}