/* ===== Header ===== */
.header{
  position:sticky;top:0;z-index:100;
  background:rgba(251,247,240,0.85);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(139,105,20,0.1);
  padding:0 24px;
}
.header-inner{
  max-width:900px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  height:56px;
}
.logo{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-serif);
  font-size:1.15rem;font-weight:700;color:var(--primary-dark);
  cursor:pointer;user-select:none;text-decoration:none;
}
.logo-icon{
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--primary));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1rem;
}
.stats{
  display:flex;align-items:center;gap:16px;
}
.stat-item{
  display:flex;align-items:center;gap:5px;
  font-size:0.85rem;font-weight:600;color:var(--text-secondary);
}
.stat-icon{font-size:1.1rem}
.streak-badge{
  background:var(--gold-light);color:var(--primary-dark);
  padding:2px 10px;border-radius:20px;font-size:0.8rem;
  display:flex;align-items:center;gap:4px;
}
.streak-badge.active{background:linear-gradient(135deg,#FF6B35,#FF8C42);color:#fff;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}