:root{--main-font:Arial,Helvetica,sans-serif;--background-color:#f5f5f5;--nav-color:#111;--nav-text:#fff;--accent-color:#e63946;--button-color:#111;--button-text:#fff;--heading-color:#111}
*{box-sizing:border-box}body{margin:0;font-family:var(--main-font);background:var(--background-color);color:var(--heading-color)}button,input{font-family:inherit}.navbar{position:sticky;top:0;z-index:100;min-height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:var(--nav-color)}.logo{color:var(--nav-text);text-decoration:none;font-size:24px;font-weight:bold}.nav-links{display:flex;gap:25px}.nav-links a{color:var(--nav-text);text-decoration:none}.nav-links a:hover{color:var(--accent-color)}
.upload-section{max-width:950px;margin:auto;padding:70px 20px 50px;text-align:center}.upload-section h1{font-size:42px}#uploadForm{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}input[type=file],input[type=text]{padding:14px;border:1px solid #ccc;border-radius:5px;background:white}input[type=text]{width:260px}button{border:0;border-radius:5px;padding:14px 20px;cursor:pointer;background:var(--button-color);color:var(--button-text)}button:hover{opacity:.8}.agreement{width:100%;max-width:700px;display:flex;gap:9px;justify-content:center;text-align:left;font-size:14px;line-height:1.4}.agreement input{margin-top:3px}.upload-note{font-size:13px;opacity:.75}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
main{padding:20px}.section-heading{max-width:1400px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.collage{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:180px;gap:10px;grid-auto-flow:dense}.collage-item{position:relative;overflow:hidden;border-radius:6px;cursor:pointer;background:#ddd}.collage-item.large{grid-column:span 2;grid-row:span 2}.collage-item.tall{grid-row:span 2}.collage-item img,.collage-item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.collage-item:hover img,.collage-item:hover video{transform:scale(1.05)}.image-title{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font-weight:bold}
.lightbox{display:none;position:fixed;inset:0;z-index:1000;padding:30px;background:rgba(0,0,0,.85);overflow-y:auto}.lightbox.show{display:block}.lightbox-content{width:min(900px,100%);margin:30px auto;padding:20px;background:white;border-radius:8px}#largeMedia img,#largeMedia video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#eee}.close{position:fixed;top:15px;right:20px;z-index:1001;font-size:32px;background:transparent}.like-button{background:var(--accent-color)}.comments{margin-top:20px}.comment{padding:10px;border-bottom:1px solid #ddd}#commentForm{display:flex;gap:10px;margin-top:15px}#commentForm input{flex:1}footer{margin-top:50px;padding:30px;text-align:center;background:var(--nav-color);color:var(--nav-text)}
@media(max-width:800px){.collage{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.collage-item.large{grid-column:span 2}.navbar{padding:0 15px}.upload-section h1{font-size:32px}}@media(max-width:500px){.collage{grid-template-columns:1fr}.collage-item.large{grid-column:span 1}#commentForm{flex-direction:column}.agreement{justify-content:flex-start}}