*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Sorts Mill Goudy;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sortsmillgoudy/v16/Qw3GZR9MED_6PSuS_50nEaVrfzgEXH0.ttf) format("truetype")}@font-face{font-family:Sorts Mill Goudy;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sortsmillgoudy/v16/Qw3AZR9MED_6PSuS_50nEaVrfzgEbH8Eig.ttf) format("truetype")}:root{--butlerian-serif: "Sorts Mill Goudy", "Iowan Old Style", "Garamond", serif}body{font-family:var(--font-sans, "Recursive Mono Casual");font-size:14px;line-height:1.5;color:var(--color-text-primary, #1f2937);background:var(--color-background);min-height:100vh}.header{background:var(--color-surface);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);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:var(--color-text-primary);margin:0}.header-subtitle{font-size:.875rem;color:var(--color-text-secondary);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:var(--color-surface);border-radius:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden;transition:all .3s ease;cursor:pointer}.microblog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.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:var(--color-surface)}.tag-section{margin-bottom:1rem}.tag-brand{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;color:var(--color-text-primary);opacity:1;font-weight:600}.tag-code{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.tag-name{font-size:.875rem;color:var(--color-text-secondary)}.blog-content{margin-bottom:1rem}.blog-title{font-size:1rem;font-weight:500;color:var(--color-text-primary);line-height:1.25;margin-bottom:.75rem}.blog-excerpt{font-size:.875rem;color:var(--color-text-secondary);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 var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-muted)}.theme-legend{margin-top:4rem;text-align:center}.legend-title{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin-bottom:1rem}.legend-items{display:flex;justify-content:center;gap:1.5rem;font-size:.875rem;color:var(--color-text-secondary)}.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:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;line-height:1;border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.back-home-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:var(--button-primary-hover)}.back-home-btn:focus-visible{outline:3px solid var(--focus-ring-color);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);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);text-decoration:underline;text-underline-offset:2px;font-weight:500}.read-more:hover{color:var(--color-secondary);text-underline-offset:3px}.read-more:focus-visible{outline:3px solid var(--focus-ring-color);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);margin-top:.75rem}.detail-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;color:var(--color-text-secondary);font-size:.875rem}.detail-body{margin-top:1rem;color:var(--color-text-primary);font-size:1rem;line-height:1.75}.detail-body article{font-family:var(--font-sans, "Recursive Mono Casual")!important}.detail-body article *{font-family:inherit!important;color:var(--color-text-primary)!important}.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}.detail-body article p,.detail-body article h1,.detail-body article h2,.detail-body article h3,.detail-body article h4,.detail-body article h5,.detail-body article h6,.detail-body article span,.detail-body article a,.detail-body article li,.detail-body article strong,.detail-body article em{color:var(--color-text-primary)!important}.detail-body article a{color:var(--color-primary)!important;text-decoration:underline}.detail-body article a:hover{color:var(--color-secondary)!important}.detail-body article,.butlerian-jihad-source,.innocence-article{background-color:transparent!important}.butlerian-jihad-article{font-family:var(--butlerian-serif);color:var(--color-text-primary);background:var(--color-surface);padding:clamp(1.5rem,4vw,3rem);border-radius:1.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.butlerian-jihad-article figure{margin-bottom:1.5rem;border-radius:1rem;overflow:hidden}.butlerian-jihad-article img{width:100%;height:auto;display:block}.butlerian-jihad-article h2{font-size:clamp(1.85rem,1.4rem + 1.2vw,2.35rem);line-height:1.15;letter-spacing:.01em;margin-bottom:.75rem}.butlerian-jihad-article h3{font-size:clamp(1.2rem,1rem + .6vw,1.5rem);margin-top:2rem;margin-bottom:.5rem;letter-spacing:.02em;text-transform:uppercase;font-weight:600}.butlerian-jihad-article p{font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem}.butlerian-jihad-article p em{font-style:italic}.butlerian-jihad-article blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--color-border);background:var(--color-background);opacity:.9}.butlerian-jihad-article blockquote strong{display:block;font-size:.85rem;letter-spacing:.15em;margin-bottom:.35rem}.butlerian-jihad-article .butlerian-callout{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.butlerian-jihad-article .butlerian-meter{border-top:1px solid var(--color-border);padding-top:1.25rem;margin-top:1.25rem;font-size:.95rem;font-style:italic}.butlerian-jihad-article .butlerian-dedication{margin-top:2.5rem;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.butlerian-jihad-article .butlerian-pdf-link{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;margin-top:1.5rem;border:1px solid var(--color-border);border-radius:999px;font-size:.95rem;text-decoration:none;color:var(--color-text-primary);transition:transform .2s ease,background .2s ease}.butlerian-jihad-article .butlerian-pdf-link:hover{background:var(--color-border);transform:translateY(-1px)}@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}.butlerian-jihad-article .butlerian-pdf-link{transition:none!important}}
