* { box-sizing: border-box; }
:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #151515; background: #f3f1ec; }
body { margin: 0; min-height: 100svh; }
.center { min-height: 100svh; width: min(100% - 48px, 480px); margin: auto; padding: 80px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.wordmark { font-family: Impact, 'Arial Black', Arial, sans-serif; font-size: clamp(36px, 8vw, 60px); font-weight: 900; letter-spacing: -.055em; line-height: .95; margin: 0 0 28px; overflow-wrap: anywhere; }
.eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: .3em; color: #66645e; margin: 0 0 56px; }
.text-link { color: inherit; font-size: 11px; text-transform: uppercase; letter-spacing: .2em; text-decoration: none; padding: 12px; }
.text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.bio { margin: -6px 0 34px; font-size: 13px; color: #66645e; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.links { width: min(100%, 340px); display: grid; gap: 12px; }
.links a { display: block; padding: 18px 20px; border: 1px solid #292824; color: inherit; text-decoration: none; text-transform: uppercase; letter-spacing: .16em; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; transition: background .15s, color .15s; }
.links a:hover { color: #f3f1ec; background: #151515; }
.links a { position:relative; padding-left:48px; padding-right:48px; }
.public-social-icon { width:18px; height:18px; object-fit:contain; position:absolute; left:18px; top:50%; transform:translateY(-50%); }
.links a:hover .public-social-icon { filter:invert(1); }
.link-text { position:relative; border:1px solid #292824; padding:16px 28px 16px 48px; text-align:left; }
.link-text-label { display:block; font-size:9px; text-transform:uppercase; letter-spacing:.16em; margin-bottom:8px; }
.link-text-value { display:block; font-size:12px; line-height:1.7; color:#66645e; overflow-wrap:anywhere; white-space:pre-wrap; user-select:text; }
.links a.discord-card { display:flex; flex-direction:column; padding:22px; text-align:left; text-transform:none; letter-spacing:normal; }
.discord-eyebrow { display:block; text-transform:uppercase; font-size:8px; letter-spacing:.2em; color:#77756e; margin-bottom:18px; }
.discord-header { display:flex; gap:14px; align-items:center; }
.discord-server-icon { width:42px; height:42px; object-fit:cover; flex-shrink:0; }
.discord-server-icon.is-platform-icon { padding:7px; }
.discord-server-name { font-size:16px; font-weight:400; line-height:1.4; overflow-wrap:anywhere; }
.discord-description { display:block; font-size:11px; line-height:1.8; color:#77756e; margin-top:16px; white-space:pre-wrap; }
.discord-counts { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:18px; font-size:10px; color:#66645e; }
.discord-online::before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#458157; margin-right:6px; vertical-align:middle; }
.discord-join { display:block; margin-top:auto; padding-top:12px; text-align:center; border-top:1px solid #d0cec6; font-size:9px; text-transform:uppercase; letter-spacing:.15em; }
.discord-card:hover .discord-eyebrow, .discord-card:hover .discord-description, .discord-card:hover .discord-counts { color:#d0cec6; }
.discord-card:hover .discord-server-icon.is-platform-icon { filter:invert(1); }
.discord-card [hidden] { display:none !important; }
.discord-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; pointer-events:none; }
.links a.discord-card.has-background { background:#171713; color:#fff; overflow:hidden; min-height:232px; }
.discord-card.has-background::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(125deg,rgba(0,0,0,.56),rgba(0,0,0,.84)); pointer-events:none; }
.discord-card.has-background > :not(.discord-background) { position:relative; z-index:2; }
.discord-card.has-background .discord-eyebrow, .discord-card.has-background .discord-description, .discord-card.has-background .discord-counts { color:#eee; }
.discord-card.has-background .discord-join { border-top-color:rgba(255,255,255,.3); }
.discord-card.has-background .discord-server-icon.is-platform-icon { filter:invert(1); }
.discord-card.has-background .discord-online::before { background:#84c99a; }
a:focus-visible, button:focus-visible { outline: 2px solid #151515; outline-offset: 5px; }
.status { color: #66645e; font-size: 12px; line-height: 1.7; }
.retry { border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; padding: 12px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

.discord-brand-icon { width:18px; height:18px; object-fit:contain; }
.discord-card.has-background .discord-brand-icon, .discord-card:hover .discord-brand-icon { filter:invert(1); }
.links a.instagram-profile { display:flex; flex-direction:column; gap:20px; padding:22px; text-align:left; text-transform:none; letter-spacing:normal; }
.instagram-profile .public-social-icon { position:static; transform:none; width:18px; height:18px; flex-shrink:0; }
.instagram-avatar { width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.instagram-details { display:flex; flex-direction:column; gap:5px; min-width:0; }
.instagram-handle { font-size:13px; }
.instagram-followers { font-size:10px; opacity:.65; }
.instagram-profile-header { display:flex; align-items:center; gap:14px; width:100%; }
.instagram-view { display:block; width:100%; padding-top:12px; border-top:1px solid #d0cec6; text-align:center; font-size:9px; text-transform:uppercase; letter-spacing:.15em; }