@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800&family=Oswald:wght@500;700&display=swap');
:root{--orange:#ffb000;--black:#141414;--paper:#f4f0e8;--muted:#777}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--black);font-family:Montserrat,Arial,sans-serif}header{height:70px;background:#181818;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,7vw,110px);box-shadow:0 2px 8px #0004;position:sticky;top:0;z-index:2}.logo{font:700 24px Oswald,sans-serif;letter-spacing:1px;color:white;text-decoration:none}.logo span{color:var(--orange)}nav{display:flex;align-items:center;gap:18px;font-size:12px}nav a,nav button{color:#fff;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}nav a:hover,nav button:hover{color:var(--orange)}nav form{margin:0}main{width:min(720px,calc(100% - 32px));margin:32px auto 50px}.flash{padding:14px 18px;border-radius:4px;margin-bottom:24px;font-weight:700}.flash.ok{background:#dff0d4}.flash.error{background:#ffdadd;color:#7a1111}.login,.upload,.admin{background:#fff;border:1px solid #ddd;padding:27px;margin-bottom:34px;box-shadow:0 2px 10px #0000000d}.login h1,.upload h1,.admin h1{font:700 29px Oswald,sans-serif;text-transform:uppercase;margin:0 0 8px}.login p,.admin p{color:#666;font-size:14px;line-height:1.6}form{display:flex;gap:10px;flex-wrap:wrap}.login form{margin-top:20px}.upload form{flex-direction:column}input,textarea{border:1px solid #c9c4bb;border-radius:2px;padding:12px;font:14px Montserrat,sans-serif;flex:1;min-width:150px}textarea{min-height:72px;resize:vertical}button,.file{background:var(--black);color:#fff;border:0;padding:12px 16px;cursor:pointer;font:700 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.3px;border-radius:2px}.file{background:#ece8df;color:#333;display:inline-block;align-self:flex-start}.file input{display:none}.upload small,.hint{color:var(--muted);font-size:11px}.feed>h2{font:700 20px Oswald,sans-serif;text-transform:uppercase;border-bottom:4px solid var(--orange);padding-bottom:8px}.meme{background:#111;color:#f7f7f7;padding:28px 28px 15px;margin:24px 0;box-shadow:0 5px 14px #0003}.meme h2{font:700 clamp(22px,4vw,32px) Oswald,sans-serif;text-transform:uppercase;text-align:center;margin:0 0 20px;line-height:1.1}.meme img{display:block;width:100%;max-height:650px;object-fit:contain;background:#292929}.meme>p{font:500 clamp(15px,2.3vw,19px) Oswald,sans-serif;text-transform:uppercase;text-align:center;letter-spacing:.3px;margin:18px 0}.meme footer{display:flex;justify-content:space-between;color:#aaa;font-size:10px;border-top:1px solid #333;padding-top:12px;align-items:center}.meme footer form{margin:0}.meme footer button{background:#292929;padding:7px 10px;color:#ff8e8e}.meme footer button:disabled{opacity:.55;cursor:not-allowed}.empty{border:2px dashed #c9c4bb;padding:35px;text-align:center;color:#777}.site-footer{text-align:center;color:#888;font-size:11px;padding:20px;background:#e8e3da}@media(max-width:600px){header{height:auto;min-height:60px;padding:12px 16px;gap:8px}.logo{font-size:20px}nav{gap:9px;font-size:10px}nav span{display:none}main{margin-top:20px}.meme{padding:18px 15px 12px}.invite{flex-direction:column}.invite button{align-self:flex-start}}