.ui-progress-ring{fill:none;stroke-width:3.5px;flex:0 0 40px;width:40px;height:40px;display:block}.ui-progress-outline{pointer-events:none;fill:none;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0}.ui-progress-track{stroke:#dce8fb}.ui-progress-stroke{stroke:#1670ff;transition:stroke-dashoffset .25s linear}@media (prefers-reduced-motion:reduce){.ui-progress-stroke{transition:none}}.share-page{border-top:4px solid var(--color-primary);background:#fff;gap:24px;width:min(500px,100%);padding:30px 24px;display:grid}.share-brand{color:var(--color-primary-deep);justify-content:space-between;gap:12px;font-weight:900;display:flex}.share-brand a{font-size:.85rem;font-weight:500}.share-page h1{margin:0;font-size:1.4rem}.share-code-panel{text-align:center;justify-items:center;gap:24px;display:grid}.share-code{font-variant-numeric:tabular-nums;color:#0d1427;min-height:66px;font-size:3.4rem;font-weight:900;line-height:1.2}.share-form{border-top:1px solid #e1e7ef;gap:16px;padding-top:20px;display:grid}.share-actions{flex-wrap:wrap;gap:12px;display:flex}.share-admin,.share-link-result{gap:14px;display:grid}.share-key-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.share-key-actions .ui-button{white-space:nowrap;border-radius:8px;gap:6px;padding:0 8px;font-size:.85rem}.share-note{color:#53657f;margin:0;font-size:.85rem}.share-page [role=alert]{color:#b91c1c}.owner-create-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.owner-create-actions>.ui-button{border-radius:8px;min-width:0;min-height:76px;padding:10px;font-size:.9rem}.owner-create-actions>.ui-button span:last-child{min-width:0}.owner-code-tile{color:#142440;cursor:pointer;background:#f7faff;border:0;border-radius:8px;align-content:center;justify-items:center;gap:5px;min-width:0;height:76px;padding:8px;display:grid;position:relative}.owner-code-tile:disabled{cursor:default}.owner-code-tile:focus-visible{outline-offset:3px;outline:2px solid #1262ed}.owner-code-tile:not(:disabled):hover{background:#eef5ff}.owner-code-digits{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.45rem;font-weight:800}.owner-code-caption{color:#53657f;font-size:.7rem;line-height:1.2}@media (width<=360px){.owner-code-digits{font-size:1.2rem}}.share-guest-page{border-radius:8px;gap:36px;padding:32px 26px;box-shadow:0 16px 48px #1e3f7412}.share-guest-page .share-code-panel{gap:0;width:100%}.share-guest-page h1{font-size:1.4rem;line-height:1.4}.share-copy-hint{color:#60738e;margin:10px 0 24px;font-size:.85rem;line-height:1.6}.share-guest-page .share-code{margin:0 0 28px;font-size:3.5rem;line-height:1.2}.share-countdown{color:#53657f;text-align:left;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:.85rem;line-height:1.5;display:flex}.share-countdown strong{color:#1565df;font-variant-numeric:tabular-nums}.share-guest-page .ui-button{border-radius:8px;min-height:50px}@media (width<=360px){.share-guest-page .share-code{font-size:3rem}.share-countdown{gap:10px;font-size:.8rem}}@media (width<=560px){.share-page{align-content:start;min-height:100svh;padding:36px 20px}}: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-code-error{color:#d92d20;text-align:center;margin-top:-8px;font-size:.86rem;font-weight:800}.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-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}}