@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap";:root{color-scheme:light;--bg: #f4f0e8;--card: #ffffff;--ink: #1f2430;--muted: #6c6f7a;--accent: #0b7d66}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top,#fef6e0,var(--bg));color:var(--ink);min-height:100vh;display:grid;place-items:center}#app{width:min(420px,90vw)}.card{background:var(--card);border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 24px 60px #0f0f0f1f;display:grid;gap:16px;justify-items:center}.avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid rgba(11,125,102,.2)}.placeholder{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#e6d9c3,#f6efe2);display:grid;place-items:center;position:relative}.placeholder:after{content:"";width:42px;height:42px;border-radius:50%;background:#0b7d6633;box-shadow:0 0 0 12px #0b7d6614}h1{font-size:1.5rem;margin:0}.muted{color:var(--muted);margin:0}.debug{width:100%;background:#f8f6f1;border-radius:16px;padding:12px;font-size:.8rem;text-align:left;overflow-x:auto}.spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgba(11,125,102,.2);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}