:root{--ink:#151713;--paper:#f3efe5;--acid:#dfff58;--line:rgba(21,23,19,.18);--muted:#696b63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.topbar{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:600 13px DM Mono,monospace;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--acid);border-radius:50%;font-size:18px}.topbar nav{display:flex;gap:32px}.topbar nav a{font-size:13px;color:var(--muted);text-decoration:none}.button{border:1px solid var(--ink);background:var(--ink);color:white;border-radius:2px;padding:15px 21px;font:600 14px Manrope;cursor:pointer;transition:.2s;box-shadow:4px 4px 0 var(--acid)}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--acid)}.button span{margin-left:22px}.button-small{padding:10px 14px;box-shadow:3px 3px 0 var(--acid);font-size:12px}.hero{min-height:700px;padding:90px 7vw 0;position:relative;overflow:hidden}.hero:after{content:'CHRONOLOGICAL';position:absolute;right:-120px;top:250px;transform:rotate(90deg);font:500 10px DM Mono;letter-spacing:.45em;color:var(--muted)}.eyebrow{text-transform:uppercase;font:500 11px DM Mono;letter-spacing:.13em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56a940;margin-right:8px;box-shadow:0 0 0 4px rgba(86,169,64,.12)}h1{font-size:clamp(64px,9.2vw,145px);letter-spacing:-.07em;line-height:.8;margin:45px 0 36px;max-width:1200px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400} .hero-copy{font-size:17px;line-height:1.65;color:var(--muted);max-width:520px;margin-left:42vw}.hero-actions{display:flex;align-items:center;gap:30px;margin:34px 0 80px 42vw}.microcopy{font-size:10px;line-height:1.6;color:var(--muted);font-family:DM Mono}.flow{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;padding:25px 0}.flow div{display:flex;gap:15px;align-items:center}.flow b{font:500 10px DM Mono;color:var(--muted)}.flow span{font-size:12px}.flow i{font-style:normal;color:var(--muted)}.preview-wrap{background:var(--ink);color:#eeeade;padding:70px max(7vw,calc((100vw - 1000px)/2));min-height:720px;position:relative}.preview-head{display:flex;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:20px;font:500 10px DM Mono;letter-spacing:.14em;color:#aaa}.feed{max-width:730px;margin:auto}.post{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:28px 0;border-bottom:1px solid #393a36;animation:arrive .5s ease}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#171813}.post-meta{display:flex;align-items:baseline;gap:7px;font-size:13px}.post-meta b{font-size:14px}.post-meta span,.post-meta time{color:#85877f}.post p{font-size:15px;line-height:1.6;margin:9px 0;color:#d8d6cf}.post-stats{font:400 10px DM Mono;color:#777;display:flex;gap:20px}.new-post{position:sticky;bottom:25px;margin:25px auto 0;width:max-content;background:var(--acid);color:var(--ink);padding:10px 17px;border-radius:30px;font-size:11px}.principles{padding:120px 7vw}.principles h2{font-size:clamp(55px,8vw,110px);line-height:.88;letter-spacing:-.06em;margin:40px 0 90px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.principle-grid article{background:var(--paper);padding:34px;min-height:245px}.principle-grid article>span{font:500 10px DM Mono;color:var(--muted)}.principle-grid h3{font-size:22px;margin:70px 0 12px}.principle-grid p{font-size:13px;line-height:1.7;color:var(--muted);max-width:280px}footer{padding:35px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:400 10px DM Mono;color:var(--muted)}dialog{border:0;border-radius:3px;background:var(--paper);color:var(--ink);padding:42px;width:min(470px,calc(100% - 30px));box-shadow:15px 15px 0 var(--acid)}dialog::backdrop{background:rgba(15,16,13,.72);backdrop-filter:blur(5px)}dialog h2{font-size:37px;letter-spacing:-.04em;margin:20px 0}dialog>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.65}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:25px;cursor:pointer}.permission{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.permission>span{color:#4c8f3a}.permission div{display:flex;flex-direction:column;font-size:13px}.permission small,.dialog-note{color:var(--muted);margin-top:4px}.oauth-button{width:100%;margin-top:20px}.dialog-note{display:block;text-align:center;font-size:9px;margin-top:16px}@keyframes arrive{from{opacity:0;transform:translateY(-12px)}}@media(max-width:760px){.topbar nav{display:none}.hero{padding:70px 6vw 0;min-height:auto}.hero-copy,.hero-actions{margin-left:0}.hero-actions{margin-bottom:60px}.flow{grid-template-columns:1fr 1fr;gap:20px}.flow i{display:none}h1{font-size:17vw}.preview-wrap{padding:55px 6vw}.principles{padding:80px 6vw}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:190px}.principle-grid h3{margin-top:45px}footer{gap:25px;align-items:flex-start;flex-direction:column}}