:root{--bg: #fff;--fg: #111;--muted: #737373;--line: #dbdbdb;--accent: #0095f6;--like: #ed4956;color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #000;--fg: #f5f5f5;--muted: #a8a8a8;--line: #363636}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}#root{max-width:600px;margin:0 auto;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--bg);border-bottom:1px solid var(--line)}h1{font-size:1.4rem;margin:0}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}nav button{flex:1;max-width:284px;background:none;color:var(--muted)}nav button.active{color:var(--fg);font-weight:600}button,.button{font:inherit;font-weight:600;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;background:var(--accent);color:#fff;text-align:center;min-height:44px}button:disabled{opacity:.5}.secondary{background:var(--line);color:var(--fg)}.link{background:none;color:var(--accent);padding:4px;min-height:0;font-weight:500}input,textarea{font:inherit;font-size:16px;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}textarea{min-height:80px;resize:vertical}.error{color:var(--like);margin:0}.empty{text-align:center;color:var(--muted);padding:48px 16px}.login,.new-post{display:flex;flex-direction:column;gap:12px;padding:16px}.login{max-width:360px;margin:15vh auto 0}.login h1{text-align:center;font-size:2rem;margin-bottom:16px}article{border-bottom:1px solid var(--line)}.author{padding:12px 16px;font-weight:600}article img,.new-post img{display:block;width:100%;max-height:75vh;object-fit:contain;background:#000}.body{padding:8px 16px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.body p{margin:0}.like{background:none;color:var(--fg);padding:4px 0;font-size:1.1rem}.like.liked{color:var(--like)}.location{color:var(--muted);font-size:.9rem;text-decoration:none;margin:0}time{color:var(--muted);font-size:.75rem}audio{width:100%}main>button{display:block;margin:16px auto}.camera{display:flex;flex-direction:column;gap:12px;padding:16px}.camera video{width:100%;max-height:70vh;border-radius:8px;background:#000;object-fit:cover}.camera video.mirror{transform:scaleX(-1)}.camera .controls{display:flex;justify-content:space-between;align-items:center}.shutter{width:68px;height:68px;border-radius:50%;border:4px solid var(--line);background:var(--fg);padding:0}.recorder{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.recording{background:var(--like)}