:root{--color-page-bg:#eef6ff;--color-primary:#1673ff;--color-primary-strong:#055de4;--color-primary-deep:#0b57d0;--color-primary-soft:#eaf4ff;--color-primary-soft-strong:#d9ecff;--color-primary-border:#8cc7ff;--color-primary-shadow:#1673ff3d;--color-primary-focus:#1673ff29;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--color-page-bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{place-items:center;min-height:100svh;padding:32px 16px;display:grid}.ui-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.ui-button:active{transform:translateY(1px)}.ui-button--full{width:100%}.ui-button--primary{box-shadow:0 12px 24px var(--color-primary-shadow);color:#fff;background:linear-gradient(135deg,#246bff 0%,#049dff 100%)}.ui-button--primary:hover{filter:brightness(.96)}.ui-button--secondary{color:#25324a;background:#fff;border-color:#dbe5ee}.ui-button--secondary:hover{border-color:#b9cad9}.ui-button--ghost{background:var(--color-primary-soft);color:var(--color-primary-deep)}.ui-button--ghost:hover{background:var(--color-primary-soft-strong)}.ui-button--danger{color:#e11d48;background:#fff1f2}.ui-button__icon{display:inline-flex}.ui-icon-button{color:#1e293b;background:#fff;border:1px solid #dbe5ee;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.ui-icon-button:hover{border-color:#b8cad9}.ui-icon-button--danger{color:#ef3340}.ui-field{gap:8px;display:grid}.ui-field__label-row{color:#25324a;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:800;display:flex}.ui-field__label-row span:last-child:not(:first-child){color:#6b7a90;font-weight:700}.ui-field__input{color:#0f172a;background:#fff;border:1px solid #d6e2ee;border-radius:12px;outline:none;width:100%;min-height:52px;padding:0 14px;transition:border-color .16s,box-shadow .16s}.ui-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-focus)}.ui-field__helper{color:#64748b;font-size:.82rem}.ui-modal{z-index:20;position:fixed;inset:0}.ui-modal__backdrop{background:#0f172a66;border:0;width:100%;position:absolute;inset:0}.ui-modal__panel{background:#fff;border-radius:18px;width:500px;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);padding:22px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0f172a3d}.ui-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ui-modal__header h2{margin:0;font-size:1.24rem;line-height:1.2}.ui-modal__header p{color:#64748b;margin:10px 0 0}.ui-modal__body{margin-top:22px}.ui-modal__footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.ui-toast-region{pointer-events:none;z-index:40;gap:10px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ui-toast{color:#fff;text-align:center;background:#101827;border-radius:999px;padding:10px 16px;font-weight:800;box-shadow:0 14px 34px #0f172a2e}.ui-toast--success{background:#047857}.ui-toast--danger{background:#be123c}@media (width<=560px){body{background:#fff}.app-shell{min-height:100svh;padding:0;display:block}.ui-modal__panel{border-radius:16px;padding:18px}.ui-modal__footer{flex-direction:column-reverse}.ui-modal__footer .ui-button{width:100%}}.otp-card{border:1px solid #d7e2ec;border-top:4px solid var(--color-primary);background:#fff;border-radius:24px;align-content:start;gap:22px;width:500px;max-width:calc(100vw - 32px);min-height:490px;padding:34px 26px 26px;display:grid;box-shadow:0 28px 80px #25324a21}.otp-card__brand{color:var(--color-primary-deep);letter-spacing:0;font-size:.95rem;font-weight:900}.otp-card__intro{gap:8px;margin-top:2px;display:grid}.otp-card h1{color:#091329;margin:0;font-size:1.45rem;line-height:1.2}.otp-card p{color:#53657f;margin:0}.otp-entry-form{gap:16px;display:grid}.otp-card__privacy{color:#8292aa;font-size:.78rem}.otp-card__top-actions{justify-content:space-between;align-items:center;margin-top:-46px;display:flex}.otp-token-chip{background:var(--color-primary-soft);color:var(--color-primary-deep);border-radius:999px;justify-self:start;align-items:center;gap:7px;min-height:32px;padding:0 12px;font-weight:900;display:inline-flex}.otp-token-chip span{background:linear-gradient(135deg,#246bff 0%,#049dff 100%);border-radius:50%;width:7px;height:7px}.otp-code-panel{justify-items:center;gap:18px;display:grid}.otp-code-panel h1{text-align:center;justify-self:center}.otp-code{color:#0d1427;text-align:center;min-height:72px;font-size:clamp(3.4rem,9vw,4.2rem);font-weight:900;line-height:1}.otp-secret-mask{font-size:.9rem}.otp-inline-actions{color:#9aa8ba;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.otp-inline-actions button{color:var(--color-primary-deep);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:900;display:inline-flex}.otp-countdown{align-items:center;gap:14px;display:flex}.otp-countdown__ring{--progress:1;background:conic-gradient(var(--color-primary) calc(var(--progress) * 360deg), #dfeeff 0), #dfeeff;border-radius:50%;width:40px;height:40px;display:inline-flex;position:relative}.otp-countdown__ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.otp-copy-hint{margin-top:-8px;font-size:.86rem}.otp-dialog-form{gap:16px;display:grid}.otp-saved-dialog__toolbar{color:#64748b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.otp-account-list{gap:10px;display:grid}.otp-account-row{color:#1e293b;text-align:left;background:#fff;border:1px solid #dbe5ee;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 14px;display:grid}.otp-account-row.is-active{border-color:var(--color-primary-border);background:#eef7ff}.otp-account-row__radio{border:2px solid #b8c7d7;border-radius:50%;width:18px;height:18px;position:relative}.otp-account-row.is-active .otp-account-row__radio{border-color:var(--color-primary)}.otp-account-row.is-active .otp-account-row__radio:after{background:var(--color-primary);content:"";border-radius:50%;position:absolute;inset:4px}.otp-account-row__content{gap:2px;min-width:0;display:grid}.otp-account-row__content strong,.otp-manage-row strong{overflow-wrap:anywhere}.otp-account-row__content small,.otp-manage-row small{color:#64748b}.otp-account-row__badge{border:1px solid var(--color-primary-border);color:var(--color-primary-deep);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:900}.otp-manage-link{color:var(--color-primary-deep);background:0 0;border:0;margin:22px auto 0;padding:0;font-weight:900;display:block}.otp-manage-list{gap:10px;margin-bottom:16px;display:grid}.otp-manage-row{border:1px solid #dbe5ee;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:68px;padding:12px 14px;display:grid}.otp-manage-row div:first-child{gap:4px;min-width:0;display:grid}.otp-manage-row__actions{gap:8px;display:flex}@media (width<=560px){.otp-card{box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0;gap:24px;width:100%;max-width:none;min-height:100svh;padding:36px 20px 28px}.otp-card__top-actions{margin-top:-42px}.otp-card h1{font-size:1.42rem}.otp-code{font-size:clamp(3.2rem,15vw,3.9rem)}.otp-account-row{grid-template-columns:auto 1fr}.otp-account-row__badge{grid-column:2;justify-self:start}.otp-saved-dialog__toolbar{flex-direction:column;align-items:stretch}.otp-manage-row{grid-template-columns:1fr;align-items:stretch}.otp-manage-row__actions{justify-content:flex-end}}