:where(:root){--rx-bg:#21262c;--rx-line:#2c323a;--rx-text:#ffffffb3;--rx-text-bright:#fff;--rx-accent:#f5d04c;--rx-heart:#e4116c;--rx-shadow:0 10px 30px #00000073;--rx-font:system-ui, sans-serif;--rx-font-headings:inherit;--rx-bottom:1rem;--rx-radius:.625rem;--rx-border-width:1px}::highlight(reactions-mine){background-color:color-mix(in oklch, var(--rx-accent) 30%, transparent);color:var(--rx-text-bright)}::highlight(reactions-them){text-decoration:underline dotted color-mix(in oklch, var(--rx-accent) 70%, transparent);text-underline-offset:.25em;text-decoration-thickness:2px}::highlight(reactions-flash){background-color:color-mix(in oklch, var(--rx-accent) 55%, transparent);color:var(--rx-text-bright)}.reactions{--rx-above:calc(var(--rx-bottom) + 2.75rem);font-family:var(--rx-font);font-size:.8125rem;line-height:1.4}.reactions *,.reactions :before,.reactions :after{box-sizing:border-box}.reactions button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0}.reactions button:disabled{cursor:default}.reactions svg{flex:none;width:1.1em;height:1.1em}.reactions .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reactions-dock{bottom:var(--rx-bottom);z-index:20;position:fixed;left:50%;translate:-50%}.reactions-pill{border:var(--rx-border-width) solid var(--rx-line);border-radius:var(--rx-radius);background:var(--rx-bg);box-shadow:var(--rx-shadow);align-items:stretch;display:flex;overflow:hidden}.reactions-seg{color:var(--rx-text);white-space:nowrap;align-items:center;gap:.4em;padding:.4rem .75rem;display:flex}.reactions-seg+.reactions-seg{border-left:var(--rx-border-width) solid var(--rx-line)}.reactions button.reactions-seg:hover,.reactions button.reactions-seg:focus-visible{background:var(--rx-line);color:var(--rx-text-bright);outline:none}.reactions-word{opacity:.7}.reactions-heart svg{transition:scale .15s ease-out}.reactions-heart[aria-pressed=true]{color:var(--rx-text-bright)}.reactions-heart[aria-pressed=true] svg{color:var(--rx-heart)}.reactions-heart:active svg{scale:1.35}.reactions-say{bottom:calc(100% + .5rem);left:var(--x);background:var(--rx-accent);color:var(--rx-bg);white-space:nowrap;pointer-events:none;border-radius:.4rem;margin:0;padding:.25rem .6rem;position:absolute;translate:-50%}.reactions-say:after{content:"";border:5px solid #0000;border-top-color:var(--rx-accent);position:absolute;top:100%;left:50%;translate:-50%}.reactions-pop{animation:.22s ease-out reactions-pop}@keyframes reactions-pop{0%{opacity:0;transform:translateY(4px)scale(.96)}}@media (prefers-reduced-motion:reduce){.reactions-pop{animation:none}}.reactions-popover{inset:auto;bottom:var(--rx-above);border:1px solid var(--rx-line);border-radius:var(--rx-radius);background:var(--rx-bg);color:var(--rx-text);box-shadow:var(--rx-shadow);margin:0;left:50%;translate:-50%}.reactions-panel{width:min(24rem,100vw - 2rem);max-height:min(30rem,70dvh);padding:0}.reactions-panel:popover-open{flex-direction:column;display:flex}.reactions-panel header{border-bottom:1px solid var(--rx-line);gap:.5rem;padding:.75rem .75rem .5rem;display:grid}.reactions-panel h2{font-family:var(--rx-font-headings);color:var(--rx-text-bright);margin:0;font-size:1.125rem;font-weight:400}.reactions-filter{gap:.25rem;display:flex}.reactions-filter button{border-radius:999px;padding:.1rem .55rem}.reactions-filter button[aria-pressed=true]{background:var(--rx-accent);color:var(--rx-bg)}.reactions-filter button[aria-pressed=false]:hover{color:var(--rx-text-bright)}.reactions-filter span{opacity:.6}.reactions-panel ol{overscroll-behavior:contain;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.reactions-panel li{align-items:flex-start;display:flex}.reactions-panel li button:first-child{text-align:start;border-radius:.4rem;flex:1;gap:.2rem;padding:.5rem .6rem;display:grid}.reactions-panel li button:first-child:hover:not(:disabled),.reactions-panel li button:first-child:focus-visible{background:var(--rx-line);outline:none}.reactions-panel li button:disabled{opacity:.5}.reactions-panel q{color:var(--rx-text-bright);font-size:.9375rem}.reactions-panel li[data-mine] q{text-decoration:underline var(--rx-accent) 2px;text-underline-offset:.2em}.reactions-panel .reactions-delete{color:var(--rx-text);opacity:0;flex:none;padding:.55rem}.reactions-panel li:hover .reactions-delete,.reactions-panel .reactions-delete:focus-visible{opacity:1}.reactions-panel .reactions-delete:hover{color:var(--rx-heart)}@media (hover:none){.reactions-panel .reactions-delete{opacity:1}}.reactions-foot{border-top:1px solid var(--rx-line);margin:0;padding:.5rem .75rem}.reactions-add,.reactions-tip{z-index:30;background:var(--rx-text-bright);color:var(--rx-bg);position:fixed;box-shadow:0 4px 12px #0000004d}.reactions .reactions-add{left:var(--x);top:var(--y);background:var(--rx-text-bright);color:var(--rx-bg);border-radius:999px;padding:.25rem .75rem;translate:-50% calc(-100% - .5rem)}.reactions-tip{--width:min(20rem, 100vw - 2rem);left:clamp(1rem + var(--width) / 2, var(--x), 100vw - 1rem - var(--width) / 2);top:var(--y);width:max-content;max-width:var(--width);border-radius:var(--rx-radius);pointer-events:none;padding:.5rem .75rem;translate:-50% calc(-100% - 1rem)}:where(.reactions-stats-totals){grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:0;display:grid}:where(.reactions-stats-totals) div{border-radius:var(--rx-stats-radius,.5rem);background:var(--rx-stats-tile,color-mix(in oklch, currentColor 7%, transparent));padding:.75rem 1rem}:where(.reactions-stats-totals) dt{align-items:center;gap:.35rem;font-size:.875em;display:flex}:where(.reactions-stats-totals) dd{font-family:var(--rx-font-headings,inherit);margin:0;font-size:2.25em;line-height:1.1}:where(.reactions-stats) svg{vertical-align:-.15em;flex:none;width:1.1em;height:1.1em}:where(.reactions-stats-table){overflow-x:auto}:where(.reactions-stats-table) table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-block:0}:where(.reactions-stats-table) th,:where(.reactions-stats-table) td{text-align:start;padding:.35rem .5rem}:where(.reactions-stats-table) th[scope=row]{background:linear-gradient(to right, color-mix(in oklch, var(--rx-accent,#f5d04c) 15%, transparent) calc(var(--share) * 100%), transparent 0);font-weight:400}:where(.reactions-stats-table) .reactions-stats-num{text-align:end;white-space:nowrap}:where(.reactions-stats-table) .reactions-stats-type{font-size:.875em}:where(.reactions-stats-activity) h3{font-size:1em}:where(.reactions-stats-activity) ul{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}:where(.reactions-stats-activity) li{gap:.5rem;display:flex}:where(.reactions-stats-activity) p{margin:0}:where(.reactions-stats-activity) .reactions-stats-ago{font-family:var(--rx-font-mono,ui-monospace, monospace);white-space:nowrap;font-size:.875em}:where(.reactions-stats) .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--rx-bg:var(--colour-reallyFuckingDark,#21262c);--rx-line:var(--colour-notQuiteSoFuckingDark,#2c323a);--rx-accent:var(--colour-yellow,#f5d04c);--rx-heart:var(--colour-pink,#e4116c);--rx-font:var(--font-body,system-ui, sans-serif);--rx-font-headings:var(--font-headings,inherit);--rx-font-mono:var(--font-mono,monospace);--rx-stats-tile:var(--bg-block);--rx-stats-radius:var(--block-radius)}:root:has(#status-banner:not([hidden])) .reactions{--rx-bottom:6rem}.reactions .reactions-flavour svg{width:1.25em;height:1.25em}.reactions-flavours{width:min(22rem,100vw - 2rem);padding:.5rem}.reactions-flavours ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.reactions-flavours a{color:inherit;border-radius:.4rem;gap:.75rem;padding:.4rem .5rem;text-decoration:none;display:flex}.reactions-flavours a:hover,.reactions-flavours a:focus-visible{background:var(--rx-line);color:var(--rx-text-bright);outline:none}.reactions-flavours svg{width:1.5em;height:1.5em}.reactions-flavours a>span{display:grid}.reactions-flavours strong{color:var(--rx-text-bright);font-weight:400}.reactions-flavours a[aria-current],.reactions-flavours a[aria-current] strong{color:var(--rx-accent)}.reactions-flavours-title{font-family:var(--font-headings,inherit);color:var(--rx-text-bright);font-size:var(--step--1);margin:0;padding:.25rem .5rem .4rem}
