*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--bg-subtle:#fafafa;--bg-hover:#f5f5f5;--bg-elevated:#ffffff;--card-bg:#ffffff;--border:#e8e8e8;--border-light:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#9b9b9b;--text-ghost:#c5c5c5;--accent:#1d9bf0;--accent-dark:#1a8cd8;--accent-light:#4db5f5;--accent-bg:rgba(29,155,240,0.06);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,sans-serif;--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--header-bg:rgba(255,255,255,0.92);--skeleton-a:#f0f0f0;--skeleton-b:#e4e4e4}[data-theme=dark]{--bg:#161616;--bg-subtle:#1c1c1c;--bg-hover:#232323;--bg-elevated:#1c1c1c;--card-bg:#1c1c1c;--border:#2a2a2a;--border-light:#222222;--border-color:#333333;--text-primary:#e8e8e8;--text-secondary:#999;--text-tertiary:#666;--text-ghost:#444;--accent:#1d9bf0;--accent-dark:#1a8cd8;--accent-light:#4db5f5;--accent-bg:rgba(29,155,240,0.08);--header-bg:rgba(22,22,22,0.92);--skeleton-a:#232323;--skeleton-b:#2a2a2a}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);line-height:1.6;min-height:100dvh;background-color:var(--bg);color:var(--text-primary);transition:background-color .2s,color .2s}::selection{background:var(--accent);color:#fff}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-ghost)}.home-page{background-color:var(--bg);min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative}.home-header{position:fixed;top:0;right:0;padding:1rem 1.5rem;z-index:10}.home-inner{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:flex-start;gap:0}.home-wordmark{font-family:var(--font-sans);font-size:clamp(3.5rem,12vw,5.5rem);font-weight:700;line-height:1;color:var(--text-primary);letter-spacing:-.04em;margin-bottom:1rem;animation:slide-up .5s var(--ease-out) both}.home-wordmark .x-letter{color:var(--accent)}.home-rule{width:100%;height:1px;background:var(--border);margin-bottom:.75rem;animation:fade-in .6s var(--ease-out) .1s both}.home-tagline{font-family:var(--font-sans);font-size:.875rem;font-weight:400;color:var(--text-secondary);margin-bottom:2.5rem;animation:slide-up .5s var(--ease-out) .1s both}.home-form{width:100%;display:flex;animation:slide-up .5s var(--ease-out) .2s both}.home-input{flex:1 1;background:var(--bg-subtle);border:1px solid var(--border);border-right:none;color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;padding:.75rem 1rem;outline:none;border-radius:var(--radius-md) 0 0 var(--radius-md);transition:background .2s,border-color .2s;min-width:0}.home-input::placeholder{color:var(--text-ghost)}.home-input:focus{background:var(--bg);border-color:var(--accent)}.home-submit{background:var(--accent);border:1px solid var(--accent);color:#fff;font-family:var(--font-sans);font-size:.875rem;font-weight:500;line-height:1;padding:.75rem 1.25rem;cursor:pointer;border-radius:0 var(--radius-md) var(--radius-md) 0;transition:background .2s,border-color .2s,transform .1s;flex-shrink:0}.home-submit:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.home-submit:active{transform:scale(.97)}.home-error{font-size:.8rem;color:#ef4444;margin-top:.75rem;animation:fade-in .3s var(--ease-out) both}.home-footer{margin-top:3rem;padding:1.5rem;font-size:.7rem;color:var(--text-ghost);letter-spacing:.04em;text-align:center;animation:fade-in 1s var(--ease-out) .4s both}.view-page{background-color:var(--bg);min-height:100dvh}.view-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.view-header-actions{display:flex;align-items:center;gap:.5rem}.back-link{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);text-decoration:none;font-family:var(--font-sans);font-size:.875rem;font-weight:500;transition:color .2s;line-height:1}.back-link:hover{color:var(--text-primary)}.back-link svg{width:14px;height:14px;flex-shrink:0}.print-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;white-space:nowrap}.print-btn:hover{background:var(--bg-hover);border-color:var(--text-ghost);color:var(--text-primary)}.print-btn svg{width:13px;height:13px}.tweet-article{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:3rem 2rem 6rem;animation:slide-up .4s var(--ease-out) both}.tweet-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2rem}.tweet-eyebrow a{text-decoration:none;color:var(--text-tertiary);transition:color .2s}.tweet-eyebrow a:hover{color:var(--accent)}.tweet-author{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem}.tweet-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-hover)}.tweet-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tweet-name{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.2;display:flex;align-items:center;gap:.3rem}.tweet-verified{color:var(--accent);font-size:.75rem;line-height:1;display:flex}.tweet-handle{font-size:.8rem;color:var(--text-tertiary);margin-top:.1rem}.tweet-divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.tweet-date{font-size:.8rem;color:var(--text-tertiary);margin-bottom:1.75rem}.tweet-body{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.75;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.tweet-media{margin:1.75rem 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.tweet-media img{width:100%;height:auto;display:block}.tweet-media-grid{display:grid;grid-gap:2px;gap:2px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);margin:1.75rem 0}.tweet-media-grid.cols-2,.tweet-media-grid.cols-3{grid-template-columns:1fr 1fr}.tweet-media-grid.cols-3{grid-template-rows:auto auto}.tweet-media-grid.cols-3 img:first-child{grid-column:1/3}.tweet-media-grid.cols-4{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.tweet-media-grid img{width:100%;height:220px;object-fit:cover;display:block}.article-notice{display:flex;flex-direction:column;gap:.4rem;margin:1.75rem 0;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);font-size:.875rem;color:var(--text-secondary);line-height:1.6;text-decoration:none;transition:border-color .15s,background .15s}.article-notice:hover{border-color:var(--accent);background:var(--accent-bg)}.article-notice-label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.article-notice-link{color:var(--accent);font-size:.8rem;font-weight:500}.tweet-video-wrap{max-height:70vh;overflow:hidden}.tweet-video-wrap video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.quoted-tweet{margin:1.75rem 0;padding:1rem 1.25rem;border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--bg-subtle)}.quoted-tweet-link{display:block;color:inherit;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.quoted-tweet-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.quoted-tweet-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quoted-author{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.quoted-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0}.quoted-avatar img{width:100%;height:100%;object-fit:cover;display:block}.quoted-name{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--text-primary)}.quoted-handle{font-size:.75rem;color:var(--text-tertiary)}.quoted-body{font-size:.9rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.tweet-stats{display:flex;gap:2rem;padding-top:1.25rem;border-top:1px solid var(--border);margin-top:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.1rem}.stat-value{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.skeleton{background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:50%}.error-page{background-color:var(--bg);min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;gap:1rem}.error-glyph{font-family:var(--font-sans);font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1}.error-message{font-size:.9rem;color:var(--text-secondary);max-width:380px;line-height:1.7}.error-back{font-family:var(--font-sans);font-size:.82rem;font-weight:500;color:var(--accent);text-decoration:none;transition:color .2s}.error-back:hover{color:var(--text-primary)}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media print{.view-header{display:none!important}.view-page{background:white!important}.tweet-article{padding:1.5rem;max-width:100%;animation:none!important}.tweet-body{font-size:1rem}.tweet-body,.tweet-name{color:#111!important}.quoted-tweet,.tweet-media,.tweet-media-grid,.tweet-stats{page-break-inside:avoid}}@media (max-width:640px){.tweet-article{padding:2rem 1.25rem 5rem}.tweet-body{font-size:1rem}.home-wordmark{margin-bottom:.75rem}.tweet-stats{gap:1.5rem}.view-header{padding:.65rem 1rem}}.article-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed var(--border)}.article-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;line-height:1.3}.article-content,.article-title{font-family:var(--font-sans);color:var(--text-primary)}.article-content{display:flex;flex-direction:column;gap:1.25rem;font-size:1.0625rem;line-height:1.8}.article-p{margin:0;white-space:pre-wrap;word-break:break-word}.article-h1,.article-h2,.article-h3,.article-h4,.article-h5,.article-h6{color:var(--text-primary);font-weight:600;margin-top:1rem;margin-bottom:.5rem;line-height:1.4}.article-h1{font-size:1.35rem}.article-h2{font-size:1.25rem}.article-h3{font-size:1.15rem}.article-h4{font-size:1.05rem}.article-h5{font-size:1rem}.article-h6{font-size:.95rem}.article-ol,.article-ul{margin:.5rem 0 .5rem 1.5rem;padding:0}.article-li{margin-bottom:.5rem}.article-blockquote{border-left:3px solid var(--accent);margin:.5rem 0;color:var(--text-secondary);font-style:italic;background:var(--bg-subtle);padding:.75rem 1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article-code{background:var(--bg-subtle);padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;color:var(--text-primary)}.article-media{margin:1.5rem 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.article-media img{width:100%;height:auto;display:block}.article-media-caption{font-size:.8rem;color:var(--text-secondary);text-align:center;padding:.75rem;background:var(--bg-subtle);border-top:1px solid var(--border)}.tweet-brand-footer{margin-top:3.5rem;padding-top:1.25rem;border-top:1px solid var(--border-light);text-align:center;font-size:.75rem;color:var(--text-tertiary);letter-spacing:.04em;opacity:.8}.tweet-brand-footer a{color:inherit;text-decoration:none;font-weight:500;transition:color .2s}.tweet-brand-footer a:hover{text-decoration:underline;color:var(--accent)}.popular-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color,#e5e5e5)}.popular-posts-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.popular-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:900px){.popular-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.popular-posts-grid{grid-template-columns:1fr}}.popular-post-card{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e5e5);display:flex;flex-direction:column;min-height:160px}.popular-post-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#1d9bf0}.card-cover{height:120px;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover}.card-content{display:flex;flex-direction:column;flex:1 1;padding:1rem}.card-header{gap:.5rem}.card-header,.card-meta{display:flex;align-items:center;margin-bottom:.5rem}.card-meta{justify-content:space-between}.card-author-info{display:flex;align-items:center;gap:.5rem}.card-author-details{display:flex;flex-direction:column;line-height:1.15}.card-avatar{width:40px;height:40px}.card-author-name-row{display:flex;align-items:center;gap:.1rem}.card-author-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.card-author-name.verified:after{content:"✓";display:inline-block;color:#1d9bf0;font-size:.85rem}.card-author-handle{font-size:.85rem;color:var(--text-secondary)}.card-time{color:var(--text-tertiary);font-size:.75rem;white-space:nowrap}.card-avatar{width:24px;height:24px;border-radius:50%}.card-author{font-size:.8rem;color:var(--text-secondary,#666)}.card-title{font-size:1rem;font-weight:600;line-height:1.4;margin:0;color:var(--text-primary)}.card-preview,.card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-preview{font-size:.85rem;color:var(--text-secondary,#666);margin:.5rem 0 0}.card-style-cover .card-cover{display:block}.card-style-avatar .card-cover{display:none}.card-style-gradient{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.card-style-gradient .card-title{flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center}.card-style-gradient .card-author-handle,.card-style-gradient .card-author-name,.card-style-gradient .card-time,.card-style-gradient .card-title{color:white!important}.card-style-gradient .card-avatar{border:2px solid rgba(255,255,255,.5)}@media (prefers-color-scheme:dark){.popular-post-card{background:var(--card-bg,#1a1a1a);border-color:var(--border-color,#333)}.popular-post-card:hover{border-color:#1d9bf0}.card-title{color:var(--text-color,#f5f5f5)}}