:root,:root[data-theme=dark]{--bg:#11131a;--fg:#f4f4f5;--accent:#7c5cff;--muted:#9aa0b4;--card:#1b1e29;--border:#2a2e3d;--secondary:#2a2e3d;--warn-bg:#3a2a00;--warn-border:#7a5b00}:root[data-theme=light]{--bg:#f4f5f8;--fg:#16181f;--accent:#7c5cff;--muted:#5b6172;--card:#fff;--border:#d4d7e0;--secondary:#e6e8ef;--warn-bg:#fff4d6;--warn-border:#e3b341}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f4f5f8;--fg:#16181f;--accent:#7c5cff;--muted:#5b6172;--card:#fff;--border:#d4d7e0;--secondary:#e6e8ef;--warn-bg:#fff4d6;--warn-border:#e3b341}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}#app{max-width:480px;min-height:100vh;margin:0 auto;padding:16px 16px 88px}button{background:var(--accent);color:#fff;border:0;border-radius:12px;width:100%;padding:14px 18px;font-size:1.1rem}button.secondary{background:var(--secondary);color:var(--fg)}input,textarea{border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:12px;padding:14px;font-size:1.1rem}.tabbar{background:var(--card);border-top:1px solid var(--border);max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border-radius:0;padding:12px 4px;font-size:.95rem}.tabbar button.active{color:var(--accent)}.feed-toggle{background:var(--secondary);border-radius:999px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.feed-toggle button{color:var(--muted);background:0 0;border-radius:999px;flex:1;padding:8px 4px;font-size:.95rem}.feed-toggle button.active{background:var(--accent);color:#fff}.note{background:var(--card);border-radius:12px;margin-bottom:10px;padding:12px;position:relative}.note .meta{color:var(--muted);margin-bottom:4px;padding-right:28px;font-size:.85rem}.note .body{white-space:pre-wrap;overflow-wrap:anywhere}.note .menu-btn{width:auto;color:var(--muted);background:0 0;padding:2px 10px;font-size:1.3rem;line-height:1;position:absolute;top:4px;right:4px}.note .menu{margin-top:8px}.note .share{background:var(--secondary);width:auto;color:var(--muted);padding:6px 10px;font-size:.8rem}.warn{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:12px;margin:12px 0;padding:12px;font-size:.95rem}.qr{justify-content:center;margin:16px 0;display:flex}.center{text-align:center}.muted{color:var(--muted)}#reader{width:100%}.follows-title{margin:16px 0 8px;font-size:1.05rem}.follow-row{background:var(--card);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.follow-meta{flex-direction:column;flex:1;min-width:0;display:flex}.follow-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.follow-npub{color:var(--muted);font-size:.8rem}.follow-row .unfollow{flex:none;width:auto;padding:8px 14px;font-size:.9rem}.note.reply{border-left:2px solid var(--border);border-radius:0 12px 12px 0;margin-left:16px}.note .reactions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.note .reactions button{background:var(--secondary);width:auto;color:var(--fg);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:1rem;line-height:1;display:inline-flex}.note .reactions button.reacted{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.note .reactions .count{font-size:.8rem}.cemoji{vertical-align:-.2em;width:1.2em;height:1.2em}.note .reactions .react-add{background:var(--secondary);color:var(--muted)}.note .reactions .react-add .plus{margin-left:1px;font-size:.8rem}.picker-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.picker{background:var(--card);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:70vh;padding:16px;display:flex}.picker-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.picker-head h3{margin:0;font-size:1.1rem}.picker-close{width:auto;color:var(--muted);background:0 0;padding:4px 12px;font-size:1.2rem;line-height:1}.picker-search{margin-bottom:12px}.picker-grid{overflow-y:auto}.emoji-cat h4{color:var(--muted);margin:8px 0 6px;font-size:.85rem;font-weight:600}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;display:grid}.emoji-grid .emoji-opt{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:auto;padding:6px;font-size:1.5rem;line-height:1;display:flex}.emoji-grid .emoji-opt:hover{background:var(--secondary)}.emoji-grid .emoji-opt .cemoji{vertical-align:middle;width:1.5rem;height:1.5rem}.note .reply-btn{width:auto;color:var(--muted);background:0 0;margin-top:8px;padding:4px 10px;font-size:.85rem}.note .reply-box{margin-top:8px}.note .reply-box textarea{font-size:1rem}.note .reply-box .reply-send{width:auto;margin-top:6px;padding:8px 14px;font-size:.9rem}