:root{color-scheme:dark;--night:#0d1519;--surface:#121e22;--ink:#e4e2d7;--muted:#9aa9a4;--mint:#afcbb4;--gold:#d1ba85;--line:#2a3538;--serif:Georgia, "Times New Roman", serif;--mono:"Courier New", monospace}:root[data-theme=day]{color-scheme:light;--night:#f0ecdf;--surface:#e9e5d7;--ink:#2d3936;--muted:#5d6a61;--mint:#356855;--gold:#85632c;--line:#cfcaba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button{cursor:pointer}::selection{background:#436d61;color:#fff}[hidden]{display:none!important}.site{overflow:clip}.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}.narrow{width:min(740px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;padding:16px;background:var(--night);z-index:100}.skip-link:focus{top:20px}.topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:7px;color:var(--ink)}.brand-mark{font:italic 32px/1 var(--serif);letter-spacing:-2px}.brand-word{font:24px/1 var(--serif);letter-spacing:-.8px}.topbar nav{display:flex;gap:29px;flex-wrap:wrap;font:12px/1.6 var(--mono)}.topbar nav a{padding:12px 0;color:var(--muted);position:relative}.topbar nav a.active,.topbar nav a:hover{color:var(--ink)}.topbar nav a.active::after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--mint)}.hero{padding-top:58px;position:relative}.intro{text-align:center;position:relative;z-index:2;padding-inline:20px}.eyebrow{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--mint)}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);vertical-align:middle}.eyebrow .dot{margin:0 8px 2px 0}h1,h2,h3{font-weight:400}h1{font-size:clamp(44px,5.8vw,76px);line-height:1.16;letter-spacing:-3px;margin:22px 0 18px}.home-hero h1{text-align:center}.title-line{display:inline-flex;align-items:baseline;gap:.23em;white-space:nowrap}.word-slot{display:inline-block;text-align:left;color:var(--gold);font-style:italic;transition:width .5s ease}#rotating-word{display:inline-block;width:max-content;transition:transform .28s ease,opacity .28s ease,filter .28s ease}#rotating-word.word-out{opacity:0;transform:translateY(-12px);filter:blur(4px)}#rotating-word.word-in{opacity:0;transform:translateY(12px)}.subtitle{color:var(--muted);font-size:17px;line-height:1.7;margin:0}.title-dot{color:var(--gold)}.home-notes{padding-top:44px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.section-heading .eyebrow{margin:0 0 13px;color:var(--muted)}.section-heading h2{font-size:40px;margin:0;letter-spacing:-1.2px}.section-heading h2 em{color:var(--gold);font-weight:400}.section-heading>p{color:var(--muted);font:11px/1.9 var(--mono);margin:0 0 5px;text-align:right}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shelf-card{--shelf-accent:var(--mint);min-width:0;padding:26px 25px 0 29px;display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:3px 8px 8px 3px;background:linear-gradient( 125deg,color-mix(in srgb,var(--shelf-accent) 5%,var(--night)),var(--night) 85% );box-shadow:0 4px 0 -2px var(--night),0 5px 0 -2px var(--line);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.shelf-card::before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--shelf-accent);opacity:.4}.shelf-card[data-shelf=hacking]{--shelf-accent:#b5bdd6}.shelf-card[data-shelf=media]{--shelf-accent:var(--gold)}[data-theme=day] .shelf-card[data-shelf=hacking]{--shelf-accent:#606f92}.shelf-card:hover,.shelf-card:focus-within{transform:translateY(-4px);border-color:color-mix(in srgb,var(--shelf-accent) 50%,var(--line));box-shadow:0 8px 24px #0000000a}.shelf-label{display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:var(--shelf-accent);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:32px}.shelf-category{display:flex;align-items:center;gap:10px}.shelf-symbol{width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--shelf-accent) 25%,transparent);border-radius:50%;font-size:12px;letter-spacing:0}.shelf-number{color:var(--muted);opacity:.65;font-size:10px;letter-spacing:1px}.shelf-status{color:var(--muted);font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}.meta{color:var(--muted);font:10px/1.7 var(--mono)}.meta span{margin:0 8px}.shelf-card h3{font-size:27px;line-height:1.25;letter-spacing:-.4px;margin:0 0 15px}.card-description{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 22px}.text-link{font:11px/1.8 var(--mono);color:var(--mint)}.shelf-card>.meta{margin-top:auto;margin-bottom:16px;padding-top:7px}.shelf-card>.text-link{color:var(--shelf-accent);margin-bottom:26px}.text-link span{margin-left:6px}.shelf-all{margin-top:4px;display:flex;justify-content:space-between;gap:8px;padding:18px 0;border-top:1px solid var(--line);font:10px/1.6 var(--mono)}.shelf-all span{color:var(--muted)}.home-list{margin-top:64px}.home-list .section-heading{margin-bottom:12px}.home-list-intro{margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.7}.thought-list{border-bottom:1px solid var(--line)}.thought-entry{border-top:1px solid var(--line)}.thought-entry>a{display:grid;grid-template-columns:140px 1fr 24px;gap:28px;align-items:start;padding:28px 8px;transition:background-color .2s ease}.thought-entry>a:hover{background:var(--surface)}.thought-date{padding-top:4px}.thought-date span{display:block;margin:5px 0 0}.thought-preview h3{margin:0 0 9px;font-size:27px;line-height:1.3;letter-spacing:-.4px}.thought-preview p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.thought-arrow{color:var(--mint);padding-top:5px}.home-aside{display:flex;align-items:center;gap:24px;padding:40px 0 50px}.home-aside>span{font-size:31px;color:var(--gold)}.home-aside p{color:var(--muted);font-size:14px;line-height:1.8}.home-aside a{margin-left:auto;font:10px/1.8 var(--mono);color:var(--mint)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:27px 35px;color:var(--muted);font:10px/1.8 var(--mono)}.footer-brand{font:19px var(--serif);color:var(--ink)}.footer-brand .dot{margin-left:10px;width:4px;height:4px}.footer p{margin:0}.inner-hero{padding-top:44px}.inner-hero h1{font-size:60px;margin-block:10px 13px}.note-list{padding-block:48px 80px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.note-row{display:grid;grid-template-columns:100px 1fr 20px;gap:24px;border-top:1px solid var(--line);padding-block:29px}.note-row>.meta{padding-top:5px}.note-row h2{font-size:26px;line-height:1.3;margin:0 0 10px}.note-row p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 14px}.row-arrow{color:var(--mint);padding-top:5px}.tag-labels{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font:10px/1.6 var(--mono)}.tag-labels span::before{content:"#";opacity:.6}.article-header{padding-top:55px}.article-header h1{font-size:clamp(36px,5vw,58px);letter-spacing:-1.7px;line-height:1.16;margin:24px 0 18px}.article-header .meta{margin-top:24px}.prose{font-size:18px;line-height:1.9}.prose p{margin:0 0 1.5em}.prose h2{font-size:30px;line-height:1.3;margin:1.8em 0 .7em;letter-spacing:-.5px}.prose h3{font-size:24px;margin:1.6em 0 .6em}.prose a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.prose blockquote{margin:28px 0;border-left:2px solid var(--gold);padding:0 0 0 24px;color:var(--muted);font-style:italic}.prose pre{padding:22px;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:13px;line-height:1.7}.prose code{font-family:var(--mono);font-size:.8em}.prose :not(pre)>code{background:var(--surface);padding:3px 6px}.prose img{max-width:100%;height:auto}.prose table{display:block;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:8px 16px;border:1px solid var(--line)}.article-body,.page-body{padding-top:42px;padding-bottom:40px}.page-body{padding-bottom:70px}.now-footer{margin-top:40px;padding-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:16px}.now-history summary{cursor:pointer;color:var(--mint)}.now-history summary:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.article-end{border-top:1px solid var(--line);padding-block:25px 65px;display:flex;flex-direction:column;gap:25px}.not-found{padding-block:100px 160px}.not-found h1{font-size:48px}.not-found p,.empty{color:var(--muted)}.opening .topbar,.opening .intro{animation:page-arrives 1.5s both}@keyframes page-arrives{0%,65%{opacity:0}100%{opacity:1}}@media(min-width:1100px){.shelf-grid:has(>:nth-child(4)){grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{flex-wrap:wrap;justify-content:center;gap:6px;padding-block:16px 8px}.brand{width:100%;justify-content:center;gap:7px}.topbar nav{gap:4px clamp(12px,3vw,24px);justify-content:center}.hero{padding-top:34px}h1{font-size:clamp(29px,7.5vw,55px);letter-spacing:-1.6px}.subtitle{font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}.home-notes{padding-top:36px}.section-heading h2{font-size:28px}.section-heading>p{font-size:9px}.shelf-grid{grid-template-columns:1fr;gap:20px}.shelf-card{padding:24px 24px 0 29px}.shelf-label{margin-bottom:25px}.shelf-card h3{font-size:28px}.section-heading>p{max-width:110px}.home-aside{flex-wrap:wrap;gap:8px 18px;padding-block:26px 36px}.home-list{margin-top:44px}.thought-entry>a{grid-template-columns:1fr 20px;gap:12px 16px;padding:24px 0}.thought-date{grid-column:1/-1;display:flex;gap:15px}.thought-date span{margin:0}.thought-preview h3{font-size:25px}.home-aside p{flex:1}.home-aside a{width:100%;margin-left:48px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}.note-row{grid-template-columns:1fr 20px;gap:9px 16px}.note-row>.meta{grid-column:1/-1}.inner-hero h1{font-size:48px}.article-header{padding-top:35px}.prose{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}