:root{--bg:#080b0d;--panel:#0d1215;--panel2:#11171b;--line:#263036;--muted:#829097;--text:#f1f6f4;--cyan:#64f4ed;--lime:#bff93a;--orange:#ff9d42;--violet:#b697ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b0df0;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50vw - 600px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:.08em;align-items:center;gap:13px;font-family:monospace;font-size:13px;font-weight:700;text-decoration:none;display:flex}.brand b{color:var(--cyan)}.brand-mark{background:var(--cyan);color:#071011;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);place-items:center;width:34px;height:34px;font-family:monospace;font-size:19px;font-weight:900;display:grid}.status{letter-spacing:.08em;color:var(--muted);align-items:center;gap:9px;font-family:monospace;font-size:10px;display:flex}.status i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime)}.status span{color:var(--lime);border-right:1px solid var(--line);padding-right:12px}.hero{max-width:1200px;margin:auto;padding:88px 0 76px;position:relative}.hero:after{content:"M";color:#0000;-webkit-text-stroke:1px #64f4ed1a;z-index:-1;font:900 240px/1 monospace;position:absolute;top:40px;right:18px}.eyebrow{letter-spacing:.16em;color:var(--cyan);align-items:center;gap:13px;font:700 11px/1 monospace;display:flex}.eyebrow span,.section-index{background:var(--cyan);color:#071011;padding:5px 7px}.hero h1{letter-spacing:-.06em;max-width:860px;margin:25px 0 24px;font-size:clamp(48px,7vw,86px);line-height:.94}.hero h1 em{color:var(--cyan);font-style:normal}.hero>p{color:#aeb8bc;max-width:640px;margin-bottom:38px;font-size:17px;line-height:1.6}.search{background:#101619;border:1px solid #344149;align-items:center;gap:14px;max-width:760px;height:62px;padding:0 18px;display:flex;box-shadow:0 14px 50px #00000052}.search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 14px 50px #00000052}.search svg{width:21px;stroke:var(--cyan);fill:none;stroke-width:1.8px}.search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search input::placeholder{color:#67747a}.search kbd{color:#76858b;border:1px solid #344149;padding:6px 8px;font:10px monospace}.resource-section{border-top:1px solid var(--line);background:#0a0e10;padding:60px max(24px,50vw - 600px) 92px}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-bottom:22px;display:flex}.section-head>div{grid-template-columns:auto auto;align-items:center;gap:8px 12px;display:grid}.section-head h2{letter-spacing:.1em;margin:0;font:700 16px monospace}.section-head p{color:var(--muted);letter-spacing:.1em;grid-column:2;margin:0;font:10px monospace}.section-index{font:700 10px monospace}.favorites{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;padding:11px 13px;font:700 10px monospace}.favorites span{color:#59656a}.favorites b{color:var(--text);margin-left:8px}.favorites.active{border-color:var(--lime);color:var(--lime)}.favorites.active span{color:var(--lime)}.filters{gap:8px;margin:26px 0;display:flex;overflow-x:auto}.filters button{white-space:nowrap;color:var(--muted);letter-spacing:.07em;cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 13px;font:700 10px monospace}.filters button:hover{color:var(--text)}.filters button.active{color:var(--cyan);background:#172024;border-color:#354148}.grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.card{background:var(--panel);border:1px solid var(--line);flex-direction:column;min-height:305px;padding:23px;transition:transform .15s,border-color .15s;display:flex;position:relative}.card:hover{border-color:#536168;transform:translateY(-3px)}.card:before{content:"";background:var(--accent);width:3px;height:38px;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 55%,transparent);position:absolute;top:22px;left:-1px}.card.cyan{--accent:var(--cyan)}.card.lime{--accent:var(--lime)}.card.orange{--accent:var(--orange)}.card.violet{--accent:var(--violet)}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.pixel-icon{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);width:47px;height:47px;color:var(--accent);clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);place-items:center;display:grid}.pixel-icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linejoin:miter;width:23px;height:23px}.star{color:#3d494e;cursor:pointer;background:0 0;border:0;font-size:18px}.star:hover,.star.saved{color:var(--accent)}.category{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin-top:27px;font:700 9px monospace}.card h3{letter-spacing:-.025em;margin:8px 0 9px;font-size:22px}.card p{color:#909da2;max-width:300px;margin:0 0 22px;font-size:13px;line-height:1.55}.card a{border-top:1px solid var(--line);color:var(--text);letter-spacing:.09em;justify-content:space-between;margin-top:auto;padding-top:16px;font:700 10px monospace;text-decoration:none;display:flex}.card a b{color:var(--accent);font-size:16px}.card small{color:#253036;font:700 28px monospace;position:absolute;bottom:54px;right:19px}.empty{text-align:center;border:1px dashed #344149;grid-column:1/-1;padding:70px}.empty span{color:var(--orange);letter-spacing:.15em;font:700 10px monospace}.empty h3{margin:10px}.empty button{background:var(--cyan);cursor:pointer;border:0;padding:12px 15px;font:700 10px monospace}footer{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:35px 0;display:flex}footer>div{align-items:center;gap:13px;display:flex}.brand-mark.small{width:30px;height:30px;font-size:15px}footer p{color:var(--muted);margin:0;font:10px/1.6 monospace}footer p b{color:var(--text);letter-spacing:.08em}footer a{color:var(--muted);font:10px monospace;text-decoration:none}footer a b{color:var(--cyan);margin-left:8px}@media (max-width:800px){.topbar{padding:0 18px}.status time{display:none}.hero{padding:65px 22px 55px}.hero:after{font-size:150px}.resource-section{padding:45px 18px 65px}.grid{grid-template-columns:1fr 1fr}.section-head{align-items:center}footer{padding:30px 20px}.brand>span:last-child{display:none}}@media (max-width:540px){.status span{border:0;padding:0}.hero h1{font-size:48px}.hero>p{font-size:15px}.search kbd{display:none}.grid{grid-template-columns:1fr}.card{min-height:285px}.section-head{align-items:flex-end}.section-head h2{font-size:13px}.favorites{font-size:0}.favorites span,.favorites b{font-size:11px}.filters{margin-right:-18px}.hero:after{display:none}footer{flex-direction:column;align-items:flex-start;gap:25px}}
.topbar{justify-content:flex-start}.eyebrow{display:block}.folder-section{border-top:1px solid var(--line);background:#0a0e10;padding:60px max(24px,50vw - 600px) 42px}.folder-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;display:grid}.folder-grid .folder-tile{background:var(--panel);border:1px solid var(--line);min-height:64px;color:var(--text);letter-spacing:.035em;cursor:default;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font:700 11px/1.35 monospace;display:grid}.folder-grid .folder-tile b{color:var(--cyan);font-size:15px}.folder-icon{color:var(--cyan);font-size:17px;transform:rotate(-2deg)}.resource-section{border-top:0;padding-top:18px}.card-top{justify-content:flex-start}footer>a b{margin-left:0}@media (max-width:800px){.folder-section{padding:45px 18px 32px}.folder-grid{grid-template-columns:1fr 1fr}}@media (max-width:540px){.folder-grid{grid-template-columns:1fr}.folder-grid .folder-tile{min-height:58px}}