.tlb-totp__group{gap:var(--space-2);flex-direction:column;display:flex}.tlb-totp__group-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.tlb-totp__secret-row{gap:var(--space-2);flex-wrap:wrap;align-items:stretch;display:flex}.tlb-totp__secret-row .tlb-data-tool__input{flex:1;min-width:12rem}.tlb-totp__ghost-button{min-height:var(--min-touch-target);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-base) var(--ease-premium), color var(--duration-fast) var(--ease-premium);background:0 0}.tlb-totp__ghost-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.tlb-totp__ghost-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-totp__ghost-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.tlb-totp__result{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);flex-direction:column;display:flex}.tlb-totp__code-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.tlb-totp__code{font-family:var(--font-mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--color-text);margin:0;font-size:2rem}.tlb-totp__countdown{min-width:8rem;font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;gap:4px;display:flex}.tlb-totp__bar{background:var(--color-border);border-radius:999px;height:4px;overflow:hidden}.tlb-totp__bar-fill{background:var(--color-primary);height:100%;transition:width 1s linear}.tlb-totp__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.tlb-totp__meta strong{color:var(--color-text);font-family:var(--font-mono)}.tlb-totp__warning{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent);border-radius:var(--radius-md);background:var(--color-warning-tint);font-size:var(--text-xs);color:var(--color-warning);flex-direction:column;display:flex}.tlb-totp__warning p{margin:0}.tlb-totp__notes{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);flex-direction:column;display:flex}.tlb-totp__notes p{margin:0}@media (max-width:639px){.tlb-totp__secret-row{flex-direction:column}.tlb-totp__code{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.tlb-totp__bar-fill{transition:none}}