.react-row{flex-wrap:wrap;gap:6px;display:flex}.react{border:2px solid var(--ink);background:var(--card);min-height:36px;transition:transform .12s var(--spring);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.react b{font-family:var(--mono);font-size:11px}.react[aria-pressed=true]{background:var(--ink);color:var(--card);box-shadow:2px 2px 0 var(--accent)}.react:active{transform:scale(.95)}.pubtoggle{border:2px dashed var(--line);gap:8px;display:grid}.switch{background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;flex:none;width:52px;height:30px;position:relative}.switch:after{content:"";background:var(--ink);width:20px;height:20px;transition:transform .18s var(--spring);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--mint)}.switch[aria-checked=true]:after{background:var(--card);transform:translate(22px)}.live-strip{align-items:center;gap:10px;min-width:0;padding:10px 0;display:flex}.live-strip ul{scrollbar-width:none;flex:1;gap:18px;min-width:0;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.live-strip ul::-webkit-scrollbar{display:none}.live-strip li{white-space:nowrap;font-size:13.5px;font-weight:700}.live-strip li a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.live-strip .when{font-family:var(--mono);color:var(--mute);margin-left:4px;font-size:10.5px}.live-strip.dark li{color:var(--card)}.live-strip.dark .when{color:#fbf7ee8c}
