:root{--fg:#101418;--muted:#6b7280;--ring:#e5e7eb;--card:#f8fafc}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--fg)}.topbar{position:sticky;top:0;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ring);background:#fff}.brand{font-weight:700}.controls{display:flex;gap:8px;align-items:center}.btn{padding:8px 12px;border:1px solid var(--ring);border-radius:12px;background:#fff;cursor:pointer}.btn:hover{background:#f3f4f6}.status{color:var(--muted);font-size:12px}main{max-width:820px;margin:0 auto;padding:16px}.notice{padding:12px 14px;border:1px dashed var(--ring);border-radius:12px;background:var(--card)}.status.status--ok{color:#16a34a;font-weight:600}.post-card{border:1px solid #e6e6e9;border-radius:12px;padding:12px;background:#fff;margin:12px 0}.post-top{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:#f8fafc}.post-top--me{background:#fff7ed}.post-top__time{color:#6b7280;font-size:12px}.badge{margin-left:auto;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid currentColor;background:transparent;cursor:pointer}.badge:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.badge--post{color:#6b7280;background:#f3f4f6}.badge--reply{color:#2563eb;background:#eff6ff}.badge--mention{color:#059669;background:#ecfdf5}.badge--repost{color:#7c3aed;background:#f5f3ff}.badge--quote{color:#dc2626;background:#fef2f2}.post-body{white-space:pre-wrap;line-height:1.5;font-size:16px;color:#111827;word-break:break-word;overflow-wrap:anywhere}.embed{margin-top:8px;padding:8px;border-radius:10px;background:#f8fafc;border:1px solid #e6e6e9;width:90%;margin-left:auto;margin-right:auto}.post-card--embed{border:none;background:transparent;padding:4px;margin:0}.post-card--embed .post-top{padding:2px 4px;background:#eceff3}.post-card--embed .post-bot{display:none}:root{--card-radius: 8px;--btn-size-h: 24px;--btn-size-w: 48px;--btn-gap: 8px;--border-color: #e6e6e9;--hover-bg: #f9fafb;--active-bg: #f3f4f6}.post-bot{margin-top:10px}.post-actions{display:flex;align-items:center;gap:var(--btn-gap)}.post-actions__spacer{flex:1 1 auto}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-size-w);height:var(--btn-size-h);border-radius:var(--card-radius);border:1px solid var(--border-color);background:#fff;font-size:14px;line-height:1;padding:0;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-action[data-action=fav].is-on{background:#ffe4ef;color:#e91e63}.btn-action:hover{background:var(--hover-bg)}.btn-action:active{background:var(--active-bg)}.btn-action:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.btn-action{letter-spacing:.02em}@media (max-width: 420px){:root{--btn-size-w: 56px;--btn-size-h: 30px;--btn-gap: 6px}}#media-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:1500}#media-modal.is-open{display:flex}.media-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1500}.media-modal__dialog{position:relative;max-width:90vw;max-height:90vh;margin:0;background:#fff;border-radius:8px;overflow:hidden;z-index:1501}.media-modal__content{position:relative;z-index:1;pointer-events:auto;padding:16px}.media-modal__close{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;justify-content:center;width:32px;height:32px;background:#0000000d;border:none;border-radius:9999px;font-size:20px;line-height:1;cursor:pointer;color:#333}.modal__media{display:block;max-width:90vw;max-height:80vh;width:auto;height:auto}.modal__img{background:#fff;border-radius:6px}.modal__video{background:#000;border-radius:6px}#user-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:1400}#user-modal.is-open{display:flex}.user-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1400}.user-modal__dialog{position:relative;z-index:1401;max-width:560px;width:calc(100vw - 32px);max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.user-modal__close{position:absolute;top:.5rem;right:.5rem;z-index:1402;width:32px;height:32px;border:none;background:#0000000d;border-radius:9999px;font-size:18px;line-height:1;cursor:pointer;color:#333}.user-modal__content{padding:16px}.user-modal__header{display:flex;gap:12px;align-items:center}.user-modal__avatar{width:56px;height:56px;border-radius:8px;background:#f2f2f2;display:grid;place-items:center;font-weight:700;overflow:hidden;flex:0 0 auto}.user-modal__avatar img{width:100%;height:100%;object-fit:cover}.user-modal__avatar.is-fallback{color:#666}.user-modal__title{flex:1 1 auto;min-width:0}.user-modal__line1{display:flex;align-items:center;gap:8px}.flex-spacer{flex:1 1 auto}.user-modal__displayname{font-weight:700;font-size:16px}.user-modal__atname{font-size:12px;color:#666}.user-follow-badge{margin-right:40px;padding:6px 10px;border-radius:9999px;border:1px solid #ddd;background:#fafafa;cursor:pointer;font-size:12px}.user-follow-badge[data-state=following]{background:#ffecec;border-color:#f3b4b4}.user-modal__line2{margin-top:2px;font-size:12px;color:#444}.user-modal__nip05.is-error{color:#c00}.nip05-ok{color:#0a0;font-weight:700}.user-modal__details{margin-top:12px;display:grid;gap:8px}.user-detail a{text-decoration:underline;word-break:break-all}.user-detail--about{white-space:pre-wrap;line-height:1.5}.user-modal__details,.user-detail,.user-detail a{word-break:break-word;overflow-wrap:anywhere}#post-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:1300}#post-detail-modal.is-open{display:flex}.post-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1300}.post-modal__dialog{position:relative;z-index:1301;max-width:680px;width:calc(100vw - 32px);max-height:92vh;background:#fff;border-radius:12px;overflow:auto;box-shadow:0 10px 30px #0003}.post-modal__close{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border:none;background:#0000000d;border-radius:9999px;font-size:18px;line-height:1;cursor:pointer;color:#333}.post-modal__content{padding:16px}.emoji-prefix{pointer-events:none;-webkit-user-select:none;user-select:none;margin-right:4px}.composer{display:flex;align-items:stretch;gap:8px;margin:0 0 16px}.composer__input{flex:1 1 auto;height:70px;resize:none;padding:10px 12px;font:inherit;border:1px solid var(--ring);border-radius:8px;background:#fff}.composer__buttons{display:flex;flex-direction:column;height:70px;gap:6px}.composer__btn{border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-size:20px;line-height:1;width:60px;height:32px;display:flex;align-items:center;justify-content:center}.composer__btn:hover{background:#f3f4f6}.composer__btn:active{background:#eef2f7}.composer__btn:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.composer{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"target  target" "input   buttons";gap:8px}.composer-target{grid-area:target}.composer__input{grid-area:input}.composer__buttons{grid-area:buttons;display:flex;flex-direction:column;gap:8px}.composer-target[hidden]{display:none!important}.composer-target{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;background:#f8f9fb;border:1px solid #e6e8ee;border-radius:8px}.composer-target__text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}