.totp-template .template-minimal__wrap{max-width:44rem}.totp{max-width:44rem;padding:var(--base) 0;margin:0 auto}.totp__panel{gap:calc(var(--base)*.75);flex-direction:column;display:flex}.totp__title{margin:0;font-size:1.6rem;line-height:1.3}.totp__desc,.totp__hint,.totp__notice,.totp__error{margin:0;line-height:1.6}.totp__hint{color:var(--theme-elevation-600);font-size:.9rem}.totp__notice{padding:calc(var(--base)*.5) calc(var(--base)*.75);border-left:3px solid var(--theme-warning-500);background:var(--theme-warning-50);color:var(--theme-warning-900)}.totp__error{padding:calc(var(--base)*.5) calc(var(--base)*.75);border-left:3px solid var(--theme-error-500);background:var(--theme-error-50);color:var(--theme-error-900)}.totp__steps{margin:0;padding-left:1.4em;line-height:1.8}.totp__tabs{border-bottom:1px solid var(--theme-elevation-150);gap:0;display:flex}.totp__tabs button{appearance:none;padding:calc(var(--base)*.4) calc(var(--base)*.75);color:var(--theme-elevation-600);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.totp__tabs button.is-active{color:var(--theme-text);border-bottom-color:var(--theme-text)}.totp__field{gap:calc(var(--base)*.3);flex-direction:column;display:flex}.totp__field>span{color:var(--theme-elevation-700);font-size:.9rem}.totp__input{box-sizing:border-box;width:100%;padding:calc(var(--base)*.45) calc(var(--base)*.6);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);color:var(--theme-text);font:inherit}.totp__input:focus{border-color:var(--theme-elevation-400);box-shadow:0 0 0 2px var(--theme-elevation-100);outline:none}.totp__input--code{letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center;max-width:14rem;font-size:1.6rem}.totp__actions{gap:calc(var(--base)*.5);flex-wrap:wrap;align-items:center;display:flex}.totp__actions .btn{margin:0}.totp__scan{gap:var(--base);grid-template-columns:minmax(12rem,16rem) 1fr;align-items:start;display:grid}@media (max-width:640px){.totp__scan{grid-template-columns:1fr}}.totp__qr{border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:#fff;width:100%;max-width:16rem;height:auto}.totp__manual dl{gap:calc(var(--base)*.3) calc(var(--base)*.75);grid-template-columns:auto 1fr;margin:0;font-size:.9rem;display:grid}.totp__manual dt{color:var(--theme-elevation-600)}.totp__manual dd{align-items:center;gap:calc(var(--base)*.4);word-break:break-all;flex-wrap:wrap;margin:0;display:flex}.totp__secret,.totp__uri code,.totp__codes code{font-family:var(--font-mono);font-size:.95rem}.totp__uri{margin-top:calc(var(--base)*.5);font-size:.85rem}.totp__uri summary{cursor:pointer;color:var(--theme-elevation-600)}.totp__uri code{margin:calc(var(--base)*.3) 0;word-break:break-all;display:block}.totp__codes{padding:calc(var(--base)*.75);gap:calc(var(--base)*.3) var(--base);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-elevation-50);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.totp__codes code{letter-spacing:.05em;font-size:1.05rem}.totp__check{align-items:center;gap:calc(var(--base)*.4);cursor:pointer;display:flex}.totp__check input{width:1.1rem;height:1.1rem}.totp-nav{padding-top:calc(var(--base)*.5)}.totp-nav__link{align-items:center;gap:calc(var(--base)*.5);display:flex}.totp-nav__badge{border:1px solid var(--theme-elevation-200);color:var(--theme-elevation-600);background:var(--theme-elevation-50);border-radius:999px;padding:0 .5em;font-size:.72rem;line-height:1.6;display:inline-block}.totp-nav__badge--on{border-color:var(--theme-success-400);color:var(--theme-success-700);background:var(--theme-success-50)}.totp-account{margin-bottom:var(--base);padding:calc(var(--base)*.75);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-elevation-0)}.totp-account__header{align-items:center;gap:calc(var(--base)*.5);margin-bottom:calc(var(--base)*.4);display:flex}.totp-account__label{font-weight:600}.totp-account__body{gap:calc(var(--base)*.5);flex-direction:column;align-items:flex-start;display:flex}.totp-account__body p{margin:0;line-height:1.6}.totp-account__body .btn{margin:0}.totp-account__form{gap:calc(var(--base)*.5);flex-direction:column;width:100%;max-width:24rem;display:flex}.totp-account__muted{color:var(--theme-elevation-600)}