.hub-dialog{position:fixed;inset:0;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:30px;color:var(--text);background:var(--panel);border:1px solid #454545;border-radius:14px;box-shadow:0 24px 100px #0009;overflow-y:auto;overscroll-behavior:contain}.hub-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.hub-dialog .panel-title{padding-right:20px;margin-bottom:22px;align-items:flex-start}.hub-dialog .panel-title h2{font-size:1.25rem;line-height:1.4}.hub-dialog .panel-title p{line-height:1.6}.hub-dialog .field-help{margin:14px 0 20px}.legal-cookie-button{padding:0;font:inherit;line-height:inherit;color:#b5b5b5;background:transparent;border:0;cursor:pointer}.legal-cookie-button:hover{color:#f5f5f5;text-decoration:underline;text-underline-offset:4px}.legal-cookie-button:focus-visible{outline:2px solid #eee;outline-offset:4px;border-radius:2px}.cookie-banner{position:fixed;z-index:90;left:24px;right:24px;bottom:24px;display:flex;align-items:flex-start;gap:18px;max-width:1030px;margin:0 auto;padding:24px;background:#1b1b1b;border:1px solid #454545;border-radius:14px;box-shadow:0 16px 70px #0008}.cookie-banner-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:#282828;border:1px solid #414141;border-radius:11px}.cookie-banner-copy{flex:1;min-width:0}.cookie-banner h2{font-size:1rem;font-weight:650;margin-bottom:8px}.cookie-banner p{font-size:.8125rem;line-height:1.7;color:var(--muted)}.cookie-banner a,.cookie-dialog .field-help a{color:#e6e6e6;text-decoration:underline;text-underline-offset:3px}.cookie-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cookie-banner .cookie-actions{flex:0 0 265px}.cookie-banner .cookie-actions .button{flex:1;white-space:nowrap;font-size:.8125rem;padding:10px 14px}.cookie-banner .cookie-actions .button:last-child{flex-basis:100%}body:has(.cookie-banner){padding-bottom:220px}.cookie-category{border:1px solid var(--border);border-radius:10px;padding:18px;margin:16px 0}.cookie-category-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.cookie-category h3{font-size:.9375rem;font-weight:600}.cookie-category-heading>span{color:#bababa;font-size:.6875rem;white-space:nowrap}.cookie-always{display:inline-flex;align-items:center;gap:5px}.cookie-category ul{padding-left:18px;font-size:.8125rem;line-height:1.9;color:#d0d0d0;margin-bottom:10px}.cookie-category p{font-size:.75rem;line-height:1.7;color:var(--muted)}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:13px 0;border-top:1px solid var(--border);cursor:pointer}.cookie-option strong{display:block;color:#eee;font-size:.8125rem}.cookie-option small{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-top:4px}.cookie-option input{flex:0 0 38px;width:38px;height:22px;padding:0;margin:0;border:1px solid #505050;border-radius:20px;appearance:none;background:#292929;cursor:pointer}.cookie-option input:before{content:"";display:block;width:14px;height:14px;border-radius:50%;margin:3px;background:#aaa;transition:transform .15s ease}.cookie-option input:checked{background:#eee;border-color:#eee}.cookie-option input:checked:before{transform:translateX(16px);background:#222}.cookie-option input:focus-visible{outline:2px solid #ddd;outline-offset:3px}.cookie-dialog>.cookie-actions .button{flex:1 1 150px}.otp-field{margin:20px 0 14px}.otp-label{display:block;margin-bottom:10px;color:#ddd;font-size:.8125rem;font-weight:500}.otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;max-width:350px}.otp-inputs input{width:100%;height:55px;min-width:0;padding:0;text-align:center;color:#f5f5f5;font-size:1.45rem;font-weight:600;font-variant-numeric:tabular-nums;caret-color:#eee;background:#222;border:1px solid #4a4a4a;border-radius:8px}.otp-inputs input:focus{border-color:#eee;box-shadow:0 0 0 3px #ffffff12;outline:none}.otp-inputs input:disabled{opacity:.55}.mfa-alternative{display:inline-flex;align-items:center;gap:8px;padding:5px 0;margin:18px 0 10px;color:#ddd;background:transparent;border:0;font-size:.8125rem;cursor:pointer}.mfa-alternative:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.mfa-alternative:disabled{opacity:.5;cursor:default}.mfa-login-footer{padding-top:20px;margin-top:22px;border-top:1px solid var(--border)}.mfa-login-card .auth-card-heading strong{color:#e8e8e8;overflow-wrap:anywhere}.mfa-status{display:flex;gap:14px;align-items:center;padding:18px;margin:22px 0;background:#202020;border:1px solid var(--border);border-radius:10px}.mfa-status-icon{flex-shrink:0;display:grid;place-items:center;height:44px;width:44px;border-radius:10px;background:#2d2d2d;color:#dedede}.mfa-status>div{flex:1;min-width:0}.mfa-status strong{font-size:.875rem}.mfa-status p{color:var(--muted);font-size:.75rem;line-height:1.7;margin-top:4px}.mfa-status .badge{white-space:nowrap}.mfa-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.profile-mfa>.field-help{margin-top:18px}.mfa-qr{display:flex;justify-content:center;margin:22px 0}.mfa-qr img{width:240px;height:auto;max-width:100%;padding:8px;border-radius:10px;background:#fff}.mfa-manual{border:1px solid var(--border);padding:14px;border-radius:9px;font-size:.8125rem}.mfa-manual summary{color:#ddd;cursor:pointer}.mfa-manual p{color:var(--muted);font-size:.75rem;line-height:1.8;margin:14px 0}.mfa-secret{display:flex;align-items:center;justify-content:space-between;gap:8px}.mfa-secret code{font-size:.8125rem;color:#eee;overflow-wrap:anywhere}.mfa-explanation{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-bottom:20px}.mfa-backup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:20px 0}.mfa-backup-list li{padding:12px 8px;text-align:center;background:#242424;border:1px solid var(--border);border-radius:7px}.mfa-backup-list code{font-size:.8125rem;color:#e3e3e3;white-space:nowrap}.mfa-saved{display:flex;align-items:center;gap:10px;color:#ccc;font-size:.8125rem;line-height:1.6;margin:24px 0 18px;cursor:pointer}.mfa-saved input{appearance:auto;flex:0 0 17px;width:17px;height:17px;margin:0;padding:0;accent-color:#eee}@media (max-width:760px){.cookie-banner{left:12px;right:12px;bottom:12px;gap:12px;padding:18px;flex-wrap:wrap}.cookie-banner-icon{width:38px;height:38px}.cookie-banner .cookie-actions{flex-basis:100%}.cookie-banner .cookie-actions .button:last-child{flex-basis:auto}body:has(.cookie-banner){padding-bottom:300px}}@media (max-width:480px){.hub-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:26px 18px}.hub-dialog .panel-title h2{font-size:1.1rem}.cookie-category{padding:14px}.cookie-category-heading{align-items:flex-start;flex-direction:column;gap:6px}.cookie-banner-icon{display:none}.cookie-banner .cookie-actions .button:last-child{flex-basis:100%}.mfa-status{flex-wrap:wrap;padding:14px;gap:12px}.mfa-status>.badge{margin-left:56px}.mfa-backup-list{grid-template-columns:1fr}.mfa-actions .button{flex:1 1 200px}.otp-inputs{gap:6px}.otp-inputs input{height:48px;font-size:1.25rem}}