.tp{display:flex;flex-direction:column;min-height:100vh}
.tl{max-width:800px;margin:0 auto;width:100%;padding:0 1.5rem;flex:1}
.tn{display:flex;align-items:center;gap:.75rem;padding:1.5rem 0 1rem}
.bl{font-size:.8rem;color:var(--text-dim);text-decoration:none}
.bl:hover{color:var(--accent-primary)}
.tc{font-family:var(--font-mono);font-size:.55rem;font-weight:700;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--accent-secondary) 10%,transparent);padding:.15rem .5rem;border-radius:2px}
.tt{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text);line-height:1.2;margin:.5rem 0}
.tmeta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-dim);margin-bottom:1.5rem;font-family:var(--font-mono)}
.ma{font-weight:600;color:var(--text)}
.ms{opacity:.4}
.av{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0}
.tb{font-size:.95rem;line-height:1.7;color:var(--text);border-bottom:1px solid var(--surface-3);padding-bottom:1.5rem;margin-bottom:1.5rem}
.tb p{margin:.75rem 0}
.tb strong{color:var(--text);font-weight:600}
.tb blockquote{border-left:3px solid var(--accent-secondary);padding-left:1rem;color:var(--text-dim);margin:1rem 0}
.tb code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-2);padding:.15em .3em;border-radius:3px}
.ta{display:flex;gap:.5rem;margin-bottom:1.5rem}
.ab{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.4rem .8rem;border:1px solid var(--surface-3);background:var(--surface-2);color:var(--text-dim);border-radius:3px;cursor:pointer}
.ab:hover{border-color:var(--accent-primary);color:var(--accent-primary)}
.ab[data-following="true"]{background:var(--accent-primary);color:var(--on-accent);border-color:var(--accent-primary)}
.rh{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem}
.r{border-bottom:1px solid var(--surface-2);padding:1rem 0}
.rhd{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.ra{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text)}
.rt{font-family:var(--font-mono);font-size:.6rem;color:var(--text-faint)}
.rb{font-size:.9rem;line-height:1.6;color:var(--text)}
.rb p{margin:.5rem 0}
.rf{margin:2rem 0}
.rf textarea{width:100%;padding:.75rem;font-size:.9rem;background:var(--surface-1);color:var(--text);border:1px solid var(--surface-3);border-radius:4px;resize:vertical;font-family:inherit}
.rf textarea:focus{outline:none;border-color:var(--accent-primary)}
.rsb{margin-top:.5rem;padding:.5rem 1.2rem;font-size:.8rem;font-weight:600;background:var(--accent-primary);color:var(--on-accent);border:none;border-radius:4px;cursor:pointer}
.rsb:hover{filter:brightness(1.1)}
.lm{font-size:.85rem;color:var(--text-faint);font-style:italic;margin:2rem 0}
.lp{font-size:.85rem;color:var(--text-dim);margin:2rem 0}
.lp a{color:var(--accent-primary);text-decoration:none;font-weight:600}