*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#1f2937;background:linear-gradient(135deg,#f9fafb,#8b5cf60d,#3b82f608);min-height:100vh}.header{background:#fffc;backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.header-container{max-width:1152px;margin:0 auto;padding:0 1.5rem}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0}.header-title{font-size:1.5rem;font-weight:500;color:#111827;margin:0}.header-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.theme-dots{display:flex;gap:.25rem}.theme-dot{width:.5rem;height:.5rem;border-radius:50%}.theme-dot.sunset-glow{background:linear-gradient(to right,#fbbf24,#f97316)}.theme-dot.midnight-aurora{background:linear-gradient(to right,#8b5cf6,#ec4899)}.theme-dot.forest-mist{background:linear-gradient(to right,#10b981,#14b8a6)}.theme-dot.cosmic-dust{background:linear-gradient(to right,#6366f1,#8b5cf6)}.theme-dot.ocean-breeze{background:linear-gradient(to right,#3b82f6,#06b6d4)}.main-content{max-width:1152px;margin:0 auto;padding:0 1.5rem 2rem}.microblog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0 3rem}.microblog-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #f3f4f6;overflow:hidden;transition:all .3s ease;cursor:pointer}.microblog-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.color-block{height:12rem;width:100%;position:relative;overflow:hidden}.base-gradient{position:absolute;inset:0;animation:baseFlow 15s ease-in-out infinite}.blob-1{position:absolute;inset:0;opacity:.7;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:blob1Flow 20s ease-in-out infinite}.blob-2{position:absolute;inset:0;opacity:.6;border-radius:40% 60% 50% 30%/30% 50% 40% 70%;animation:blob2Flow 18s ease-in-out infinite 2s}.blob-3{position:absolute;inset:0;opacity:.5;border-radius:70% 30% 60% 40%/50% 70% 30% 60%;animation:blob3Flow 22s ease-in-out infinite 4s}.grain-overlay{position:absolute;inset:0}.grain-primary{position:absolute;inset:0;opacity:.6;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='6' seed='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter1)'/%3E%3C/svg%3E");background-size:180px 180px}.grain-secondary{position:absolute;inset:0;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter2'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.2' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter2)'/%3E%3C/svg%3E");background-size:120px 120px;animation:grainMove 25s linear infinite}.grain-fine{position:absolute;inset:0;opacity:.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='2' seed='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter3)'/%3E%3C/svg%3E");background-size:64px 64px}.depth-overlay{position:absolute;inset:0;opacity:.2;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.3),transparent 60%)}@keyframes baseFlow{0%,to{transform:scale(1) rotate(0) translate(0)}25%{transform:scale(1.1) rotate(5deg) translate(-2%,3%)}50%{transform:scale(.95) rotate(-3deg) translate(4%,-2%)}75%{transform:scale(1.05) rotate(2deg) translate(-1%,1%)}}@keyframes blob1Flow{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:scale(.8) translate(10%,-10%)}25%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:scale(1.2) translate(-15%,15%)}50%{border-radius:50% 40% 60% 30%/40% 70% 60% 30%;transform:scale(.9) translate(20%,-5%)}75%{border-radius:40% 70% 50% 60%/70% 40% 50% 60%;transform:scale(1.1) translate(-10%,-20%)}}@keyframes blob2Flow{0%,to{border-radius:40% 60% 50% 30%/30% 50% 40% 70%;transform:scale(1.1) translate(-20%,20%)}25%{border-radius:70% 30% 40% 60%/60% 40% 70% 30%;transform:scale(.7) translate(25%,-25%)}50%{border-radius:30% 70% 60% 40%/40% 60% 30% 70%;transform:scale(1.3) translate(-10%,10%)}75%{border-radius:60% 40% 30% 70%/70% 30% 60% 40%;transform:scale(.9) translate(15%,-15%)}}@keyframes blob3Flow{0%,to{border-radius:70% 30% 60% 40%/50% 70% 30% 60%;transform:scale(.9) translate(15%,-25%)}25%{border-radius:40% 70% 30% 60%/70% 30% 60% 40%;transform:scale(1.4) translate(-30%,20%)}50%{border-radius:60% 40% 70% 30%/30% 60% 40% 70%;transform:scale(.6) translate(35%,-10%)}75%{border-radius:30% 60% 40% 70%/60% 40% 70% 30%;transform:scale(1.2) translate(-20%,-30%)}}@keyframes grainMove{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.card-content{padding:1.5rem;background:#fff}.tag-section{margin-bottom:1rem}.tag-brand{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;color:#111827;opacity:1;font-weight:600}.tag-code{font-size:.875rem;font-weight:500;color:#111827}.tag-name{font-size:.875rem;color:#6b7280}.blog-content{margin-bottom:1rem}.blog-title{font-size:1rem;font-weight:500;color:#111827;line-height:1.25;margin-bottom:.75rem}.blog-excerpt{font-size:.875rem;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280}.load-more-section{text-align:center;margin-bottom:3rem}.load-more-btn{padding:1rem 2rem;background:linear-gradient(to right,#6366f1,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;font-weight:500}.load-more-btn:hover{background:linear-gradient(to right,#4f46e5,#7c3aed,#db2777);box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.btn-content{display:flex;align-items:center;gap:.5rem}.btn-icon{width:1rem;height:1rem}.theme-legend{margin-top:4rem;text-align:center}.legend-title{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:1rem}.legend-items{display:flex;justify-content:center;gap:1.5rem;font-size:.875rem;color:#6b7280}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:.75rem;height:.75rem;border-radius:50%}@media (max-width: 1024px){.microblog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.microblog-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem;text-align:center}.legend-items{flex-direction:column;gap:.75rem}.main-content{padding:0 1rem 2rem}}.header-actions{display:flex;align-items:center}.back-home-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:.75rem;background:#111827;color:#fff;text-decoration:none;line-height:1;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 6px #11182733;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.back-home-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #11182740;background:#0b1220}.back-home-btn:focus-visible{outline:3px solid #6366f1;outline-offset:2px}.back-icon{width:16px;height:16px}.back-home-text{font-weight:500;letter-spacing:.01em}@media (max-width: 768px){.header-content{gap:.75rem}.header-actions{order:3}}.nowrap{white-space:nowrap}.streams-page .section:first-of-type{padding-top:.5rem;padding-bottom:.5rem}.streams-page .section:first-of-type .container.narrow{margin-bottom:0;width:100%;max-width:none;margin-inline:0;padding-inline:0}.streams-page .section+.section{padding-top:1.25rem}.streams-page .microblog-grid{margin:.75rem 0 2.5rem}.streams-page .values-heading{margin-top:1rem;margin-bottom:.5rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:700;color:var(--color-text-primary, #111827);line-height:1.2}.streams-page #streams-title,.streams-page .subheadline,.streams-page .section:first-of-type .container.narrow{text-align:left}.read-more{display:inline-block;margin-top:.5rem;color:var(--color-primary, #6366f1);text-decoration:underline;text-underline-offset:2px;font-weight:500}.read-more:hover{color:var(--color-secondary, #8b5cf6);text-underline-offset:3px}.read-more:focus-visible{outline:3px solid var(--color-accent, #ec4899);outline-offset:2px;border-radius:.25rem}.detail-hero-section{padding-top:.5rem;padding-bottom:0}.detail-hero{width:100%;height:clamp(220px,40vh,460px);border-radius:1.25rem;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.5),transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.45),transparent 60%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.4),transparent 55%);box-shadow:0 20px 40px -20px #00000040;overflow:hidden}.detail-container{margin-top:1rem}.detail-title{font-size:clamp(1.5rem,1.3rem + 1.2vw,2.25rem);line-height:1.2;color:var(--color-text-primary, #111827);margin-top:.75rem}.detail-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;color:var(--color-text-secondary, #6b7280);font-size:.875rem}.detail-body{margin-top:1rem;color:var(--color-text-primary, #111827);font-size:1rem;line-height:1.75}.detail-body p+p{margin-top:.75rem}.detail-body h2,.detail-body h3{margin-top:1.5rem;margin-bottom:.5rem;line-height:1.25}.detail-body h2{font-size:1.5rem}.detail-body h3{font-size:1.25rem}@media (max-width: 768px){.streams-page .values-heading{margin-top:.75rem}.detail-hero{height:clamp(180px,35vh,380px);border-radius:1rem}}@media (prefers-reduced-motion: reduce){.base-gradient,.blob-1,.blob-2,.blob-3,.grain-secondary{animation:none!important}.microblog-card{transition:none!important}.microblog-card:hover{transform:none!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.load-more-btn{transition:none!important}.load-more-btn:hover{transform:none!important;box-shadow:0 4px 6px -1px #0000001a!important}}