.account-dashboard.svelte-x1i5gj{--account-line: rgba(151, 178, 205, .15);--account-muted: #91a3b8;position:relative;min-height:100vh;padding:112px 24px 64px;background:#06111c;color:#e9f0f7;font-size:15px;line-height:1.5}.account-background.svelte-x1i5gj{position:absolute;inset:0;overflow:hidden;pointer-events:none}.account-background.svelte-x1i5gj>div:where(.svelte-x1i5gj){position:absolute;inset:0}.account-background-image.svelte-x1i5gj{background:url(../../../images/landing/background.png) center top / cover;opacity:.45}.account-background-shade.svelte-x1i5gj{background:#03101aad}.account-background-light.svelte-x1i5gj{background:radial-gradient(circle at 70% 15%,rgba(89,177,255,.22),transparent 32%)}.account-container.svelte-x1i5gj{position:relative;max-width:1280px;margin:0 auto}.account-panel.svelte-x1i5gj{min-width:0;border:1px solid var(--account-line);border-radius:12px;background:#0d1927eb;box-shadow:0 2px 3px #0000000f}.account-loading.svelte-x1i5gj{padding:48px 24px;text-align:center;color:var(--account-muted)}.account-overview.svelte-x1i5gj{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:20px}.account-summary.svelte-x1i5gj,.account-tools.svelte-x1i5gj{padding:28px}.account-welcome.svelte-x1i5gj{display:flex;align-items:center;gap:18px}.account-avatar.svelte-x1i5gj{display:flex;flex:0 0 64px;width:64px;height:64px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--account-line);border-radius:10px;background:#1b344d;color:#bfddf8;font-size:28px;font-weight:700}.account-avatar.svelte-x1i5gj img:where(.svelte-x1i5gj){width:100%;height:100%;object-fit:cover}.account-welcome-text.svelte-x1i5gj{min-width:0}.account-eyebrow.svelte-x1i5gj{color:#96b8d7;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.account-welcome.svelte-x1i5gj h1:where(.svelte-x1i5gj){margin-top:4px;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.028em;overflow-wrap:anywhere}.account-description.svelte-x1i5gj{margin-top:6px;color:var(--account-muted);font-size:14px}.account-rank-strip.svelte-x1i5gj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;padding:18px 0;border-top:1px solid var(--account-line);border-bottom:1px solid var(--account-line)}.account-rank-strip.svelte-x1i5gj>div:where(.svelte-x1i5gj){min-width:0;padding:0 18px;border-left:1px solid var(--account-line)}.account-rank-strip.svelte-x1i5gj>div:where(.svelte-x1i5gj):first-child{padding-left:0;border-left:0}.account-rank-strip.svelte-x1i5gj>div:where(.svelte-x1i5gj):last-child{padding-right:0}.account-rank-strip.svelte-x1i5gj dt:where(.svelte-x1i5gj){color:#8fa7bf;font-size:11px}.account-rank-strip.svelte-x1i5gj dd:where(.svelte-x1i5gj){margin-top:5px;font-size:15px;font-weight:600;overflow-wrap:anywhere}.account-details.svelte-x1i5gj{margin-top:6px}.account-details.svelte-x1i5gj>div:where(.svelte-x1i5gj){display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:start;padding:13px 0;border-bottom:1px solid var(--account-line);font-size:13px}.account-details.svelte-x1i5gj>div:where(.svelte-x1i5gj):last-child{padding-bottom:0;border-bottom:0}.account-details.svelte-x1i5gj dt:where(.svelte-x1i5gj),.account-connection-details.svelte-x1i5gj dt:where(.svelte-x1i5gj){color:var(--account-muted)}.account-details.svelte-x1i5gj dd:where(.svelte-x1i5gj){min-width:0;text-align:right;font-weight:500;overflow-wrap:anywhere}.account-status.svelte-x1i5gj{display:inline-flex;align-items:center;gap:6px;color:var(--account-muted);font-size:12px;font-weight:500;white-space:nowrap}.account-status.svelte-x1i5gj:before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.account-status.connected.svelte-x1i5gj{color:#8ed9bb}.account-tools.svelte-x1i5gj{display:flex;flex-direction:column}.account-tools.svelte-x1i5gj h2:where(.svelte-x1i5gj){font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.015em}.account-tool-list.svelte-x1i5gj{display:grid;gap:6px;margin-top:18px}.account-tool.svelte-x1i5gj{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid transparent;border-radius:8px;color:#b7cde2;font-size:14px;font-weight:600;line-height:1.4;text-align:left;transition:background .15s,color .15s}.account-tool.svelte-x1i5gj>span:where(.svelte-x1i5gj){flex:1;min-width:0;overflow-wrap:anywhere}.account-tool.svelte-x1i5gj svg{flex-shrink:0;color:#819fb9}.account-tool.svelte-x1i5gj:hover{background:#162c41;color:#edf6ff}.account-tool-primary.svelte-x1i5gj{background:#19374f;border-color:#7fbdef24;color:#cce6ff}.account-tool-primary.svelte-x1i5gj svg{color:#a4d2fa}.account-tool-primary.svelte-x1i5gj:hover{background:#224763}.account-session.svelte-x1i5gj{margin-top:auto;padding-top:16px}.account-session.svelte-x1i5gj a:where(.svelte-x1i5gj){display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:8px 12px;color:#db9ba3;font-size:13px;border-radius:6px}.account-session.svelte-x1i5gj a:where(.svelte-x1i5gj):hover{background:#dc647010;color:#ffbbc2}.account-connections.svelte-x1i5gj{margin-top:30px;scroll-margin-top:88px}.account-section-heading.svelte-x1i5gj{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:14px}.account-section-heading.svelte-x1i5gj h2:where(.svelte-x1i5gj){font-size:19px;font-weight:650}.account-section-heading.svelte-x1i5gj p:where(.svelte-x1i5gj){color:var(--account-muted);font-size:13px}.account-connection-grid.svelte-x1i5gj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-connection.svelte-x1i5gj{display:flex;flex-direction:column;padding:24px}.account-connection-header.svelte-x1i5gj{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px}.account-service-icon.svelte-x1i5gj{display:flex;width:44px;height:44px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--account-line);border-radius:9px;background:#152537}.account-service-icon.svelte-x1i5gj img:where(.svelte-x1i5gj){width:26px;height:26px;object-fit:contain}.account-service-icon.svelte-x1i5gj .account-service-avatar:where(.svelte-x1i5gj){width:100%;height:100%;object-fit:cover}.discord-icon.svelte-x1i5gj{border-color:#5865f233}.account-service-name.svelte-x1i5gj{min-width:0}.account-service-name.svelte-x1i5gj p:where(.svelte-x1i5gj){color:#8fa7bf;font-size:11px}.account-service-name.svelte-x1i5gj .discord-label:where(.svelte-x1i5gj){color:#a1aaff}.account-service-name.svelte-x1i5gj h3:where(.svelte-x1i5gj){margin-top:2px;font-size:18px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.account-connection-details.svelte-x1i5gj{margin-top:22px;margin-bottom:18px}.account-connection-details.svelte-x1i5gj>div:where(.svelte-x1i5gj){display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:baseline;font-size:12px}.account-connection-details.svelte-x1i5gj dd:where(.svelte-x1i5gj){min-width:0;color:#c5d5e5;font-family:ui-monospace,monospace;text-align:right;overflow-wrap:anywhere}.account-connection-description.svelte-x1i5gj{margin:20px 0;color:var(--account-muted);font-size:13px;line-height:1.65}.account-connection-footer.svelte-x1i5gj{display:flex;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--account-line)}.account-unlink.svelte-x1i5gj{min-height:36px;padding:8px 0;color:#d49aa2;font-size:12px;font-weight:600}.account-unlink.svelte-x1i5gj:hover{color:#ffc1c8}.account-connect.svelte-x1i5gj{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:9px 12px;border:1px solid #7fbdef24;border-radius:7px;background:#19374f;color:#cce6ff;font-size:13px;font-weight:600}.account-connect.svelte-x1i5gj:hover{background:#224763}.account-dashboard.svelte-x1i5gj :where(.svelte-x1i5gj):is(a:where(.svelte-x1i5gj),button:where(.svelte-x1i5gj),input:where(.svelte-x1i5gj)):focus-visible{outline:2px solid #8fcaff;outline-offset:3px}.account-dashboard.svelte-x1i5gj button:where(.svelte-x1i5gj):not(:disabled){cursor:pointer}.account-dashboard.svelte-x1i5gj button:where(.svelte-x1i5gj):disabled{cursor:not-allowed;opacity:.65}.account-modal.svelte-x1i5gj{width:calc(100% - 32px);max-width:576px;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow-y:auto;border:1px solid #344b63;border-radius:12px;background:#0d1927;color:#e9f0f7;box-shadow:0 20px 70px #0006;overscroll-behavior:contain}.account-modal.svelte-x1i5gj::backdrop{background:#02080fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.account-modal-small.svelte-x1i5gj{max-width:460px}.account-modal-content.svelte-x1i5gj{position:relative}.account-modal-padded.svelte-x1i5gj{padding:28px}.account-modal.svelte-x1i5gj h2:where(.svelte-x1i5gj){padding-right:20px;font-size:23px;line-height:1.3;letter-spacing:-.02em}.account-modal.svelte-x1i5gj .text-gray-500:where(.svelte-x1i5gj),.account-modal.svelte-x1i5gj .text-gray-400:where(.svelte-x1i5gj){color:#97acc1}.account-modal.svelte-x1i5gj :is(.rounded-2xl:where(.svelte-x1i5gj),.rounded-xl:where(.svelte-x1i5gj)){border-radius:8px}.account-modal.svelte-x1i5gj button.bg-blue-500:where(.svelte-x1i5gj){background:#a4d2fa;color:#09213a;font-weight:650}.account-modal.svelte-x1i5gj button.bg-blue-500:where(.svelte-x1i5gj):hover{background:#c1e2fd}.account-modal.svelte-x1i5gj input:where(.svelte-x1i5gj){min-width:0;max-width:100%;background:#091420;border-color:#30475e}.account-modal.svelte-x1i5gj .account-preference:where(.svelte-x1i5gj){border-width:0 0 1px;border-radius:0;border-color:var(--account-line);background:transparent;padding:16px 0}.account-preference.svelte-x1i5gj:first-child{padding-top:0}.account-preference.svelte-x1i5gj:last-child{border-bottom:0}.account-preference.svelte-x1i5gj .font-bold:where(.svelte-x1i5gj){font-weight:600}@media(max-width:1023px){.account-overview.svelte-x1i5gj{grid-template-columns:minmax(0,1fr)}.account-session.svelte-x1i5gj{margin-top:12px;padding-top:12px;border-top:1px solid var(--account-line)}}@media(max-width:767px){.account-connection-grid.svelte-x1i5gj{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.account-dashboard.svelte-x1i5gj{padding:96px 18px 48px}.account-summary.svelte-x1i5gj,.account-tools.svelte-x1i5gj{padding:22px}.account-welcome.svelte-x1i5gj{align-items:flex-start;gap:14px}.account-avatar.svelte-x1i5gj{flex-basis:52px;width:52px;height:52px;font-size:24px}.account-welcome.svelte-x1i5gj h1:where(.svelte-x1i5gj){font-size:28px}.account-description.svelte-x1i5gj{font-size:13px}.account-rank-strip.svelte-x1i5gj{margin-top:24px}.account-rank-strip.svelte-x1i5gj>div:where(.svelte-x1i5gj){padding:0 10px}.account-rank-strip.svelte-x1i5gj dd:where(.svelte-x1i5gj){font-size:14px}.account-details.svelte-x1i5gj>div:where(.svelte-x1i5gj){grid-template-columns:90px minmax(0,1fr);gap:12px}.account-connection.svelte-x1i5gj{padding:22px}.account-modal-padded.svelte-x1i5gj,.account-modal.svelte-x1i5gj .p-7:where(.svelte-x1i5gj){padding:24px}.account-modal-heading.svelte-x1i5gj{padding:24px}.account-modal.svelte-x1i5gj h2:where(.svelte-x1i5gj){font-size:21px}}@media(max-width:480px){.account-connection-header.svelte-x1i5gj{grid-template-columns:44px minmax(0,1fr);gap:4px 12px}.account-service-icon.svelte-x1i5gj{grid-row:span 2}.account-connection-header.svelte-x1i5gj>.account-status:where(.svelte-x1i5gj){grid-column:2}}@media(prefers-reduced-motion:reduce){.account-dashboard.svelte-x1i5gj :is(a:where(.svelte-x1i5gj),button:where(.svelte-x1i5gj),span:where(.svelte-x1i5gj)){transition:none!important}}
