:root{--ink:#14120c;--paper:#f3ead6;--paper-2:#e7dcc3;--rule:#14120c1f;--acid:#d8ff3a;--blood:#c4451d;--mute:#6d6758;--display:"Syne", "Arial Narrow", sans-serif;--body:"Figtree", "Avenir Next", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--body);background:var(--paper);color:var(--ink);letter-spacing:-.01em;margin:0}a{color:inherit}button,input{font:inherit}.shell{flex-direction:column;min-height:100dvh;display:flex}.top{text-align:center;background:var(--ink);color:var(--paper);flex-direction:column;align-items:center;gap:8px;padding:22px 24px 18px;display:flex}.mark{font-family:var(--display);letter-spacing:-.05em;font-size:1.55rem;font-weight:800;line-height:.9;text-decoration:none}.mark span{color:var(--acid)}.top p{color:#f3ead6b8;max-width:36rem;margin:0;font-size:.95rem;line-height:1.35}.stage{flex:1;width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 40px}.foot{width:min(1180px,100% - 32px);color:var(--mute);margin:0 auto;padding:0 0 28px;font-size:.86rem}.foot p{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1.25rem;margin:0;display:flex}.foot a{color:var(--ink);font-weight:700}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;font-size:.78rem;font-weight:700;display:flex}.drop{border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fffdf6;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px;padding:10px;display:grid}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:12px;display:flex}.find{flex:16rem;min-width:0}.find input{border:1px solid var(--ink);background:#fffdf6;outline:none;width:100%;padding:8px 12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips.categories{margin-bottom:22px}.chips button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:6px 10px;font-size:.82rem;font-weight:650}.chips button.on{background:var(--ink);color:var(--acid)}.tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tags span{border:1px solid var(--rule);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:3px 8px;font-size:.72rem;font-weight:700}.drop input{background:0 0;border:0;outline:none;padding:12px 14px}.drop button,.btn{background:var(--ink);color:var(--acid);cursor:pointer;border:0;padding:12px 18px;font-weight:700}.btn.ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.btn.x{background:var(--ink);color:#fff}.error{color:var(--blood);margin:-12px 0 22px;font-weight:600}.feed{column-count:3;column-gap:8px}.card{border:1px solid var(--ink);color:inherit;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;background:#fffdf6;flex-direction:column;width:100%;min-width:0;margin:0 0 8px;padding:16px 16px 12px;display:flex}.card-body{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.card:hover{box-shadow:4px 4px 0 var(--ink)}.summary{font-family:var(--display);letter-spacing:-.04em;margin:0 0 12px;font-size:1.12rem;font-weight:700;line-height:1.15}.who{align-items:center;gap:12px;display:flex}.who img,.who span{object-fit:cover;background:var(--paper-2);border-radius:50%;width:36px;height:36px}.who strong{font-family:var(--display);letter-spacing:-.03em;font-size:.95rem;display:block}.who small{color:var(--mute)}.who time{color:var(--mute);margin-left:auto;font-size:.85rem}.text{color:#3c382e;white-space:pre-wrap;-webkit-line-clamp:10;-webkit-box-orient:vertical;margin:10px 0 0;font-size:.98rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card:has(.media) .text{-webkit-line-clamp:4}.media{margin-top:12px}.media img,.media video{object-fit:cover;border:1px solid var(--rule);width:100%;max-height:220px}.stats{border-top:1px solid var(--rule);color:var(--mute);justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:10px;font-size:.82rem;font-weight:600;display:flex}.like{border:1px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:5px 10px;font-size:.82rem;font-weight:700}.like.on{background:var(--ink);color:var(--acid)}.actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.empty{border:1px dashed var(--ink);text-align:left;padding:42px 28px}.empty h2{font-family:var(--display);letter-spacing:-.04em;margin:0 0 8px}.preview-wrap h1,.detail h1{font-family:var(--display);letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(2rem,5vw,3.4rem);line-height:.92}@media (width<=840px){.top{flex-direction:column;gap:8px;padding:16px}.stage{width:calc(100% - 24px);padding:18px 0 32px}.foot p{gap:.7rem;font-size:.78rem}.feed{column-count:1}.drop{box-shadow:4px 4px 0 var(--ink);grid-template-columns:1fr}}@media (width>=841px) and (width<=1100px){.feed{column-count:2}}