.totp-page{max-width:760px}.totp-page .page-header{margin-bottom:20px}.totp{gap:10px;padding:20px;display:grid}.totp-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.totp-label{color:var(--white);font-weight:600}.totp-clear{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:inline-flex}.totp-clear:hover{background:rgba(var(--fg-rgb), .07);color:var(--white)}.totp-input{border:1px solid var(--border-strong);background:var(--surface-solid);width:100%;min-height:60px;color:var(--white);resize:vertical;border-radius:12px;padding:12px 14px;font:15px/1.6 ui-monospace,Cascadia Mono,Consolas,monospace;display:block}.totp-input::placeholder{color:var(--subtle)}.totp-input:focus{border-color:var(--blue);outline:none}.totp-hint,.totp-note{color:var(--subtle);margin:0;font-size:12px;line-height:1.6}.totp-list{gap:10px;margin:4px 0 2px;padding:0;list-style:none;display:grid}.totp-row{border:1px solid var(--border);background:rgba(var(--fg-rgb), .02);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:14px 16px;display:grid}.totp-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:12px;overflow:hidden}.totp-code{color:var(--white);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(34px,8vw,44px);font-weight:700;line-height:1.15}.totp-row[data-low] .totp-code{color:var(--yellow)}.totp-copy{min-width:118px}.totp-timer{grid-column:1/-1;gap:6px;margin-top:6px;display:grid}.totp-bar{background:rgba(var(--fg-rgb), .08);border-radius:999px;height:4px;display:block;overflow:hidden}.totp-bar>span{border-radius:inherit;background:var(--blue);height:100%;transition:width .5s linear;display:block}.totp-row[data-low] .totp-bar>span{background:var(--yellow)}.totp-timer small{color:var(--muted);font-size:12px}.totp-row-error{color:var(--yellow);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:14px;line-height:1.6}.totp-row-error svg{margin-top:3px}.totp-guide .guide-section:first-child h2{margin-top:36px}@media (max-width:480px){.totp{padding:16px}.totp-row{padding:12px 14px}.totp-copy{min-width:0;padding:0 14px}}:root[data-theme=light] .totp-input,:root[data-theme=light] .totp-row{background:var(--well)}