.security-gate{background:var(--bg,#0b0d13);min-height:100dvh;color:var(--text,#eeedf5);isolation:isolate;place-items:center;padding:50px 22px;display:grid;position:relative}.security-ambient{z-index:-1;background:radial-gradient(at 25% 15%,#b69bff13,#0000 50%),radial-gradient(at 85% 80%,#8bd2bc0b,#0000 45%);position:fixed;inset:0}.security-card{border:1px solid var(--border,#242938);background:var(--panel,#11141d);border-radius:15px;width:min(560px,100%);padding:38px;box-shadow:0 30px 100px #0003}.security-brand{letter-spacing:.16em;color:var(--accent,#b69bff);align-items:center;gap:11px;margin-bottom:35px;font-size:11px;display:flex}.security-brand b{color:var(--muted,#969aae);margin-left:5px;font-weight:400}.security-symbol{border:1px solid var(--border,#242938);background:var(--purple-soft,#b59afd16);width:58px;height:58px;color:var(--accent,#b69bff);border-radius:15px;place-items:center;margin-bottom:20px;display:grid}.security-card h1,.security-settings h1{letter-spacing:-.03em;margin:12px 0;font-size:27px;font-weight:500}.security-intro{color:var(--muted,#969aae);margin:0 0 23px;font-size:12px;line-height:1.85}.security-card .eyebrow{overflow-wrap:anywhere;font-size:10px}.security-form{flex-direction:column;gap:19px;margin:18px 0;display:flex}.security-form>label{flex-direction:column;gap:10px;display:flex}.security-form label>span{color:var(--muted,#969aae);font-size:11px;line-height:1.6}.security-form input{border:1px solid var(--border,#242938);background:var(--bg,#0b0d13);width:100%;height:52px;color:var(--text,#eeedf5);font:inherit;letter-spacing:.08em;border-radius:7px;padding:12px 14px;font-size:19px}.security-form input:focus{outline:2px solid var(--accent,#b69bff);outline-offset:3px}.security-form .button{align-self:flex-start}.security-error{color:var(--red,#f39eac);overflow-wrap:anywhere;background:#f39eac08;border:1px solid #f39eac55;border-radius:7px;padding:12px 14px;font-size:11px;line-height:1.8}.security-link{color:var(--accent,#b69bff);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:17px;padding:0;font-size:11px;display:block}.security-switch{color:var(--muted,#969aae);text-underline-offset:4px;margin-top:21px;font-size:10px;text-decoration:underline;display:block}.security-footer{border-top:1px solid var(--border,#242938);color:var(--subtle,#737b90);align-items:center;gap:7px;margin-top:28px;padding-top:20px;font-size:9px;line-height:1.6;display:flex}.security-footer svg{flex-shrink:0}.security-steps{color:var(--muted,#969aae);margin:0 0 25px;padding-left:20px;font-size:12px;line-height:1.9}.security-steps li{margin-bottom:8px;padding-left:7px}.security-setup{border:1px solid var(--border,#242938);background:var(--bg,#0b0d13);border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;padding:19px;display:flex}.security-setup>span{color:var(--muted,#969aae);overflow-wrap:anywhere;font-size:9px;line-height:1.6}.security-setup label{color:var(--muted,#969aae);font-size:10px}.security-setup code{color:var(--text,#eeedf5);word-break:break-all;-webkit-user-select:all;user-select:all;margin-top:7px;font-size:15px;line-height:1.9;display:block}.security-setup small{color:var(--subtle,#737b90);font-size:9px;line-height:1.7}.security-recovery-help{border-top:1px solid var(--border,#242938);margin-top:25px;padding-top:18px}.security-recovery-help summary{color:var(--muted,#969aae);cursor:pointer;font-size:11px}.security-recovery-help p{color:var(--muted,#969aae);font-size:10px;line-height:1.85}.security-recovery-help a{color:var(--accent,#b69bff);font-size:10px}.security-code-grid{grid-template-columns:1fr;gap:7px;margin:22px 0;display:grid}.security-code-grid code{background:var(--bg,#0b0d13);border:1px solid var(--border,#242938);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:5px;padding:10px 11px;font-size:11px;line-height:1.6}.security-code-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.security-confirm-saved{color:var(--muted,#969aae);align-items:flex-start;gap:10px;margin:24px 0;font-size:11px;line-height:1.7;display:flex}.security-confirm-saved input{width:15px;height:15px;accent-color:var(--accent,#b69bff);flex-shrink:0;margin-top:2px}.security-loading{color:var(--accent,#b69bff);text-align:center;flex-direction:column;align-items:center;padding:25px 0;display:flex}.security-loading p{color:var(--muted,#969aae);font-size:11px}.security-settings{max-width:720px}.security-account-row{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:24px;display:flex}.security-account-row>.security-symbol{border-radius:11px;width:46px;height:46px;margin:0}.security-account-row strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.security-account-row p{color:var(--muted,#969aae);margin:6px 0 0;font-size:10px}.security-account-row>.badge{margin-left:auto}.security-setting-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px;display:grid}.security-setting-grid>div{border:1px solid var(--border,#242938);background:var(--bg,#0b0d13);border-radius:8px;padding:18px}.security-setting-grid svg{color:var(--accent,#b69bff);margin-bottom:12px}.security-setting-grid strong{font-size:11px;font-weight:500;display:block}.security-setting-grid p,.security-session-row>p{color:var(--muted,#969aae);margin:9px 0 0;font-size:10px;line-height:1.8}.security-session-row{border-top:1px solid var(--border,#242938);margin-top:24px;padding-top:23px}.security-session-row>p{margin:0 0 15px}.security-settings .security-recovery-codes{max-width:520px}.security-settings>.button{margin-top:20px}@media (max-width:600px){.security-gate{padding:22px 14px}.security-card{border-radius:10px;padding:27px 21px}.security-card h1,.security-settings h1{font-size:24px}.security-form input{font-size:16px}.security-code-grid code{padding:10px 8px;font-size:10px}.security-setting-grid{grid-template-columns:1fr}.security-account-row>.badge{margin-left:0}.security-form .button{min-height:42px}.security-setup code{font-size:14px}}.security-shell{border:1px solid var(--border,#242938);background:var(--panel,#11141d);border-radius:17px;grid-template-columns:minmax(0,1fr) minmax(380px,.98fr);width:min(1020px,100%);display:grid;overflow:hidden;box-shadow:0 30px 120px #0005}.security-shell>.security-card{width:auto;box-shadow:none;border:0;border-radius:0;min-width:0;padding:46px 40px}.security-story{isolation:isolate;border-right:1px solid var(--border,#242938);background:linear-gradient(#141020e8 0%,#161321bb 45%,#17101ff7 100%),url(/assets/liminal-hall.jpg) 50%/cover;flex-direction:column;justify-content:space-between;min-height:660px;padding:37px 36px 30px;display:flex;position:relative;overflow:hidden}.security-story:after{content:"";z-index:-1;background:radial-gradient(at 45% 20%,#b69bff27,#0000 66%);position:absolute;inset:0}.security-story .security-brand{color:#d8c7ff;margin-bottom:70px}.security-brand>img{object-fit:contain;width:38px;height:38px}.security-brand span{font-size:11px;font-weight:550;line-height:1.8}.security-brand b{letter-spacing:3px;color:#b6a4c9;margin:0;font-size:9px;display:block}.security-story-copy{margin:auto 0;padding-bottom:70px;position:relative}.security-story-copy .eyebrow{letter-spacing:2px;color:#bc9fe7;font-size:8px}.security-story-copy h2{letter-spacing:-1.5px;color:#f2eafb;margin:20px 0;font-size:42px;font-weight:450;line-height:1.28}.security-story-copy h2>span{color:#c7aff1}.security-story-copy p{color:#b5a5c3;max-width:275px;font-size:12px;line-height:1.9}.security-story-footer{border-top:1px solid #79629036;align-items:center;gap:13px;padding-top:22px;display:flex}.security-orbit{background:#c5a9ea09;border:1px solid #bba0dd2a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.security-orbit img{opacity:.7;width:24px;height:24px}.security-story-footer>div{flex-direction:column;gap:5px;display:flex}.security-story-footer strong{letter-spacing:2px;color:#cbb7e1;font-size:9px;font-weight:500}.security-story-footer>div>span{color:#9d8bb0;font-size:9px}.security-mobile-brand{display:none}.security-card .security-form input,.security-settings .security-form input{letter-spacing:0;height:46px;min-height:46px;font-size:14px}.security-card .security-form .security-code-input{letter-spacing:.25em;font-size:22px}.security-password-input{position:relative}.security-password-input input{padding-right:46px!important}.security-password-input>.icon-button{position:absolute;top:8px;right:9px}.security-auth-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.security-auth-links .security-link{margin-top:7px}.security-link>svg{vertical-align:middle;margin-right:5px;display:inline}.security-card .security-form>.button{width:100%;min-height:43px}.security-field-hint{color:var(--subtle,#737b90);margin:0;font-size:10px;line-height:1.9;display:block}.security-message{border:1px solid var(--border,#242938);background:var(--purple-soft,#b59afd16);color:var(--muted,#969aae);overflow-wrap:anywhere;border-radius:7px;padding:12px 14px;font-size:11px;line-height:1.9}.security-success{background:color-mix(in srgb,var(--cyan,#8bd2bc) 6%,var(--panel,#11141d));border:1px solid color-mix(in srgb,var(--cyan,#8bd2bc) 25%,var(--border,#242938));color:var(--cyan,#8bd2bc);overflow-wrap:anywhere;border-radius:7px;align-items:flex-start;gap:8px;padding:13px 14px;font-size:11px;line-height:1.8;display:flex}.security-success>svg{flex-shrink:0;margin-top:2px}.security-form select{border:1px solid var(--border,#242938);background:var(--bg,#0b0d13);width:100%;min-width:0;height:46px;color:var(--text,#eeedf5);border-radius:7px;padding:9px 12px;font-size:13px}.security-question{border:1px solid var(--border,#242938);background:var(--bg,#0b0d13);border-radius:8px;flex-direction:column;gap:15px;min-width:0;margin:0;padding:15px 16px 17px;display:flex}.security-question legend{color:var(--accent,#b69bff);padding:0 7px;font-size:10px}.security-question>label{flex-direction:column;gap:9px;display:flex}.security-question>label>span{font-size:10px}.security-settings-block{border-top:1px solid var(--border,#242938);margin-top:24px;padding-top:24px}.security-settings-block h3,.security-session-row h3{margin:0 0 8px;font-size:13px;font-weight:500}.security-settings-block p{color:var(--muted,#969aae);margin:0 0 16px;font-size:11px;line-height:1.9}.security-factor-list{flex-direction:column;gap:8px;margin:15px 0;padding:0;list-style:none;display:flex}.security-factor-list li{background:var(--bg,#0b0d13);border:1px solid var(--border,#242938);border-radius:6px;align-items:center;gap:8px;padding:12px 13px;font-size:11px;display:flex}.security-factor-list li>svg{color:var(--muted,#969aae);flex-shrink:0}.security-factor-list li>.badge{margin-left:auto;font-size:8px}.security-saved-questions{color:var(--muted,#969aae);margin:16px 0;padding-left:22px;font-size:11px;line-height:1.9}.security-saved-questions li{overflow-wrap:anywhere;margin:6px 0;padding-left:4px}.security-config-notice{border:1px solid var(--border,#242938);background:var(--purple-soft,#b59afd16);border-radius:8px;margin:15px 0 20px;padding:19px}.security-config-notice>div{color:var(--accent,#b69bff);align-items:flex-start;gap:10px;display:flex}.security-config-notice h3{margin:0;font-size:13px;font-weight:500;line-height:1.7}.security-config-notice>div>svg{flex-shrink:0;margin-top:1px}.security-config-notice p{color:var(--muted,#969aae);margin:13px 0;font-size:11px;line-height:1.9}.security-config-notice>span{color:var(--subtle,#737b90);font-size:10px;line-height:1.8}.security-connection-note{z-index:100;border:1px solid var(--border,#242938);background:var(--panel,#11141d);width:max-content;max-width:calc(100vw - 28px);color:var(--muted,#969aae);border-radius:8px;align-items:center;gap:13px;padding:12px 16px;font-size:11px;line-height:1.7;display:flex;position:fixed;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0004}.security-connection-note>button{color:var(--accent,#b69bff);white-space:nowrap;font:inherit;background:0 0;border:0;font-size:11px}.security-gate button:disabled,.security-settings button:disabled{cursor:not-allowed}:is(.security-gate button:focus-visible,.security-settings button:focus-visible,.security-gate summary:focus-visible,.security-settings summary:focus-visible){outline:2px solid var(--accent,#b69bff);outline-offset:4px}.security-settings .security-form{max-width:none}.security-settings .security-setup{max-width:540px}.security-settings .security-setup+.security-form{max-width:500px}.security-settings .security-error>.security-link{margin:8px 0 0}.security-switch{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}@media (max-width:850px){.security-shell{grid-template-columns:minmax(0,.82fr) minmax(360px,1fr)}.security-shell>.security-card{padding:34px 28px}.security-story{min-height:620px;padding:30px 25px}.security-story-copy h2{font-size:34px}.security-story-copy p{font-size:11px}.security-story .security-brand{gap:9px}.security-brand span{font-size:9px}.security-brand>img{width:31px;height:31px}}@media (max-width:650px){.security-shell{border-radius:12px;grid-template-columns:1fr;width:min(490px,100%)}.security-story{display:none}.security-shell>.security-card{padding:27px 23px}.security-mobile-brand{letter-spacing:1.8px;color:var(--accent,#b69bff);align-items:center;gap:10px;margin-bottom:31px;font-size:9px;display:flex}.security-mobile-brand>img{width:30px;height:30px}.security-card .security-form input,.security-settings .security-form input,.security-form select{height:48px;font-size:16px}.security-password-input>.icon-button{top:9px}.security-gate{padding:20px 13px}.security-card h1{font-size:25px}.security-auth-links{gap:15px}.security-auth-links .security-link{font-size:10px}.security-connection-note{gap:8px;padding:11px 13px;font-size:10px}.security-question{padding:13px}.security-settings-block p{font-size:11px}.security-session-row .security-code-actions{flex-direction:column;align-items:flex-start}.security-session-row .button{min-height:42px}.security-config-notice{padding:16px}.security-config-notice h3{font-size:12px}}
