:root{ --bg:#0d0f0e; --surface:#151915; --text:#e7ebdf; --muted:#aeb8a0; --brand:#5c7f31; --brand-2:#8ea74f; }
body{margin:0;background:radial-gradient(900px 600px at 20% -10%, color-mix(in srgb, var(--brand) 20%, transparent) 0%, var(--bg) 60%); color:var(--text); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; display:flex; flex-direction:column; gap:10px; padding:12px }
header{display:flex;align-items:center;gap:10px}
header img{width:32px;height:32px;border-radius:8px}
h1{font-size:1.05rem;margin:0}
.muted{color:var(--muted)}
.card{background:linear-gradient(160deg, color-mix(in srgb, var(--brand) 18%, transparent), color-mix(in srgb, var(--surface) 92%, transparent)); border:1px solid color-mix(in srgb, var(--brand) 22%, transparent); border-radius:16px; padding:12px; box-shadow:0 8px 24px rgba(0,0,0,.35)}
.update-banner{position:fixed;bottom:12px;left:12px;right:12px;display:none;gap:8px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);padding:10px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}