:root{--paper:#f4f0e6;--paper-deep:#e9e2d2;--ink:#17211b;--muted:#6b7068;--line:#cbc5b7;--signal:#e4562f;--moss:#315b45;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 87% 3%, #e4562f14, transparent 25rem), var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button,input{font:inherit}button{color:inherit}.shell{min-height:100vh}.masthead{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 4vw;display:grid}.wordmark{font-family:var(--serif);align-items:center;gap:.7rem;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.wordmark-mark{color:var(--signal);font:1.65rem var(--sans)}.masthead-note{font:.66rem var(--mono);text-transform:uppercase;letter-spacing:.12em;margin:0}.live-indicator{font:.65rem var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-self:end;align-items:center;gap:.55rem;display:flex}.live-indicator i{background:#3a9d62;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3a9d621f}.intro{border-bottom:1px solid var(--line);min-height:480px;padding:6.5rem 8vw 5rem 28vw;position:relative}.intro:before{content:"PLANET / 001";writing-mode:vertical-rl;color:var(--muted);font:.65rem var(--mono);letter-spacing:.18em;position:absolute;top:7.5rem;left:4vw;transform:rotate(180deg)}.eyebrow{color:var(--signal);font:.7rem var(--mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem}.intro h1{max-width:900px;font:500 clamp(4rem, 8vw, 8rem)/.82 var(--serif);letter-spacing:-.06em;margin:0}.intro h1 em{color:var(--moss);font-weight:400}.intro-copy{color:#3e473f;width:min(34rem,100%);font:1.05rem/1.65 var(--sans);margin:3rem 0 0 35%}.workspace{border-left:1px solid var(--line);border-right:1px solid var(--line);grid-template-columns:minmax(230px,22vw) minmax(0,1fr);max-width:1500px;margin:0 auto;display:grid}.controls{border-right:1px solid var(--line);background:#e9e2d261;align-self:start;min-height:100vh;padding:2.2rem 2rem;position:sticky;top:0}.controls-heading,.stream-heading{border-bottom:1px solid var(--ink);font:.7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;padding-bottom:1.25rem;display:flex}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0;font-size:.62rem}fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:1.7rem 0}legend{color:var(--muted);font:.62rem var(--mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}.filter{cursor:pointer;align-items:center;gap:.7rem;margin:.75rem 0;font-size:.84rem;line-height:1.35;display:flex}.filter input{appearance:none;border:1px solid var(--ink);flex:none;place-items:center;width:14px;height:14px;margin:0;display:grid}.filter input:checked{background:var(--signal);border-color:var(--signal)}.filter input:checked:after{content:"×";color:#fff;font:12px/1 var(--sans)}.switch-row input{border-radius:10px;width:27px}.switch-row input:checked:after{content:""}.tag-filters{flex-wrap:wrap;gap:.45rem;display:flex}.tag{border:1px solid var(--line);font:.65rem var(--mono);cursor:pointer;background:0 0;border-radius:30px;padding:.35rem .65rem}.tag:hover,.tag.is-active{border-color:var(--moss);background:var(--moss);color:var(--paper)}.preference-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.5rem;display:grid}.preference-actions button{border:1px solid var(--line);cursor:pointer;font:.62rem var(--mono);background:0 0;padding:.6rem .5rem}.preference-actions button:hover{border-color:var(--ink)}.notice,.quiet{color:var(--muted);font:.7rem/1.5 var(--mono)}.stream{min-width:0;padding:2.2rem 4vw 7rem}.stream-heading{margin-bottom:1rem}.stream-heading h2{font:inherit;margin:0}.stream-heading span{color:var(--muted)}.article{border-bottom:1px solid var(--line);grid-template-columns:3.5rem minmax(0,1fr);padding:4.5rem 0 5rem;display:grid}.article-rail span{color:var(--signal);font:.65rem var(--mono);padding-top:.3rem;display:inline-block}.article-main{max-width:820px}.article-meta{color:var(--muted);font:.66rem var(--mono);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;gap:.45rem;display:flex}.article-meta a{color:var(--moss);font-weight:500;text-decoration:none}.article h2{font:500 clamp(2.3rem, 4.5vw, 4.3rem)/.98 var(--serif);letter-spacing:-.035em;margin:1.1rem 0 1.2rem}.article h2 a{text-decoration:none}.article h2 a:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:2px}.article-tags{color:var(--signal);font:.64rem var(--mono);flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.article-content{color:#29342d;font:1.1rem/1.76 var(--serif);overflow-wrap:anywhere}.article-content>:first-child{margin-top:0}.article-content p{margin:1.25em 0}.article-content h1,.article-content h2,.article-content h3,.article-content h4{font-family:var(--serif);letter-spacing:-.02em;margin:1.6em 0 .55em}.article-content h2{font-size:2rem}.article-content h3{font-size:1.55rem}.article-content img{background:var(--paper-deep);max-width:100%;height:auto;margin:1.5rem 0}.article-content figure{margin:2rem 0}.article-content figcaption{color:var(--muted);font:.72rem/1.5 var(--mono)}.article-content a{color:var(--moss);text-underline-offset:.15em;text-decoration-thickness:1px}.article-content blockquote{border-left:3px solid var(--signal);margin:2rem 0;padding:.25rem 0 .25rem 1.5rem;font-size:1.25em}.article-content pre{background:var(--ink);color:#e8eddf;max-width:100%;font:.78rem/1.65 var(--mono);padding:1.25rem;overflow:auto}.article-content :not(pre)>code{background:var(--paper-deep);font:.82em var(--mono);padding:.12em .3em}.article-content table{border-collapse:collapse;max-width:100%;font:.85rem/1.5 var(--sans);display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid var(--line);padding:.6rem}.article-footer{border-top:1px solid var(--line);color:var(--muted);font:.62rem var(--mono);text-transform:uppercase;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;display:flex}.article-footer a{color:var(--ink);margin-right:auto;text-decoration:none}.atproto-badge{color:#315b9c;text-transform:none;border:1px solid #5c80bc;border-radius:20px;padding:.2rem .45rem}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:500px;display:grid}.empty-state>span{color:var(--signal);font-size:4rem}.empty-state h2{max-width:620px;font:500 clamp(2.4rem, 5vw, 4.5rem)/1 var(--serif);letter-spacing:-.04em;margin:1rem 0}.empty-state p{max-width:500px;color:var(--muted);line-height:1.65}.site-footer{background:var(--ink);min-height:180px;color:var(--paper);font:.7rem/1.6 var(--mono);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem;padding:3rem 4vw;display:grid}.site-footer>span{font:1.4rem var(--serif)}.site-footer p{color:#aeb5ae;text-align:center}.site-footer a{color:#d6dbd2;justify-self:end}.is-compact .article{padding-top:2.5rem;padding-bottom:3rem}.is-compact .article-content{font-size:1rem;line-height:1.6}.is-compact .article h2{font-size:clamp(2rem,3.7vw,3.25rem)}@media (max-width:900px){.masthead{grid-template-columns:1fr auto}.masthead-note{display:none}.intro{padding-left:12vw}.intro-copy{margin-left:15%}.workspace{border:0;grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--ink);min-height:0;position:static}.controls fieldset{vertical-align:top;width:min(300px,100%);margin-right:2rem;display:inline-block}.preference-actions{max-width:430px}}@media (max-width:600px){.masthead{min-height:64px;padding:0 1rem}.live-indicator{font-size:0}.intro{min-height:410px;padding:5rem 1.2rem 4rem}.intro:before{display:none}.intro h1{font-size:clamp(3.5rem,18vw,5.5rem)}.intro-copy{margin:2.5rem 0 0}.controls{padding:2rem 1.2rem}.controls fieldset{width:100%;display:block}.stream{padding:2rem 1.2rem 5rem}.article{grid-template-columns:1fr;padding:3.5rem 0}.article-rail{display:none}.article h2{font-size:2.75rem}.article-content{font-size:1.05rem}.article-footer{flex-wrap:wrap}.article-footer a{width:100%}.site-footer{text-align:left;grid-template-columns:1fr}.site-footer p{text-align:left}.site-footer a{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
