@font-face{font-family:"Display";src:url("assets/bricolage-grotesque.woff2") format("woff2");font-weight:500 800;font-display:swap}
:root{color-scheme:light dark;
--dusk:#0b2a26;--dusk-ink:#e4ead8;--dusk-ink-2:#aebda4;--lantern:#fff1c4;
--ground:#eaf0ea;--ink:#0d2a25;--ink-2:#3d554f;--rule:#c4d2c8;
--firefly:#94470a;--bloom:#6a3a9c;
--water-a:#7b48b5;--water-b:#d9792b;--water-c:#e2b93b;
--display:"Display",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--text:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{
--ground:#0b2a26;--ink:#e4ead8;--ink-2:#a9b89e;--rule:#22453e;
--firefly:#f0a63a;--bloom:#c193ef;
--water-a:#c193ef;--water-b:#f0a63a;--water-c:#fde36a}}
*{box-sizing:border-box}
html{background:var(--dusk);scrollbar-color:var(--firefly) var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.6 var(--text);-webkit-text-size-adjust:100%}
::selection{background:var(--bloom);color:var(--ground)}
a{color:var(--firefly);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--firefly);outline-offset:3px;border-radius:2px}
ul{list-style:none;padding:0;margin:0}
.wrap{max-width:50rem;margin:0 auto;padding:0 1.25rem}

.mast{background:var(--dusk);color:var(--dusk-ink)}
.mast a,footer a{color:#f0a63a}
.art{position:relative;margin:0;overflow:hidden;background:var(--dusk)}
.art img{display:block;width:100%;height:auto;aspect-ratio:5/2;max-height:34rem;min-height:12.5rem;object-fit:cover;object-position:60% 70%}
.art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--dusk) 0,rgb(11 42 38/.8) 13%,rgb(11 42 38/0) 42%)}
.title{position:absolute;z-index:1;left:0;right:0;bottom:0;padding-bottom:.9rem}
.mast.plain .title{position:static;padding:2.5rem 0 .5rem}
.site{font:700 clamp(1.75rem,5vw,3.25rem)/1 var(--display);letter-spacing:-.025em;margin:0;color:var(--lantern);text-wrap:balance}
.site a{color:inherit;text-decoration:none}
.tagline{margin:.4rem 0 0;color:var(--dusk-ink-2);font-size:.95rem}
.bar{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;padding:.75rem 0 1rem;font-size:.92rem;border-bottom:1px solid #22453e}
.bar a{text-decoration:none}.bar a:hover{text-decoration:underline}
main.wrap{padding-top:2.5rem;padding-bottom:3.5rem}
h1{font:700 clamp(1.6rem,4.2vw,2.35rem)/1.15 var(--display);letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font:650 1.3rem/1.25 var(--display);letter-spacing:-.01em;margin:3rem 0 .4rem;padding-bottom:.55rem;scroll-margin-top:1rem;
background:linear-gradient(90deg,var(--water-a),var(--water-b) 55%,var(--water-c)) no-repeat 0 100%/100% 2px}
h2 small{font:600 .9rem var(--text);color:var(--bloom);margin-left:.45rem;font-variant-numeric:tabular-nums}
.counts{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:1.1rem 0 0;padding:0}
.counts a{color:var(--ink-2);font-size:.9rem;text-decoration:none}
.counts b{display:block;font:700 1.75rem/1.1 var(--display);color:var(--firefly);font-variant-numeric:tabular-nums}
.counts a:hover span{text-decoration:underline}
.toc{margin:1.25rem 0 0;padding:.7rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:.92rem;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:.3rem 1.25rem}
.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.meta{font-size:.85rem;color:var(--bloom);font-variant-numeric:tabular-nums}
.arrow{width:.85em;height:.85em;vertical-align:-.08em;margin-right:.3em}
footer code,main code{font:.92em var(--mono)}
li{padding:.8rem 0;border-bottom:1px solid var(--rule)}li:last-child{border-bottom:0}
.name{font:600 .95rem/1.4 var(--mono);overflow-wrap:anywhere}
.ver{font:.8rem var(--mono);color:var(--ink-2)}
.ver a{color:var(--ink-2)}
.sum{margin:.3rem 0 0;max-width:68ch}
.members{color:var(--ink-2);font-size:.86rem;margin:.35rem 0 0;overflow-wrap:anywhere}
.community li{padding:1rem 0 1.15rem}.community li .name{font:650 1.02rem/1.35 var(--display);letter-spacing:-.005em}
.community .ver{font-family:var(--text);font-size:.85rem}
.empty{color:var(--ink-2)}
.earlier li{padding:.45rem 0}

footer{background:var(--dusk);color:var(--dusk-ink-2);font-size:.86rem;padding:0 0 2.5rem}
.shore{position:relative;margin:0 0 1.5rem;overflow:hidden}
.shore img{display:block;width:100%;height:clamp(4.5rem,9vw,7.5rem);object-fit:cover;object-position:62% 66%}
.shore-gap{height:1.75rem}
.shore::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--ground) 0,rgb(11 42 38/0) 55%,var(--dusk) 100%)}
footer .bar{border:0;padding:0 0 1rem}
footer p{margin:0;max-width:68ch}
@media (max-width:30rem){.art img{aspect-ratio:auto;height:12.5rem}.art::after{background:linear-gradient(to top,var(--dusk) 0,rgb(11 42 38/.9) 38%,rgb(11 42 38/.35) 70%,rgb(11 42 38/0) 100%)}.wrap{padding:0 1rem}h2{margin-top:2.5rem}.counts{gap:.4rem 1.2rem}.counts b{font-size:1.45rem}}