bugs-archive{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--dialog-inset: 16px;display:block;color:var(--foreground);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);color:inherit;font:inherit;cursor:pointer}a{--underline: var(--muted-foreground);color:var(--foreground);text-underline-offset:3px;text-underline-position:auto}svg{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0}.icon-button{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-sm);background:transparent;&:hover{background:var(--inset)}}.masonry{--columns: 3;--gap: 18px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:start;&.ready{display:block}&.ready>.tweet-card{position:absolute;top:0;left:0;width:calc((100% - 36px) / 3)}}.tweet-card{min-width:0;padding:var(--space-4) var(--space-4) var(--space-2);overflow:hidden;border-radius:var(--radius-sm);background:var(--raised);cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-ease-out-quart);&:hover{background:var(--inset)}}.story-card{scroll-margin-top:var(--space-6)}.post-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.avatar-link{display:block;flex-shrink:0;border-radius:50%;text-decoration:none}.avatar{display:block;width:32px;height:32px;object-fit:cover;border-radius:50%}.identity{min-width:0;flex:1}.identity-line{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;line-height:1.25rem}.author-name{font-size:.875rem;text-decoration:none}.verified-badge{display:inline-flex;flex-shrink:0;color:var(--tone-blue);svg{width:15px;height:15px}}.identity-subline{display:flex;flex-wrap:wrap;gap:0 var(--space-3);margin-top:2px;color:var(--muted-foreground);font-size:.75rem;line-height:1rem;a{color:inherit;text-decoration:none}}:is(.identity-subline a,.author-name):hover{text-decoration:underline;text-decoration-color:currentColor}.original-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);&:hover{background:var(--inset)}}.tweet-text{margin:0 0 var(--space-3);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;line-height:1.6;a{word-break:break-word}code{padding:1px 4px;border-radius:var(--radius-sm);background:var(--inset);font-family:var(--font-mono);font-size:.9em;-webkit-box-decoration-break:clone;box-decoration-break:clone}}.tweet-media{display:grid;gap:var(--space-1);margin:0 0 var(--space-3);overflow:hidden;border-radius:var(--radius-sm);background:var(--inset);&.multi{grid-template-columns:repeat(2,minmax(0,1fr))}img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}&.multi img{height:100%}video{display:block;width:100%;height:auto;max-height:min(420px,55dvh);object-fit:contain;background:var(--foreground)}}.thread-cover .tweet-media{margin-bottom:var(--space-2)}.thread-cover>span{display:block;color:var(--muted-foreground);font-size:.8125rem;line-height:1.5}.tweet-card>:is(.tweet-text,.tweet-media){margin-bottom:0}.tweet-card>.tweet-text:has(+:is(.tweet-media,.thread-cover)){margin-bottom:var(--space-3)}.stats{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;color:var(--muted-foreground);font-family:var(--font-v12-mono);font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.333333;span{display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.stat-views{margin-inline-start:auto}svg{width:16px;height:16px}}.thread-toggle{justify-content:flex-start;width:100%;min-height:40px;padding:var(--space-2) 0;background:transparent;font-size:.875rem;line-height:1.5;text-align:left;&:hover{text-decoration:underline;text-underline-offset:3px}}.article-preview{overflow:hidden;border-radius:var(--radius-sm);background:var(--inset);.tweet-media{margin:0;border-radius:0}.tweet-media img{max-height:190px}.story-title{margin-bottom:var(--space-2);font-size:1rem;line-height:1.375;overflow-wrap:anywhere}.article-intro{margin:0;font-size:.875rem;line-height:1.5}}.article-preview-text{padding:var(--space-3)}#story-dialog{position:fixed;inset:0;width:min(560px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 64px);margin:auto;overflow:hidden;overscroll-behavior:none;border-radius:var(--radius-sm);color:var(--foreground);background:var(--page);&[open]{display:flex;flex-direction:column}&::backdrop{background:#12111399}}.dialog-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--dialog-inset);background:var(--page);h2{font-size:1rem;line-height:1.375;overflow-wrap:anywhere;&:focus{outline:none}}.icon-button{width:32px;height:32px}}.dialog-body{display:flex;flex-direction:column;gap:var(--space-3);flex:0 1 auto;min-height:0;padding:0 var(--dialog-inset) var(--space-4);overflow:hidden auto;overscroll-behavior:none;scroll-padding:var(--space-3)}.dialog-post{flex-shrink:0;min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--raised);scroll-margin-block:var(--space-3);.post-header{gap:var(--space-2);margin-bottom:var(--space-2)}.avatar{width:28px;height:28px}.original-icon{width:28px;height:32px;svg{width:16px;height:16px}}.tweet-text{margin-bottom:var(--space-2)}.tweet-text:has(+.stats){margin-bottom:var(--space-4)}.stats{width:100%;padding:var(--space-2) 0 0;font-size:.6875rem;line-height:1rem;svg{width:14px;height:14px}}}.post-attachments{figure{margin:0 0 var(--space-4);&:last-child{margin-bottom:0}}.tweet-media{margin-bottom:var(--space-2);&:last-child{margin-bottom:0}}}.dialog-body{:is(.post-attachments,.article-figure){padding-block:var(--space-4)}.post-attachments img{max-height:650px}.post-attachments video{width:auto;max-width:100%;margin-inline:auto}.post-attachments .tweet-media:has(video){display:block;width:fit-content;max-width:100%;margin-inline:auto;background:transparent}}.article-full{margin:0 0 var(--space-6);h3{margin:0 0 var(--space-3);font-size:1.0625rem;line-height:1.5}}.article-text{overflow-wrap:anywhere;font-size:.875rem;line-height:1.65;>p{margin:0 0 1em;white-space:pre-wrap}>:is(h4,h5){margin:1.6em 0 .6em;font-size:1rem;line-height:1.4}>h5{font-size:.9375rem}>:first-child{margin-top:0}>:last-child{margin-bottom:0}blockquote{margin:1em 0;padding:var(--space-3);background:var(--inset)}code{font-family:var(--font-mono);font-size:.9em}.article-code{margin:1em 0;padding:var(--space-3);overflow:auto;border-radius:var(--radius-sm);background:var(--inset);font-family:var(--font-mono);font-size:.75rem;line-height:1.65;white-space:pre;code{font-size:inherit}}.article-figure{margin:1em 0}}.article-figure{margin:0 0 var(--space-4);img{display:block;max-width:100%;height:auto;max-height:420px;margin-inline:auto;object-fit:contain;border-radius:var(--radius-sm)}figcaption{margin-top:var(--space-2);color:var(--muted-foreground);font-size:.75rem;line-height:1.5}}@media(width<=1000px){.masonry{--columns: 2;grid-template-columns:repeat(2,minmax(0,1fr))}.masonry.ready>.tweet-card{width:calc((100% - 18px)/2)}}@media(width<=640px){--dialog-inset: 12px;.masonry{--columns: 1;grid-template-columns:minmax(0,1fr)}.masonry.ready>.tweet-card{width:100%}#story-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.dialog-post{padding:var(--space-3)}}@media(pointer:coarse){.dialog-header .icon-button{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}}html:has(bugs-archive #story-dialog[open]),body:has(bugs-archive #story-dialog[open]){overflow:hidden;overscroll-behavior:none}
