@font-face{font-family:"Space Mono";src:url(/assets/fonts/space-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Mono";src:url(/assets/fonts/space-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#fff;--ink:#111;--wm:#278d11;--fr:#0d19b1;--dim:#666}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:400 13px/1.5 "Space Mono",monospace;text-align:center}
::selection{background:var(--fr);color:#fff}
img,svg,canvas,video{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
a,button{-webkit-tap-highlight-color:transparent;color:inherit}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
.wm-box{overflow:hidden;padding-top:1.5vw;height:8.6vw}
.wm{margin:0;user-select:none;white-space:pre;text-align:center;font-weight:700;color:var(--wm);font-size:2.05vw;line-height:.7;letter-spacing:.02em;transform:scaleY(1.7);transform-origin:top center;font-family:inherit}
main{max-width:720px;margin:0 auto;padding:0 16px}
h1{font-size:20px;font-weight:700;margin:44px 0 22px;letter-spacing:.01em}
.intro{font-size:11.5px;margin-bottom:26px}
.box{display:block;border:1px solid var(--fr);color:var(--fr);text-decoration:none;margin:0 auto 18px}
.mirror{padding:16px 14px;max-width:680px}
.cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.row{display:flex;gap:12px;align-items:center;justify-content:center;min-width:0}
.row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-decoration:underline}
.ghost{font:inherit;font-size:11px;letter-spacing:.12em;background:none;border:1px solid var(--fr);color:var(--fr);padding:7px 11px;cursor:pointer;white-space:nowrap}
.ghost:hover,.chip.on{background:var(--fr);color:#fff}
.warn{font-size:11px;font-weight:700;margin:6px 0 12px}
.ul{color:var(--fr);font-weight:700;font-size:11px}
.disc{max-width:520px;margin:14px auto 0;font-size:11px;color:var(--dim)}
.search{display:flex;gap:8px;padding:10px;margin-top:24px;text-align:left}
.search input{flex:1;min-width:0;border:0;background:none;font:inherit;color:var(--ink);outline:none}
.search input::placeholder{color:#8a8fc9}
.big{padding:18px;font-size:13px;text-decoration:underline;margin-bottom:34px}
.big:hover,.nav a:hover{background:var(--fr);color:#fff}
.sort{margin-bottom:22px}
.chip{font:inherit;font-size:12px;background:none;border:1px solid var(--fr);color:var(--fr);padding:7px 12px;margin-left:8px;cursor:pointer}
.nav{display:flex;gap:18px;justify-content:center;font-size:10px;letter-spacing:.08em;margin-bottom:34px}
.nav a{padding:1px 3px}.nav .on{color:var(--fr);text-decoration:underline}
.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
h2{font-size:14px;font-weight:400;letter-spacing:.12em}
.stats{text-align:left;font-size:11px;color:var(--dim);margin-bottom:14px}.stats span{color:var(--ink);font-weight:700}.stats i{font-style:normal;margin:0 4px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;text-align:left}
.card{border:1px solid var(--fr);padding:12px;min-height:150px;display:flex;flex-direction:column;animation:in .5s ease both}
.card h3{font-size:13px;font-weight:400;display:flex;justify-content:space-between;color:var(--fr);margin-bottom:8px}
.card p{font-size:12.5px;flex:1}
.card time{display:block;border-top:1px solid var(--fr);margin-top:12px;padding-top:7px;font-size:11px;color:var(--dim)}
.card.new p::after{content:"";display:inline-block;width:.55em;height:1em;background:var(--wm);vertical-align:-.15em;margin-left:2px;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}@keyframes in{from{opacity:0;transform:translateY(6px)}}
.empty{margin:20px 0;color:var(--dim)}
footer{margin:60px 0 30px;font-size:11px;color:var(--dim)}footer a{margin-left:12px}
@media(max-width:640px){.wm{font-size:1.95vw}.row{flex-wrap:wrap}h1{font-size:16px}}
@media(prefers-reduced-motion:reduce){.card,.card.new p::after{animation:none}}