/* Only the statistics community uses these styles; the rest of the app is untouched. */
dialog.ss-community{--sc-accent:#23805b;--sc-line:var(--line,#d7dfe7);box-sizing:border-box;width:min(920px,calc(100vw - 32px));max-width:none;height:min(860px,calc(100dvh - 32px));max-height:none;margin:auto;padding:0;border:1px solid var(--sc-line);border-radius:22px;color:var(--text,#1e2733);background:var(--surface-solid,#fff);box-shadow:0 12px 48px #0004;overflow:hidden}
.ss-community::backdrop{background:#08141d80;backdrop-filter:blur(4px)}
.ss-community[data-accent=blue]{--sc-accent:#386fa9}.ss-community[data-accent=red]{--sc-accent:#b84c51}.ss-community[data-accent=amber]{--sc-accent:#98732a}.ss-community[data-accent=slate]{--sc-accent:#64738b}
.ss-community .sc-shell{height:100%;display:flex;flex-direction:column;min-height:0}
.ss-community .sc-nav{display:flex;gap:12px;align-items:center;flex:none;padding:14px 18px;border-bottom:1px solid var(--sc-line)}
.ss-community .sc-nav strong{flex:1;text-align:center}.ss-community .sc-nav [data-sc=close]{font-size:24px;line-height:1}
.ss-community .sc-content{padding:22px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-wrap:anywhere}
.ss-community button,.ss-community input,.ss-community textarea,.ss-community select{font:inherit;min-width:0;max-width:100%;box-sizing:border-box}
.ss-community button{border:1px solid var(--sc-line);border-radius:11px;background:var(--surface-solid,#fff);color:inherit;padding:9px 13px;min-height:40px;cursor:pointer;font-weight:600}
.ss-community button:disabled{cursor:wait;opacity:.6}.ss-community button:focus-visible,.ss-community input:focus-visible,.ss-community select:focus-visible,.ss-community textarea:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}
.ss-community [hidden]{display:none!important}.ss-community h2{font-size:24px;line-height:1.25;margin:5px 0 8px}.ss-community h3{font-size:18px;margin:0 0 12px}.ss-community p{line-height:1.5;margin:0 0 10px}
.ss-community .sc-notice{padding:0 20px;color:var(--sc-accent);flex:none;font-size:14px}.ss-community .sc-notice:not(:empty){padding-top:10px;padding-bottom:10px}.ss-community .sc-error{color:var(--danger,#c63940)}
.ss-community .sc-muted,.ss-community small,.ss-community time{color:var(--muted,#657181);font-size:13px;line-height:1.5}
.ss-community .sc-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:17px;padding:26px;color:#fff;background:linear-gradient(120deg,#192c35,var(--sc-accent))}
.ss-community .sc-hero h2{color:#fff}
.ss-community .sc-cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.ss-community .sc-hero:has(.sc-cover)::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#07141ce6,#07141c80)}
.ss-community .sc-identity{display:flex;align-items:center;gap:18px}.ss-community .sc-identity>div{min-width:0}.ss-community .sc-avatar{width:84px;height:84px;aspect-ratio:1;flex:none;object-fit:cover;border-radius:22px;border:2px solid #ffffff80}
.ss-community .sc-initial{display:grid;place-items:center;background:color-mix(in srgb,var(--sc-accent) 65%,#162a36);color:white;font-size:25px;font-weight:650}
.ss-community .sc-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.ss-community .sc-identity p{color:#ffffffc9;margin:0;font-size:14px}.ss-community .sc-bio{margin:18px 0 0;white-space:pre-wrap;max-width:660px}
.ss-community .sc-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.ss-community .sc-hero-actions button{background:#ffffff19;border-color:#ffffff55;color:#fff;backdrop-filter:blur(8px)}
.ss-community .sc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.ss-community .sc-metrics>div{padding:16px;border:1px solid var(--sc-line);border-radius:14px;display:grid;gap:8px}.ss-community .sc-metrics strong{font-size:23px;line-height:1.25;font-variant-numeric:tabular-nums}.ss-community .sc-metrics span{font-size:13px;color:var(--muted)}
.ss-community .sc-explanation{border:1px solid var(--sc-line);padding:13px 15px;border-radius:12px;font-size:13px}.ss-community .sc-explanation summary{cursor:pointer}.ss-community .sc-explanation p{margin:12px 0 0}
.ss-community .sc-section{margin-top:28px}.ss-community .sc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ss-community .sc-heading h3{margin:0}.ss-community .sc-heading>span{font-size:13px;color:var(--muted)}
.ss-community progress{display:block;width:100%;height:7px;accent-color:var(--sc-accent);border:none;border-radius:8px;overflow:hidden;background:var(--sc-line)}.ss-community progress::-webkit-progress-bar{background:var(--sc-line)}.ss-community progress::-webkit-progress-value{background:var(--sc-accent);border-radius:8px}
.ss-community .sc-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ss-community .sc-badge{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid var(--sc-line);border-radius:14px}.ss-community .sc-badge strong{font-size:14px}.ss-community .sc-badge p{font-size:12px;color:var(--muted);margin:4px 0}.ss-community .sc-badge span{font-size:12px}.ss-community .sc-medal{display:grid;place-items:center;flex:none;width:54px;height:60px;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:color-mix(in srgb,var(--sc-accent) 14%,transparent);color:var(--sc-accent)}.ss-community .sc-medal svg{width:30px;height:30px}.ss-community .is-earned{border-color:color-mix(in srgb,var(--sc-accent) 45%,var(--sc-line))}.ss-community .is-earned .sc-medal{background:linear-gradient(140deg,var(--sc-accent),#19313d);color:#fff}.ss-community .is-locked .sc-medal{filter:grayscale(1)}
.ss-community .sc-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ss-community .sc-types>span{border:1px solid var(--sc-line);border-radius:10px;padding:8px 12px;font-size:14px}.ss-community .sc-types b{margin-left:8px}
.ss-community .sc-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ss-community .sc-gallery button{padding:0;overflow:hidden;aspect-ratio:1}.ss-community .sc-gallery img{display:block;width:100%;height:100%;object-fit:cover}.ss-community .sc-gallery>p{grid-column:1/-1}
.ss-community .sc-full-photo{display:block;max-width:100%;height:auto;max-height:calc(100dvh - 150px);object-fit:contain;margin:auto}
.ss-community label{display:grid;gap:7px;font-size:14px;min-width:0}.ss-community input:not([type=checkbox]),.ss-community select,.ss-community textarea{width:100%;border:1px solid var(--sc-line);border-radius:10px;padding:10px 12px;background:var(--surface-solid,#fff);color:inherit;min-height:44px}.ss-community textarea{resize:vertical}
.ss-community .sc-comment-form{display:grid;gap:10px;margin-bottom:16px}.ss-community [type=submit]{justify-self:start;background:var(--sc-accent);color:#fff;border-color:transparent}.ss-community .sc-comment{border-top:1px solid var(--sc-line);padding:16px 0}.ss-community .sc-comment p{white-space:pre-wrap}.ss-community .sc-comment [data-sc=delete-comment]{font-size:12px;min-height:32px;padding:4px 8px}.ss-community .sc-person-link{border:0;background:transparent;padding:0;text-align:left;min-height:32px}
.ss-community .sc-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:20px 0}.ss-community .sc-ranking{display:grid;gap:8px}.ss-community .sc-rank-row{display:grid;grid-template-columns:28px 44px 1fr minmax(100px,auto) 12px;gap:12px;align-items:center;text-align:left;padding:14px 12px}.ss-community .sc-rank-row .sc-avatar{width:44px;height:44px;border-radius:13px;font-size:15px;border:0}.ss-community .sc-place{font-size:16px;color:var(--sc-accent)}.ss-community .sc-rank-person,.ss-community .sc-rank-value{display:grid;gap:4px}.ss-community .sc-rank-person strong{font-size:14px}.ss-community .sc-rank-value{text-align:right;font-variant-numeric:tabular-nums}.ss-community .sc-rank-value strong{font-size:18px}
.ss-community .sc-profile-form{display:grid;gap:16px;max-width:640px}.ss-community label.sc-check{display:flex;align-items:center;gap:10px}.ss-community .sc-check input{width:20px;height:20px;min-height:20px;flex:none;margin:0;accent-color:var(--sc-accent)}
.ss-community .sc-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-community .sc-upload{display:grid;gap:10px;border:1px solid var(--sc-line);border-radius:12px;padding:15px;align-content:start}.ss-community .sc-upload-preview{height:110px;background:color-mix(in srgb,var(--sc-accent) 7%,transparent);border-radius:9px;display:grid;place-items:center;font-size:13px;color:var(--muted);overflow:hidden}.ss-community .sc-upload-preview img{height:100%;width:100%;object-fit:contain}.ss-community .sc-file-label{font-size:12px}.ss-community input[type=file]{font-size:12px;padding:7px;min-height:36px}
@media(max-width:600px){dialog.ss-community{width:100%;height:100dvh;border-radius:0;border:0}.ss-community .sc-nav{padding:10px 12px}.ss-community .sc-content{padding:14px;scrollbar-gutter:auto}.ss-community .sc-hero{padding:20px 16px}.ss-community .sc-identity{gap:12px;align-items:flex-start}.ss-community h2{font-size:20px}.ss-community .sc-avatar{width:64px;height:64px;border-radius:17px}.ss-community .sc-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ss-community .sc-badges{grid-template-columns:1fr}.ss-community .sc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-community .sc-filters{grid-template-columns:1fr 1fr}.ss-community .sc-filters label:last-child{grid-column:1/-1}.ss-community .sc-rank-row{grid-template-columns:22px 38px 1fr 12px;gap:8px}.ss-community .sc-rank-row .sc-avatar{width:38px;height:38px}.ss-community .sc-rank-value{grid-column:3;grid-row:2;text-align:left}.ss-community .sc-rank-value small{font-size:12px}.ss-community .sc-rank-row>span:last-child{grid-column:4;grid-row:1/3}.ss-community .sc-uploads{grid-template-columns:1fr}.ss-community input:not([type=checkbox]),.ss-community select,.ss-community textarea{font-size:16px}}