.bits-page{width:100%;max-width:42rem;margin:0 auto;padding:2.5rem 1rem 4rem}@media (width>=640px){.bits-page{padding:3rem 1.5rem 5rem}}.bits-header{margin-bottom:2.25rem;padding:.25rem 0 .5rem;position:relative}.bits-header--feed:after{content:"";background:var(--accent);border-radius:999px;width:2.75rem;height:3px;margin-top:1.1rem;display:block}.bits-header--permalink{margin-bottom:1.25rem;padding:0}.bits-header__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-subtle);border-radius:999px;align-items:center;gap:.4rem;margin:0 0 .65rem;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.bits-header h1{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--text);letter-spacing:-.02em;font-weight:800;line-height:1.1}.bits-header p{color:var(--text-muted);font-size:var(--text-base);max-width:42ch;margin-top:.55rem;line-height:1.55}.bits-header__back{font-size:var(--text-sm);color:var(--text-muted);border:1px solid var(--border);background:var(--bg-elevated);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:999px;align-items:center;gap:.25rem;margin-bottom:0;padding:.3rem .7rem .3rem .55rem;font-weight:500;text-decoration:none;display:inline-flex}.bits-header__back:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.bits-feed{flex-direction:column;gap:1.15rem;padding-left:1.65rem;display:flex;position:relative}.bits-feed:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--border) 28%, var(--border));border-radius:1px;width:2px;position:absolute;top:1.4rem;bottom:1.4rem;left:.4rem}.bits-feed:has(.bits-feed__empty){padding-left:0}.bits-feed:has(.bits-feed__empty):before{display:none}.bits-feed__empty{color:var(--text-muted);font-size:var(--text-sm);border:1px dashed var(--border);border-radius:var(--r-lg);background:var(--bg-subtle);padding:1.5rem 1.25rem}.bit-item{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);padding:1.2rem 1.25rem 1.1rem;position:relative;box-shadow:0 1px 2px #0000000a}.bits-feed .bit-item:before{content:"";background:var(--bg-elevated);border:2px solid var(--accent);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-subtle);z-index:1;border-radius:50%;position:absolute;top:1.45rem;left:calc(-5px - 1.25rem)}.bit-item:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 8px 24px #0f766e14}html[data-theme=dark] .bit-item{box-shadow:0 1px 2px #0003}html[data-theme=dark] .bit-item:hover{box-shadow:0 10px 28px #00000059}.bit-item--linked{cursor:pointer}.bit-item__hit{z-index:0;border-radius:inherit;position:absolute;inset:0}.bit-item__hit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bit-item--linked .bit-link-card,.bit-item--linked .bit-reactions,.bit-item--linked .bit-item__html a{z-index:1;position:relative}.bit-item__meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.7rem;display:flex}.bit-item__time{font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.01em;font-weight:500;text-decoration:none}.bit-item__time:hover{color:var(--accent)}.bit-item__tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.bit-tag{letter-spacing:.02em;color:var(--accent);background:var(--accent-subtle);border-radius:999px;align-items:center;padding:.12rem .55rem;font-size:.7rem;font-weight:650;display:inline-flex}.bit-item__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);letter-spacing:-.015em;margin:0 0 .45rem;font-weight:700;line-height:1.3}.bit-item__text{color:var(--text);font-size:var(--text-base);white-space:pre-wrap;margin:0 0 .85rem;line-height:1.65}.bit-item__text--lead{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:650;line-height:1.45}.bit-item__html{color:var(--text);font-size:var(--text-base);margin:0 0 .85rem;line-height:1.65}.bit-item__html p{margin:0 0 .5em}.bit-item__image{object-fit:contain;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);width:100%;max-height:28rem;margin:0 0 .85rem;display:block}.bit-item__svg{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);margin:0 0 .85rem;overflow:hidden}.bit-item__svg svg{width:100%;height:auto;display:block}.bit-link-card{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-md);background:var(--bg-subtle);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);margin:0 0 .9rem;padding:.9rem 1.05rem .95rem;text-decoration:none;display:block;position:relative}.bit-link-card:hover{border-color:var(--accent);background:var(--accent-subtle);transform:translateY(-1px)}.bit-link-card__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.bit-link-card__source{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:700}.bit-link-card__arrow{color:var(--text-faint);font-size:.85rem;line-height:1}.bit-link-card:hover .bit-link-card__arrow{color:var(--accent)}.bit-link-card__title{font-size:var(--text-sm);color:var(--text);font-weight:650;line-height:1.45;display:block}.bit-reactions{border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem;margin-top:.15rem;padding-top:.85rem;display:flex}.bit-reaction-chip{background:var(--bg-subtle);min-width:2.15rem;min-height:2.15rem;color:var(--text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.28rem;padding:.28rem .55rem;font-size:1.05rem;line-height:1;display:inline-flex}.bit-reaction-chip:hover{background:var(--bg);border-color:var(--border-strong);transform:translateY(-1px)}.bit-reaction-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bit-reaction-chip.is-active{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 3px var(--accent-subtle)}.bit-reaction-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:650}.bit-reaction-chip.is-active .bit-reaction-count{color:var(--accent)}.bit-signin-nudge{z-index:50;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:var(--r-md);box-shadow:var(--shadow-overlay);font-size:var(--text-sm);align-items:center;gap:.75rem;padding:.75rem 1rem;display:none;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(.75rem)}.bit-signin-nudge.is-visible{display:flex;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.bit-item,.bit-link-card,.bit-reaction-chip,.bits-header__back{transition:none}.bit-item:hover,.bit-link-card:hover,.bit-reaction-chip:hover{transform:none}}