:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#191919;background:#f7f6f3;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f6f3}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}.shell{min-height:100vh}.app-header{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7e5e1;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.app-brand{display:inline-flex;align-items:center;gap:12px;color:#191919;font-size:15px;font-weight:650;text-decoration:none}.mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d9d7d2;border-radius:8px;background:#fff;color:#191919;font-size:15px;font-weight:750;box-shadow:0 1px 2px #0f0f0f0a}.header-note{color:#78746f;font-size:13px}.header-account{display:inline-flex;align-items:center;gap:8px;color:#5e5a55;text-decoration:none}.header-account>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#2c2926;background:#e9e7e2;font-size:13px;font-weight:700}.header-account:hover{color:#191919}.content-panel{width:100%;min-height:calc(100vh - 64px);padding:72px clamp(24px,6vw,88px) 96px;display:grid;align-content:start;justify-items:center}.card{width:min(100%,520px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.card.compact{max-width:520px}.card h2{margin:0 0 14px;color:#111;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,56px);font-weight:600;line-height:1.04;letter-spacing:-.035em}.eyebrow{margin:0 0 12px;color:#77736e;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.muted{margin:0 0 32px;color:#5f5b57;font-size:15px;line-height:1.55}form{display:grid;gap:18px}label{display:grid;gap:8px;color:#262421;font-size:14px;font-weight:600}input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #d5d2cd;border-radius:6px;color:#191919;background:#fff;outline:none;transition:border-color .14s,box-shadow .14s}input::placeholder{color:#9d9993}input:focus{border-color:#2383e2;box-shadow:0 0 0 2px #2383e229}.code-input{text-align:center;letter-spacing:.22em;font-size:22px;font-weight:650}.primary,.secondary{min-height:48px;padding:11px 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;transition:background .14s,border-color .14s,transform .14s}.primary{color:#fff;background:#0075de}.primary:hover{background:#005bab}.secondary{color:#191919;border:1px solid #d7d4cf;background:#fff;box-shadow:0 1px 2px #0f0f0f0d}.secondary:hover{background:#f3f2ef}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.55}.passkey-button{width:100%;margin-top:26px}.passkey-icon{font-size:22px;line-height:0}.text-button{padding:10px 0;color:#216fb6;background:transparent;font-weight:600;text-align:left}.divider{display:flex;align-items:center;gap:12px;margin:26px 0;color:#9b9791;font-size:12px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e3e1dc}.notice{margin:18px 0 0;padding:12px 14px;border-radius:6px;font-size:13px;line-height:1.45}.notice.error{color:#7e2e2e;background:#fbe9e7}.notice.success{color:#24623f;background:#e8f4ec}.scope-list{margin:0 0 28px;padding:0;list-style:none;border-top:1px solid #e3e1dd}.scope-list li{padding:13px 0;border-bottom:1px solid #e3e1dd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.button-row{display:flex;justify-content:flex-end;gap:10px}.account-card{width:min(100%,920px)}.account-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding-bottom:28px;border-bottom:1px solid #e1dfda}.account-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:#191919;background:#e9e7e2;font-size:18px;font-weight:700}.account-identity{min-width:0}.account-identity h2{margin:2px 0 3px;font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.025em}.account-identity p{margin:0;overflow:hidden;color:#77736e;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-kicker{display:flex;gap:6px;align-items:center;color:#77736e;font-size:11px;font-weight:600}.status-pill{display:inline-flex;gap:7px;align-items:center;color:#5d5954;font-size:12px;white-space:nowrap}.status-pill span{width:7px;height:7px;border-radius:50%;background:#36a269}.section-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(260px,1.2fr);gap:28px;align-items:end;margin:44px 0 18px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:600;letter-spacing:-.025em}.section-heading>p{margin:0;color:#77736e;font-size:14px;line-height:1.5}.security-grid{border-top:1px solid #dfddd8}.security-item{min-height:92px;padding:16px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;border-bottom:1px solid #dfddd8}.security-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dedbd6;border-radius:7px;color:#4d4945;background:#fff}.security-icon svg{width:20px;height:20px;stroke-width:1.7}.security-copy{display:grid;gap:4px}.security-copy strong{color:#191919;font-size:15px}.security-copy span{color:#77736e;font-size:13px;line-height:1.4}.action-button{min-height:38px;padding:8px 13px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#191919;border:1px solid #d7d4cf;background:#fff;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #0f0f0f0a}.action-button:hover{background:#f1f0ed}.primary-action{color:#fff;border-color:#0075de;background:#0075de}.primary-action:hover{background:#005bab}.danger-action{color:#a53c35;border-color:#dfb8b3;background:#fdf1ef}.danger-action:hover{color:#8e2f29;background:#f9e4e1}.account-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:24px}.account-footer p{margin:0;display:flex;align-items:center;gap:8px;color:#8c8882;font-size:12px}.sign-out-button{min-height:36px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;color:#615d59;border-radius:6px;background:transparent;font-size:13px;font-weight:600}.sign-out-button:hover{background:#ebe9e5}.passkey-management-card{width:min(100%,1080px)}.page-back-link{width:fit-content;margin-bottom:54px;display:inline-flex;align-items:center;gap:9px;color:#77736e;font-size:14px;font-weight:500;text-decoration:none}.page-back-link:hover{color:#191919}.management-heading{display:block}.management-icon,.management-heading .eyebrow{display:none}.management-heading h2{max-width:760px;margin-bottom:20px;font-size:clamp(48px,6vw,66px)}.management-heading .muted{max-width:680px;margin-bottom:0;font-size:17px}.add-passkey-form{margin:58px 0 42px;padding:0 0 44px;border-bottom:1px solid #dfddd8}.field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.field-row .primary{min-width:170px}.management-section-header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.management-section-header h3{margin:0;color:#191919;font-size:20px;letter-spacing:-.02em}.management-section-header span{color:#77736e;font-size:13px}.passkey-list{border-top:1px solid #dfddd8}.passkey-row{min-height:104px;padding:18px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid #dfddd8}.passkey-row-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d8d5d0;border-radius:8px;color:#4b4743;background:#fff}.passkey-row-icon svg{width:21px;height:21px;stroke-width:1.7}.passkey-row-icon .passkey-brand-logo{width:22px;height:22px;stroke-width:initial}.passkey-brand-logo.onepassword{color:#0572ec}.passkey-brand-logo.apple{color:#111}.passkey-details{min-width:0;display:grid;gap:5px}.passkey-details strong{overflow:hidden;color:#191919;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.passkey-details>span{color:#5f5b57;font-size:13px;line-height:1.4}.rename-input{min-height:40px;padding:8px 10px}.passkey-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;display:grid;place-items:center;color:#4f4b47;border:1px solid #d8d5d0;border-radius:7px;background:#fff}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:#efeeeb}.icon-button.confirm{color:#fff;border-color:#0075de;background:#0075de}.icon-button.danger:hover{color:#a53c35;border-color:#dfb8b3;background:#fdf1ef}.empty-passkeys{min-height:170px;display:grid;place-items:center;align-content:center;gap:8px;border-top:1px solid #dfddd8;border-bottom:1px solid #dfddd8;color:#77736e;text-align:center}.empty-passkeys svg{width:28px;height:28px;color:#77736e}.empty-passkeys strong{color:#262421}.empty-passkeys span{font-size:13px}.management-note{margin:0;padding-top:30px;display:flex;align-items:center;gap:9px;color:#77736e;font-size:13px}.session-management-card{width:min(100%,1080px)}.session-heading h2{font-size:clamp(48px,6vw,66px)}.session-toolbar{min-height:64px;margin-top:44px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dfddd8}.session-toolbar>span{color:#77736e;font-size:13px}.session-list{border-bottom:1px solid #dfddd8}.session-row{min-height:112px;padding:18px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid #dfddd8}.session-row:last-child{border-bottom:0}.session-device-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d8d5d0;border-radius:8px;color:#4b4743;background:#fff}.session-device-icon svg{width:21px;height:21px;stroke-width:1.7}.session-details{min-width:0;display:grid;gap:5px}.session-details>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.session-details strong{color:#191919;font-size:16px}.session-details>span{overflow:hidden;color:#5f5b57;font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.session-details .session-lifetime{color:#8f8b85;font-size:12px}.current-session-pill{padding:3px 7px;border-radius:999px;color:#24623f;background:#e8f4ec;font-size:10px;font-weight:700}.otp-enrollment{display:grid;gap:26px}.setup-method-panel{min-height:300px;padding:28px;display:grid;grid-template-columns:1fr;align-items:center;gap:28px;border:1px solid #dedbd6;border-radius:10px;background:#ffffff85}.setup-method-panel p{max-width:480px;margin:0;color:#77736e;font-size:13px;line-height:1.5}.setup-qr-block{display:grid;justify-items:center;gap:16px;text-align:center}.setup-code-block{min-width:0;padding-top:28px;display:grid;justify-items:center;gap:16px;border-top:1px solid #dedbd6;text-align:center}.qr-code{display:block;width:220px;max-width:100%;padding:8px;border:1px solid #e0ddd8;border-radius:8px;background:#fff}.setup-code-row{width:min(100%,520px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-self:center;gap:10px}.setup-code-row code{min-height:52px;padding:14px 16px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;border:1px solid #d8d5d0;border-radius:7px;color:#191919;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.08em;text-align:center}.otp-verification-form{max-width:520px}.recovery-setup,.recovery-result{max-width:680px}.completion-icon{width:42px;height:42px;margin-bottom:18px;display:grid;place-items:center;border-radius:50%;color:#24623f;background:#e8f4ec}.completion-icon svg{width:21px;height:21px}.recovery-setup h3,.recovery-result h3{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:600;letter-spacing:-.025em}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;padding-left:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.recovery-actions{margin-top:24px;display:flex;gap:10px}.recovery-actions .secondary{min-width:132px}.recovery-actions svg{width:17px;height:17px}.done-button{width:100%;margin-top:28px;text-decoration:none}.danger-zone{padding:24px;border:1px solid #e2c4c0;border-radius:10px;background:#fff8f7}.destructive-button{background:#b5453e}.destructive-button:hover{background:#96372f}.back-link{display:inline-block;margin-top:26px;color:#216fb6;font-size:13px;font-weight:600;text-decoration:none}.factor-complete{margin:0;padding:11px 13px;border-radius:6px;color:#24623f;background:#e8f4ec;font-size:13px;font-weight:600}@media(max-width:760px){.app-header{height:58px;padding:0 18px}.header-note{display:none}.content-panel{min-height:calc(100vh - 58px);padding:44px 20px 72px}.card h2{font-size:42px}.account-header{grid-template-columns:auto minmax(0,1fr)}.status-pill{grid-column:1 / -1;justify-self:start}.section-heading{grid-template-columns:1fr;gap:10px;margin-top:36px}.security-item{grid-template-columns:auto minmax(0,1fr)}.action-button{grid-column:1 / -1;width:100%}.account-footer{align-items:flex-start;flex-direction:column}.sign-out-button{width:100%;justify-content:center}.page-back-link{margin-bottom:38px}.management-heading h2{font-size:46px}.management-heading .muted{font-size:15px}.add-passkey-form{margin-top:42px}.field-row{grid-template-columns:1fr}.field-row .primary{width:100%}.passkey-row{grid-template-columns:auto minmax(0,1fr)}.passkey-actions{grid-column:1 / -1;justify-content:flex-end}.session-toolbar{align-items:flex-start;flex-direction:column}.session-toolbar .action-button{width:100%}.session-row{grid-template-columns:auto minmax(0,1fr)}.session-row>.action-button{grid-column:1 / -1;width:100%}.session-details>span{white-space:normal}.setup-method-panel{min-height:270px;padding:22px 16px}.recovery-codes{grid-template-columns:1fr}.recovery-actions{flex-direction:column}.recovery-actions .secondary{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}