{ onClick && onClick(e); if(id) handlePress(id); }} style={{ background: BG, borderRadius: 24, padding: 20, boxShadow: (inset || pressing === id) ? SHADOW_IN : SHADOW_OUT, transition: 'all 0.2s ease', transform: pressing === id ? 'scale(0.98)' : 'scale(1)', color: TEXT, ...style }}> {children}

); return (

{/* HEADER: IDENTITY */}

{user?.name || 'UNSW Student'}

{appData.status} • {(activeMembers || []).length} Online

{/* 🌟 HERO: INTERACTIVE VIBE CANVAS */} {(appData.vibes?.length === 0) ? (

👆

Tap anywhere to leave a mark

) : null} {appData.vibes?.map((v) => (

{v.emoji}

))}

UNSW // VIBE CHECK

{/* 📊 STATS GRID */}

{/* COFFEE COUNTER */} saveData({ coffees: (appData.coffees || 0) + 1 })} style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>

☕️

{appData.coffees}

Caffeine Lvl

{/* FOCUS TIMER TOGGLE */} saveData({ focus: !appData.focus })} inset={appData.focus} style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', color: appData.focus ? ACCENT : TEXT }}>

{appData.focus ? '🧠' : '💭'}

{appData.focus ? 'LOCKED IN' : 'DRIFTING'}

{appData.focus ? 'Do Not Disturb' : 'Vibing'}

{/* 🤝 COLLABORATORS ROSTER */}

SQUAD

{(activeMembers || []).map((m, i) => (

))}

); }