:root{
  --sirb-bg: #ffffff;
  --sirb-text: #111827;
  --sirb-primary: #00B0C0;
  --sirb-accent: #F0D040;
  --sirb-success: #16a34a;
  --sirb-card: #f8f9fa;
}
@media (prefers-color-scheme: dark){
  :root{
    --sirb-bg: #0b1220;
    --sirb-text: #e6eef8;
    --sirb-primary: #0fb4b4;
    --sirb-accent: #f6d76d;
    --sirb-card: #071022;
  }
}
.sirb-center-notice{ position:fixed; left:50%; top:20px; transform:translateX(-50%) translateY(-20px); z-index:99999; opacity:0; transition:all .3s; pointer-events:none; }
.sirb-center-notice.show{ transform:translateX(-50%) translateY(0); opacity:1; pointer-events:auto; }
.sirb-center-notice .sirb-center-inner{ background:var(--sirb-success); color:#fff; padding:12px 18px; border-radius:10px; font-weight:700; box-shadow:0 6px 18px rgba(0,0,0,0.15); }
.sirb-reward-animate::after{ content:''; position:fixed; left:50%; top:50%; width:220px; height:220px; transform:translate(-50%,-50%) scale(0.1); border-radius:50%; opacity:0.25; background:radial-gradient(circle at center, rgba(255,255,255,0.14), transparent 40%); animation: pulse 1.8s ease-out; pointer-events:none; z-index:99998; }
@keyframes pulse{ 0%{ transform:translate(-50%,-50%) scale(.6); opacity:.35;} 80%{ transform:translate(-50%,-50%) scale(1.6); opacity:0;} 100%{ opacity:0; transform:translate(-50%,-50%) scale(1.6);} }


:root{
  --sirb-primary: #00A5B3;
  --sirb-accent: #F0D040;
  --sirb-bg: transparent;
  --sirb-text: #FFFFFF;
  --sirb-muted: rgba(255,255,255,0.6);
  --sirb-card: rgba(255,255,255,0.03);
}
body{background:var(--sirb-bg);color:var(--sirb-text);font-family:Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;margin:0;padding:0}
.sirb-wrap{max-width:1100px;margin:0 auto;padding:36px 20px;text-align:center}
.sirb-header h1{margin:0 0 8px;font-weight:800;letter-spacing:0.2px}
.sirb-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.sirb-stats .card{background:var(--sirb-card);padding:10px 14px;border-radius:12px;min-width:120px}
.sirb-logout{position:fixed;left:18px;top:18px;z-index:99999;background:rgba(0,0,0,0.45);padding:8px 12px;border-radius:12px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;backdrop-filter: blur(4px)}
.sirb-tap-area{margin:18px 0}
#sirb-tap-btn{width:180px;height:180px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(180deg,var(--sirb-primary),#018e99);box-shadow:0 12px 40px rgba(1,64,66,0.45);position:relative;overflow:visible;transition:transform .12s ease}
#sirb-tap-btn:active{transform:scale(.98)}
#sirb-tap-btn img{width:72px;height:72px}
.sirb-action-row{display:flex;gap:14px;justify-content:center;margin-top:12px}
.sirb-btn{padding:12px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,0.35)}
.sirb-btn-convert{background:linear-gradient(90deg,var(--sirb-primary),#00b4bd);color:#fff}
.sirb-btn-swap{background:linear-gradient(90deg,var(--sirb-accent),#e0b834);color:#08303a}
.sirb-referral{margin-top:18px}
.sirb-referral input{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:var(--sirb-text);width:420px;max-width:70%}
.sirb-share-row{display:flex;gap:12px;justify-content:center;margin-top:10px}
.sirb-share-btn{width:68px;height:68px;border-radius:14px;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--sirb-card);cursor:pointer;color:#fff;font-weight:800;font-size:18px}
.sirb-activity{margin-top:28px;text-align:left;max-height:320px;overflow:auto;padding:12px;border-radius:8px;background:var(--sirb-card)}
.sirb-activity .item{padding:10px;border-bottom:1px dashed rgba(255,255,255,0.03);display:flex;justify-content:space-between;align-items:center}
.sirb-coin{position:absolute;transform:scale(.6);opacity:0;z-index:9999;pointer-events:none;transition:transform .9s cubic-bezier(.2,.9,.2,1), opacity .9s}
.sirb-enter{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) scale(0);z-index:9998;pointer-events:none;transition:transform .35s ease, opacity .35s ease;opacity:0}
.sirb-enter.show{transform:translate(-50%,-50%) scale(1);opacity:1}
.sirb-toast{position:fixed;left:20px;top:20px;background:rgba(0,0,0,0.6);color:#fff;padding:10px 14px;border-radius:8px;z-index:99999}
.sirb-modal{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:100000;background:rgba(8,48,58,0.95);color:#fff;padding:22px;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,0.6);display:none}
.sirb-modal.show{display:block}
.login-form-custom{max-width:760px;margin:32px auto;padding:24px;background:var(--sirb-card);border-radius:12px}
.login-form-custom input[type=text], .login-form-custom input[type=password], .login-form-custom input[type=email]{display:block;margin:8px auto;padding:12px;width:70%;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:#fff}
.login-form-custom button{padding:10px 18px;border-radius:8px;border:none;background:var(--sirb-primary);color:#fff;font-weight:700;cursor:pointer}
.leaderboard-table{width:100%;border-collapse:collapse}
.leaderboard-table th, .leaderboard-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,0.03)}
@media (max-width:600px){ #sirb-tap-btn{width:140px;height:140px} .sirb-referral input{width:70%} .login-form-custom input[type=text], .login-form-custom input[type=password], .login-form-custom input[type=email]{width:90%} }

/* Centered bold notification */
.sirb-center-notice{
  position:fixed;
  left:50%;
  top:18px;
  transform:translateX(-50%) translateY(-8px);
  z-index:999999;
  pointer-events:auto;
  display:block;
  opacity:0;
  transition:opacity .22s ease,transform .22s ease;
}
.sirb-center-notice.show{ opacity:1; transform:translateX(-50%) translateY(0); }
.sirb-center-notice .sirb-center-inner{
  background:var(--sirb-success);
  color: #fff;
  font-weight:800;
  padding:12px 22px;
  border-radius:10px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.35);
  min-width:260px;
  text-align:center;
}
/* Reward animation hook */
body.sirb-reward-animate .coin-anim{ animation: sirb-pulse 1.8s ease; }
@keyframes sirb-pulse{ 0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)} }


/* Logout icon top-right */
.sirb-logout{
  position:fixed;
  right:18px;
  top:18px;
  background:transparent;
  color:var(--sirb-text);
  text-decoration:none;
  padding:8px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: none;
  border:1px solid rgba(0,0,0,0.06);
}
[data-theme="dark"] .sirb-logout{ color:var(--sirb-text); border-color: rgba(255,255,255,0.06); }
.sirb-logout svg{ display:block; width:26px; height:26px; }
.sirb-logout:focus{ outline:3px solid rgba(0,0,0,0.08); }