:root{--bg: #000;--ink: #efece6;--ink-2: rgb(239 236 230 / .74);--ink-3: rgb(239 236 230 / .42);--accent: #e2b449;--accent-2: rgb(226 180 73 / .45);--rule: rgb(239 236 230 / .12);--f-body: "Newsreader", "Iowan Old Style", Georgia, serif;--f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--f-body);font-size:19px;font-weight:400;line-height:1.5;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh}::selection{background:var(--accent);color:#000}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.wrap{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:28px 24px 72px}@media(min-width:700px){.wrap{padding:2rem}body{font-size:20px}}.top{display:flex;align-items:baseline;gap:1rem;margin-top:5vh;line-height:1.3;flex-wrap:wrap}.top a{color:var(--ink-2);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:color .3s var(--ease),background-size .45s var(--ease)}.top a:hover,.top a[aria-current=page]{color:var(--ink);background-size:100% 1px}.top .home{color:var(--ink)}.copy{margin-top:28px}.copy p{margin:0 0 1.4em;text-wrap:pretty}.copy a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent-2),var(--accent-2));background-size:0% 1px,100% 1px;background-position:0 100%,100% 100%;background-repeat:no-repeat;transition:background-size .45s var(--ease)}.copy a:hover{color:var(--accent);background-size:100% 1px,0% 1px}.social{display:flex;flex-wrap:wrap;gap:0 .6em;margin:.4em 0 0;padding:0;list-style:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.social li+li:before{content:"/";margin-right:.6em}.social a{color:var(--ink-3);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:color .3s var(--ease),background-size .45s var(--ease)}.social a:hover{color:var(--ink);background-size:100% 1px}.photo{margin:28px 0 0;border-radius:2px;overflow:hidden;background:#0b0b0b}.photo picture,.photo img{display:block;width:100%;height:auto}.photo img{opacity:0;filter:blur(10px);transform:scale(1.01);transition:opacity 1.3s var(--ease),filter 1.6s var(--ease),transform 1.8s var(--ease)}.photo img.loaded{opacity:1;filter:blur(0);transform:none}@media(prefers-reduced-motion:reduce){.photo img{opacity:1;filter:none;transform:none;transition:none}}.ideas{margin:16px 0 0;padding:0;list-style:none}.idea{padding:22px 0;border-top:1px solid var(--rule)}.idea-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px}.idea-name{margin:0;font-size:1em;font-weight:500;color:var(--ink)}.vote{position:relative;display:inline-flex;align-items:baseline;gap:8px;margin:0;padding:2px 0 2px 12px;border:0;background:none;color:var(--ink-3);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.vote-n{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-3);transition:color .3s var(--ease)}.vote-mark{display:inline-block;width:9px;height:9px;border:1px solid var(--ink-3);transform:rotate(45deg) translateY(-1px);transition:border-color .3s var(--ease),background-color .3s var(--ease),transform .4s var(--ease)}.vote:hover .vote-mark,.vote.voted .vote-mark{border-color:var(--accent)}.vote.voted .vote-mark{background-color:var(--accent)}.vote:hover .vote-n,.vote.voted .vote-n{color:var(--accent)}.vote.pop .vote-mark{animation:pop .45s var(--ease)}@keyframes pop{30%{transform:rotate(45deg) translateY(-1px) scale(1.6)}}.vote-tip{position:absolute;right:0;bottom:calc(100% + 6px);padding:4px 8px;white-space:nowrap;font-family:var(--f-mono);font-size:11px;letter-spacing:.02em;color:var(--ink);background:#111;border:1px solid var(--rule);opacity:0;transform:translateY(3px);pointer-events:none;transition:opacity .3s var(--ease),transform .35s var(--ease)}@media(hover:hover){.vote:hover .vote-tip{opacity:1;transform:none}}.tally{margin:20px 0 0;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.visitors{position:relative;margin:56px 0 0;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.visitors[hidden]{display:none}[data-visits].tick{color:var(--accent);transition:color .6s var(--ease)}.visitors-bump{position:absolute;left:0;top:-1.9em;text-transform:none;letter-spacing:.02em;color:var(--accent);opacity:0;transform:translateY(6px)}.visitors-bump.show{animation:bump 4s var(--ease) forwards}@keyframes bump{12%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.idea-body{margin:0;color:var(--ink-2);text-wrap:pretty}.list{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--rule)}.row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none;transition:opacity .4s var(--ease),transform .5s var(--ease)}@media(hover:hover){.list:hover .row{opacity:.4}.list .row:hover{opacity:1;transform:translate(6px)}}.row-outlet{color:var(--ink)}.row-hed{grid-column:1;color:var(--ink-2);text-wrap:pretty;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .3s var(--ease),text-decoration-color .4s var(--ease)}.row-meta{grid-column:2;grid-row:1 / span 2;align-self:start;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;display:flex;gap:10px;align-items:baseline}.row-arrow{display:inline-block;color:var(--ink-3);transition:transform .4s var(--ease),color .3s var(--ease)}a.row:hover .row-hed{color:var(--ink);text-decoration-color:var(--accent-2)}a.row:hover .row-arrow{transform:translate(6px);color:var(--accent)}.row--soon,.row--soon .row-outlet,.row--soon .row-hed{color:var(--ink-3)}@media(prefers-reduced-motion:no-preference){[data-appear]{animation:appear 1s var(--ease) both;animation-delay:calc(var(--i, 0) * 90ms + 80ms)}@keyframes appear{0%{opacity:0;filter:blur(5px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:none}}}
