:root{--ink:#1a1a1a;--muted:#888;--line:#e5e5e5;--accent:#1a1a1a;--accent-ink:#fff;--radius:8px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;background:#fafafa}a{color:inherit;text-decoration:none}.app-shell,.login-shell{width:min(1180px,100%);margin:0 auto;padding:20px 16px 40px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.brand{margin:0;font-size:1.25rem;font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;justify-items:center}.media-card{width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.media-card-audio,.media-card-visual{padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.media-preview{position:relative;aspect-ratio:4/5;background:#f0f0f0}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-subtitle{margin:0;color:var(--muted);font-size:.8rem}.audio-placeholder{display:grid;place-items:center;height:100%;text-align:center;padding:16px;background:#f0f0f0}.audio-icon{font-size:2rem}.audio-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.3);transition:background .15s}.media-card-audio:hover .audio-overlay{background:rgba(0,0,0,.45)}.audio-overlay-icon{font-size:2rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.post-view{max-width:720px;margin:0 auto;display:grid;grid-gap:16px;gap:16px}.post-media{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;min-height:280px}.post-media img,.post-media video{width:100%;height:100%;object-fit:contain}.audio-player{min-height:200px;display:grid;place-items:center;grid-gap:14px;gap:14px;padding:24px;background:#111;border-radius:var(--radius)}.audio-title{color:#eee;margin:0}.post-details h1{margin:0 0 6px;font-size:1.1rem;font-weight:600}.post-details p{margin:0 0 6px}.upload-shell{width:min(520px,100%);margin:0 auto;padding:20px 16px 40px}.upload-form{display:grid;grid-gap:14px;gap:14px}.upload-form label{display:grid;grid-gap:4px;gap:4px;font-size:.85rem;font-weight:500;color:var(--muted)}.upload-form input,.upload-form textarea{border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit;color:var(--ink);background:#fff}.upload-form input:focus,.upload-form textarea:focus{outline:none;border-color:var(--ink)}.ghost-button,.primary-button{border:0;border-radius:6px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.primary-button{background:var(--accent);color:var(--accent-ink)}.ghost-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.empty-state{padding:16px}.empty-state,.hint{margin:0;color:var(--muted)}.hint{font-size:.9rem}@media (min-width:640px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.hamburger-wrapper{position:relative}.hamburger-btn{background:none;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:1.25rem;cursor:pointer;line-height:1;display:grid;place-items:center}.hamburger-dropdown{position:absolute;left:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:4px;padding:6px;min-width:160px;z-index:100}.fab{position:fixed;bottom:24px;right:24px;z-index:150;width:56px;height:56px;border:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:1.75rem;font-weight:300;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:transform .15s,box-shadow .15s;text-decoration:none;line-height:1}.fab:hover{transform:scale(1.08);box-shadow:0 6px 18px rgba(0,0,0,.3)}.lightbox-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.92)}.lightbox-close{position:fixed;top:16px;right:16px;z-index:210;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 10px;line-height:1}.lightbox-content{position:relative;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-media{max-width:92vw;max-height:82vh;object-fit:contain}.lightbox-content img.lightbox-media{position:relative!important;width:auto!important;height:auto!important;max-width:92vw;max-height:82vh}.lightbox-info{margin-top:12px;text-align:center;color:rgba(255,255,255,.8);max-width:600px}.lightbox-title{margin:0;font-size:1rem;font-weight:600;color:#fff}.lightbox-caption{margin:4px 0 0;font-size:.85rem;color:rgba(255,255,255,.6)}