*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--mint:#c8f7dc;--mint-dark:#9ee0b8;--pink:#f8bbd0;--pink-dark:#f48fb1;--off-white:#faf9f6;--text:#2d2d2d;--text-muted:#888;--card-bg:#fff;--font:"Space Grotesk", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--off-white);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}section{max-width:640px;margin:0 auto;padding:4rem 1.5rem}h1,h2{text-transform:lowercase;font-weight:700}h2{text-align:center;margin-bottom:1rem;font-size:1.6rem}.btn{font-family:var(--font);cursor:pointer;border-radius:999px;padding:.75rem 1.8rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--mint);color:var(--text);border:2px solid var(--mint-dark)}.btn-primary:hover{box-shadow:0 4px 16px #9ee0b866}.btn-secondary{color:var(--text);border:2px solid var(--text);background:0 0}.btn-secondary:hover{background:var(--text);color:var(--off-white)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100svh;padding-top:3rem;padding-bottom:3rem;display:flex}.mascot{filter:drop-shadow(0 8px 24px #f8bbd04d);border-radius:24px;width:220px;height:auto;margin-bottom:1rem}.hero h1{letter-spacing:-.5px;max-width:500px;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.15}.hero .sub{color:var(--text-muted);margin-top:.25rem;font-size:1.1rem}.hero .tagline{color:var(--pink-dark);margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.about{text-align:center;background:var(--mint);border-top:2px solid var(--mint-dark);border-bottom:2px solid var(--mint-dark);max-width:100%}.about p{max-width:520px;color:var(--text);margin:0 auto;font-size:1rem;line-height:1.7}.tweets{text-align:center}.tweet-list{flex-direction:column;gap:1rem;display:flex}.tweet{background:var(--card-bg);text-align:left;border:1px solid #e8e8e8;border-radius:16px;padding:1.25rem 1.5rem;transition:transform .15s}.tweet:hover{transform:translateY(-2px)}.tweet.pinned{border-color:var(--pink-dark);border-width:2px}.pin-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--pink-dark);margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:inline-block}.tweet-header{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.tweet-name{font-weight:700}.tweet-handle,.tweet-time,.tweet-dot{color:var(--text-muted)}.tweet-text{margin-bottom:.75rem;font-size:1rem;line-height:1.5}.tweet-stats{color:var(--text-muted);gap:1.5rem;font-size:.8rem;display:flex}.memes{padding-top:2rem;padding-bottom:4rem}.meme-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.meme-card{background:var(--card-bg);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;border:2px solid #e8e8e8;border-radius:16px;padding:2rem 1.25rem;font-size:1.1rem;font-weight:700;transition:transform .15s,border-color .15s}.meme-card:hover{border-color:var(--pink-dark);transform:rotate(-1.5deg)scale(1.03)}.meme-card:nth-child(2):hover{transform:rotate(1.5deg)scale(1.03)}.meme-card:nth-child(3):hover{transform:rotate(2deg)scale(1.03)}.meme-card:nth-child(4):hover{transform:rotate(-2deg)scale(1.03)}.footer{background:var(--text);color:var(--off-white);text-align:center;padding:3rem 1.5rem}.footer-inner{flex-direction:column;align-items:center;gap:.6rem;max-width:640px;margin:0 auto;display:flex}.footer-brand{font-size:1.3rem;font-weight:700}.footer-ca code{word-break:break-all;background:#ffffff1a;border-radius:6px;padding:.25rem .6rem;font-size:.75rem}.footer-link{color:var(--mint);font-weight:500;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-note{color:#fff6;margin-top:.5rem;font-size:.75rem}@media (width<=480px){section{padding:3rem 1.25rem}.hero{min-height:90svh}.mascot{width:140px}.hero h1{font-size:1.6rem}.meme-grid{grid-template-columns:1fr}.meme-card{padding:1.5rem 1rem}.hero-buttons{flex-direction:column;width:100%;padding:0 1rem}.hero-buttons .btn{text-align:center;width:100%}}