.account-playtime-legend{color:var(--text-mid);flex-wrap:wrap;gap:16px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.account-playtime-legend li{align-items:center;gap:8px;display:inline-flex}.account-playtime-swatch{border-radius:2px;flex:0 0 10px;width:10px;height:10px}[data-playtime-segment=steam]{background:var(--accent-data)}[data-playtime-segment=xbox]{background:var(--accent-xbox)}.account-page{padding:32px var(--library-gutter) 64px;gap:36px;width:min(100%,1060px);margin:0 auto;display:grid}.account-intro h1{letter-spacing:-.025em;margin:0;font-size:clamp(26px,3vw,34px);line-height:1.2}.account-intro>p:not(.page-intro__eyebrow){color:var(--text-mid);margin-top:8px;font-size:14px;line-height:1.5}.account-benefits{border-top:1px solid var(--line);color:var(--text-mid);margin-top:28px;padding-top:20px;font-size:14px;line-height:1.7}.account-benefits .account-benefits__label{color:var(--accent-action);font-size:12px;font-weight:600}.account-benefits ul{margin:16px 0;padding-left:18px}.account-benefits li+li{margin-top:10px}.account-benefits>p:last-child{font-size:12px}.account-guest-link{color:var(--accent-action);align-items:center;gap:16px;min-height:44px;margin-top:20px;text-decoration:none;display:inline-flex}.account-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-control);min-width:0;padding:clamp(22px,3vw,36px)}.account-card h2{overflow-wrap:anywhere;margin:0 0 12px;font-size:24px;line-height:1.3}.account-card p{color:var(--text-mid);overflow-wrap:anywhere;font-size:14px;line-height:1.7}.account-providers{gap:12px;margin:28px 0 20px;display:grid}.account-platforms:not(:has(span:not([hidden]))){display:none}.account-card .account-platforms p{margin:0}.account-card .account-platforms p+p{font-size:12px}.account-platforms .account-retry{margin:0}.account-platforms span:not([hidden])~span:not([hidden]):before{content:"ou "}.account-providers .account-provider{box-sizing:border-box;min-height:52px;margin:0;line-height:22px}.account-provider{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text-hi);cursor:pointer;font:inherit;justify-content:center;align-items:center;gap:14px;width:100%;min-height:52px;padding:12px;font-size:14px;font-weight:600;display:flex}.account-provider svg{flex:none}.account-admin-link{margin-bottom:12px;text-decoration:none}.account-admin-link:hover,.account-provider:enabled:hover{background:var(--surface-2);border-color:var(--line-strong)}.account-provider:disabled{cursor:not-allowed;opacity:.55}.account-status{min-height:48px;margin:20px 0 0}.account-retry{color:var(--accent-action);cursor:pointer;font:inherit;text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin-top:4px;padding:8px 0;text-decoration:underline}.account-card .account-note{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:12px}.account-page :is(a,button):focus-visible{outline:2px solid var(--text-mid);outline-offset:4px}.account-page [hidden]{display:none!important}.account-profile-heading{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;margin:20px 0 28px;display:grid}.account-profile-heading img{-o-object-fit:cover;object-fit:cover;border-radius:50%}.account-profile-heading h2{margin-bottom:4px;font-size:22px}.account-profile-heading p{margin:0}.account-profile-form{margin-bottom:12px}.account-linking{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:24px 0;padding:24px 0 12px}.account-linking h3{color:var(--text-hi);margin:0;font-size:16px}.account-linking>p{font-size:12px}.account-linked-list{margin:20px 0;padding:0;list-style:none}.account-linked-list li{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.account-linked-list li+li{border-top:1px solid var(--line)}.account-linked-list strong{color:var(--text-hi);font-size:14px;display:block}.account-linked-list span{color:var(--text-mid);margin-top:4px;font-size:12px;display:block}.account-link-button{border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--accent-action);cursor:pointer;font:inherit;background:0 0;max-width:60%;min-height:44px;padding:8px 12px;font-size:12px}.account-link-button:enabled:hover{background:var(--surface-2);border-color:var(--line-strong)}.account-link-button:disabled{cursor:not-allowed;opacity:.55}.account-card label,.account-card legend{color:var(--text-hi);font-size:13px}.account-card input[type=text]{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text-hi);font:inherit;width:100%;min-height:44px;margin-top:8px;padding:10px 12px;font-size:14px}.account-card .account-field-help{margin:4px 0 20px;font-size:12px}.account-avatar-options{border:0;min-width:0;margin:0 0 24px;padding:0}.account-avatar-options>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.account-avatar-options label{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:5px 0;display:flex;position:relative}.account-avatar-options input{opacity:0;width:1px;height:1px;position:absolute}.account-avatar-options img{-o-object-fit:cover;object-fit:cover;border-radius:50%;max-width:100%}.account-avatar-options span{text-align:center;font-size:10px}.account-avatar-options label:has(:checked){border-color:var(--accent-action)}.account-avatar-options label:has(:focus-visible),.account-page input[type=text]:focus-visible{outline:2px solid var(--text-mid);outline-offset:3px}.account-avatar-options label:has(:disabled){cursor:default;opacity:.55}.account-delete{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.account-delete summary{color:var(--text-mid);cursor:pointer;min-height:44px;padding:12px 0;font-size:12px}.account-delete summary:focus-visible{outline:2px solid var(--text-mid);outline-offset:3px}.account-delete p{font-size:12px}.account-delete-actions{gap:8px;margin-top:16px;display:grid}.account-steam h4{color:var(--text-hi);margin:24px 0 12px;font-size:14px}.account-steam-games{border:0;min-width:0;margin:20px 0;padding:0}.account-steam-games legend{margin-bottom:12px}.account-steam-consent,.account-steam-games label{overflow-wrap:anywhere;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;line-height:1.6;display:flex}.account-steam-games label+label{border-top:1px solid var(--line)}.account-steam input[type=checkbox]{accent-color:var(--accent-action);flex:none;width:18px;height:18px;margin-top:2px}.account-steam input:focus-visible{outline:2px solid var(--text-mid);outline-offset:3px}.account-steam-pagination{align-items:center;gap:10px;margin-bottom:16px}.account-steam-pagination,.account-steam-selection{display:flex}.account-steam-selection{flex-wrap:wrap;gap:12px;margin:16px 0}.account-steam-selection>button{flex:180px;width:auto}.account-steam-progress{color:var(--text-hi);margin:12px 0;line-height:1.6}.account-steam-pagination>span{color:var(--text-mid);flex-shrink:0;font-size:12px}.account-steam-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 28px;display:grid}.account-steam-metrics>div{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-control);padding:16px}.account-steam-metrics dt{color:var(--text-mid);font-size:12px;line-height:1.6}.account-steam-metrics dd{color:var(--text-hi);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(18px,2.5vw,28px);font-weight:600}.account-steam-stats{color:var(--text-mid);margin:16px 0 24px;padding-left:28px;font-size:13px;line-height:1.6}.account-steam-stats li{padding:8px 0 8px 8px}.account-steam-stat-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:7px;display:flex}.account-steam-game-link,.account-steam-stat-heading>span{color:var(--text-hi);overflow-wrap:anywhere;min-width:0}.account-steam-game-link{cursor:pointer;font:inherit;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.account-steam-game-link:hover{color:var(--text-hi);text-decoration-thickness:2px}.account-steam-game-link:focus-visible{outline:2px solid var(--text-hi);outline-offset:3px}.account-reviews-list li{padding:14px 0;display:block}.account-reviews-list .account-steam-game-link{font-size:14px;font-weight:600}.account-reviews-list .account-review-excerpt{overflow-wrap:anywhere}.account-reviews-list :disabled{cursor:default;opacity:.55}.account-journal-controls{gap:8px;margin:20px 0 4px;display:grid}.account-journal-controls .account-categories:not(:last-child){border-bottom:0;padding-bottom:0}.account-journal-controls .account-categories[hidden]{display:none!important}.account-journal-list li{padding:14px 0;display:block}.account-journal-list li:has(select){justify-content:space-between;align-items:center;gap:12px;display:flex}.account-journal-list .account-steam-game-link{font-size:14px;font-weight:600}.account-journal-list .account-journal-month span{color:var(--text-lo);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.account-journal-list select{border:1px solid var(--line-strong);border-radius:var(--radius-control);font:inherit;flex:none;max-width:45%;min-height:44px;padding:8px 10px;font-size:12px}.account-journal-list select,.account-journal-list select option{background:var(--surface-1);color:var(--text-hi)}.account-journal-list select:focus-visible{outline:2px solid var(--text-mid);outline-offset:3px}.account-journal-list :disabled{cursor:default;opacity:.55}.account-articles-list li{flex-wrap:wrap;padding:14px 0}.account-articles-list li>div:first-child{overflow-wrap:anywhere;flex:220px;min-width:0}.account-articles-list .account-article-untitled{color:var(--text-mid)}.account-article-actions{flex-wrap:wrap;gap:8px;display:flex}.account-article-actions .account-link-button{align-items:center;max-width:none;text-decoration:none;display:inline-flex}.account-steam-stats li[hidden]{display:none}.account-steam-stat-heading strong{color:var(--text-hi);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.account-steam-stat-track{background:var(--line);border-radius:var(--radius-control);height:6px;overflow:hidden}.account-steam-stat-track>span{background:var(--accent-data);border-radius:inherit;height:100%;display:block}.account-steam-metrics--three>:nth-child(3){grid-column:1/-1}.account-card .account-playtime-detail,.account-steam-metrics dd.account-playtime-detail{color:var(--text-lo);margin:4px 0 0;font-size:11px;font-weight:400;line-height:1.5}.account-steam-stat-track>.account-playtime-bar{background:0 0;display:flex}.account-playtime-bar>span{flex:none;height:100%}@media (width>=820px){.account-steam-metrics--three{grid-template-columns:repeat(3,minmax(0,1fr))}.account-steam-metrics--three>:nth-child(3){grid-column:auto}.account-page:not([data-connected=true]){grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:64px}.account-page:not([data-connected=true]) .account-intro{padding-top:32px}}.account-page[data-connected=true]{width:min(100%,var(--library-width));gap:24px;padding-top:36px}.account-page[data-connected=true] .account-intro h1{margin:0}.account-page[data-connected=true] .account-benefits{display:none}.account-page[data-connected=true] .account-guest-link{margin-top:8px}.account-categories{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.account-categories button{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text-mid);cursor:pointer;font:inherit;min-height:44px;padding:10px 16px;font-size:14px}.account-categories button[aria-pressed=true]{background:var(--surface-2);border-color:var(--line-strong);color:var(--text-hi)}.account-page[data-connected=true]>.account-card{background:0 0;border:0;align-items:start;gap:24px;padding:0;display:grid}.account-page[data-connected=true] [data-account-session]{display:contents}.account-page[data-connected=true] [data-account-category]{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-control);min-width:0;margin:0;padding:clamp(22px,3vw,36px)}.account-page [data-account-category=articles],.account-page [data-account-category=journal],.account-page [data-account-category=management],.account-page [data-account-category=profile]{width:100%}.account-page [data-account-category]>h3{color:var(--text-hi);margin:0 0 24px;font-size:16px}.account-steam{border:0;margin:0;padding:0}.account-service-title{color:var(--text-hi);align-items:center;gap:12px;margin:0 0 20px;font-size:16px;display:flex}.account-service-title svg{flex:0 0 22px}:is([data-steam-connection],[data-playtime],[data-steam]):not([hidden])~.account-platform{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.account-help{color:var(--text-mid);margin:16px 0;font-size:12px;line-height:1.7}.account-help summary{cursor:pointer;min-height:44px;padding-block:12px;display:list-item}.account-feedback{grid-column:1/-1}.account-feedback>p:empty,.account-page[data-connected=true] .account-note{display:none}.account-page[data-connected=true] .account-status{min-height:0;margin-top:12px}@media (width>=1000px){.account-page[data-connected=true]>.account-card{grid-template-columns:minmax(280px,1fr) minmax(0,2fr)}.account-page [data-account-category=articles],.account-page [data-account-category=journal],.account-page [data-account-category=management],.account-page [data-account-category=profile]{grid-column:1/-1}.account-page [data-account-category=profile]{-webkit-column-gap:48px;-moz-column-gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:48px;display:grid}.account-page [data-account-category=profile]>.page-intro__eyebrow{grid-column:1/-1}.account-page [data-account-category=profile] .account-profile-heading{margin-top:0}.account-steam-games{-webkit-column-gap:24px;-moz-column-gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.account-steam-games legend{grid-column:1/-1}.account-steam-stats{-webkit-column-gap:40px;-moz-column-gap:40px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;display:grid}}
