:root{--bg:#0a0a0b;--card:#151517;--txt:#f2f2f2;--mut:#9a9aa0;--acc:#e8ff47}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,Inter,Arial}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #222;position:sticky;top:0;background:#0a0a0b}
.logo{font-weight:800;letter-spacing:.08em}
nav button{background:#222;color:#fff;border:0;padding:8px 12px;border-radius:999px;cursor:pointer;margin-left:6px}
main{max-width:560px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid #26262a;border-radius:16px;padding:18px;margin-bottom:16px}
.tabs{display:flex;gap:8px;margin:12px 0}
.tabs button{flex:1;padding:10px;border-radius:10px;border:1px solid #333;background:#111;color:#fff;cursor:pointer}
.tabs .active{background:var(--acc);color:#000;font-weight:700}
form{display:flex;flex-direction:column;gap:10px}
input{background:#0f0f11;border:1px solid #333;color:#fff;padding:12px;border-radius:10px}
button[type=submit],#new-invite,#up-send{background:var(--acc);border:0;padding:12px;border-radius:10px;font-weight:800;cursor:pointer;color:#000}
.msg{min-height:20px;color:var(--acc)}.hint{color:var(--mut);font-size:13px}
.hidden{display:none}
.feed-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--mut)}
.post{background:var(--card);border:1px solid #26262a;border-radius:16px;margin:14px 0;overflow:hidden}
.post head,.post .meta{padding:10px 14px}.meta{color:var(--mut);font-size:13px;display:flex;justify-content:space-between}
.post img{width:100%;display:block;background:#000}
.post audio{width:100%;margin:8px 0}
.post .cap{padding:0 14px 14px}
#up-preview img{max-width:100%;border-radius:12px;margin-top:10px}