/* Minimal centered profile stylesheet — dark-first with light override */ :root{--bg:#0b0b0d;--card:#0f1113;--text:#e8eef6;--muted:#98a0b0;--accent:#8ab4ff} *{box-sizing:border-box} html,body{height:100%} body{margin:0;display:grid;place-items:center;background:var(--bg);font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text);} .card{width:min(640px,92vw);background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:36px;border-radius:12px;border:1px solid rgba(255,255,255,0.04);text-align:center} .avatar{width:128px;height:128px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 18px;box-shadow:0 6px 30px rgba(2,6,23,0.6)} h1{margin:0 0 8px;font-size:1.5rem} .bio{color:var(--muted);line-height:1.5;margin:0 0 18px} .bio a{color:var(--text);text-decoration:underline} .bio a:visited{color:var(--muted)} .icons{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:12px} .icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--text);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.03);text-decoration:none} .icon svg{display:block} .icon:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(2,6,23,0.6)} .small{color:var(--muted);font-size:0.85rem;margin-top:8px} /* Light-mode helper: add `light-mode` class on the to opt-in to light theme */ body.light-mode{ --bg:#f7f7f8; --card:#ffffff; --text:#111; --muted:#666; --accent:#1a73e8; }