:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#e7e9ea;background:#000;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{min-height:100%;min-width:280px}
body{margin:0;min-height:100svh;display:flex;justify-content:center;padding:0 24px}
.profile{width:100%;max-width:520px;min-height:100svh;border-inline:1px solid #2f3336}
.cover{height:224px;overflow:hidden;background:#16181c}
.cover-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%}
.identity{position:relative;padding:0 24px 27px}
.identity-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.avatar{position:relative;flex-shrink:0;width:80px;height:80px;overflow:hidden;border:4px solid #000;border-radius:50%;background:#16181c;margin-top:-40px}
.avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 29%;transform:scale(1.6);transform-origin:35% 50%}
.share-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;margin-top:10px;padding:11px;border:1px solid #3d4247;border-radius:50%;background:#000;color:#e7e9ea;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s}
.share-button svg{display:block;width:20px;height:20px}
.share-button:focus-visible{outline:2px solid #1d9bf0;outline-offset:3px}
.share-button:active{background:#16181c}
.share-button:disabled{cursor:progress;opacity:.65}
.share-status{position:fixed;z-index:10;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);margin:0;padding:12px 18px;border:1px solid #3d4247;border-radius:14px;background:#16181c;color:#e7e9ea;box-shadow:0 8px 28px #0008;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;text-align:center}
.share-status:empty{display:none}
h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 8px}
.identity p{font-size:1rem;font-weight:400;line-height:1.5;color:#a1a7ad;margin:0}
.links{display:grid;gap:12px;padding:0 23px}
.profile-card{display:block;padding:16px;border:1px solid #2f3336;border-radius:16px;background:#000;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .15s,border-color .15s}
.card-header{display:flex;align-items:center;gap:12px}
.account-avatar{display:block;width:56px;height:56px;flex:0 0 56px;border-radius:50%;object-fit:cover;background:#16181c}
.account-identity{min-width:0;flex:1}
.account-name{display:flex;align-items:center;gap:7px;font-size:1rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.verified-badge{display:inline-flex;flex:0 0 18px;color:#1d9bf0}
.verified-badge svg{display:block;width:18px;height:18px}
.platform-icon{display:inline-flex;flex:0 0 15px;color:#a1a7ad}
.platform-icon svg{display:block;width:15px;height:15px}
.account-handle{margin-top:3px;font-size:.875rem;line-height:1.4;color:#969da3;overflow-wrap:anywhere}
.card-open{display:grid;place-items:center;min-height:32px;padding:7px 14px;flex-shrink:0;margin-left:auto;border-radius:999px;background:#eff3f4;color:#0f1419;font-size:.8125rem;font-weight:700;line-height:1.2;transition:background-color .15s}
.account-bio{margin:14px 0 0;font-size:.875rem;line-height:1.55;color:#cbd0d4;overflow-wrap:anywhere}
.account-private{display:flex;align-items:center;gap:5px;margin:13px 0 0;font-size:.75rem;line-height:1.4;color:#969da3}
.account-private svg{width:13px;height:13px;flex-shrink:0}
.account-stats{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:14px;font-size:.8125rem;line-height:1.5;color:#969da3}
.account-stats strong{font-weight:600;color:#e7e9ea}
.snapshot-date{margin:20px 24px 28px;font-size:.6875rem;line-height:1.5;color:#8b939b;text-align:center}
.profile-card:focus-visible{outline:2px solid #1d9bf0;outline-offset:3px}
.profile-card:active{background:#131416}
@media(hover:hover){.profile-card:hover{background:#080808;border-color:#555b61}.profile-card:hover .card-open{background:#d7dbdc}.share-button:hover{background:#16181c;border-color:#6a7077}}
@media(max-width:568px){body{padding:0}.profile{max-width:520px;border-inline:0}.cover{height:clamp(190px,48vw,240px)}.identity{padding-inline:20px;padding-bottom:25px}.links{padding-inline:20px}}
@media(max-width:370px){.identity{padding-inline:16px}.links{padding-inline:16px;gap:10px}.profile-card{padding:13px}.card-header{gap:9px}.account-avatar{width:44px;height:44px;flex-basis:44px}.card-open{padding-inline:10px;font-size:.75rem}.account-name{gap:5px}.platform-icon{flex-basis:13px}.platform-icon svg{width:13px;height:13px}.account-handle{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}