:root{--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--bg-deep:#07060c;--bg-mid:#12101a;--text:#c8c4d4;--text-dim:#7a7388;--text-heading:#f4f0ff;--accent:#c56fff;--accent-soft:#c56fff2e;--accent-glow:#c56fff73;--border:#ffffff14;--glass:#1612208c;--glass-border:#ffffff1f;--shadow:0 24px 48px #00000073;--radius:18px;--ease-out:cubic-bezier(.22, 1, .36, 1)}html[data-theme=matrix]{--bg-deep:#020804;--bg-mid:#06140c;--text:#9dd4b8;--text-dim:#4a7a62;--text-heading:#c8ffd4;--accent:#39ff14;--accent-soft:#39ff141f;--accent-glow:#39ff1466;--border:#39ff141f;--glass:#04180ca6;--glass-border:#39ff142e}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100svh;font-family:var(--font-body);color:var(--text);background:var(--bg-deep);margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}#app{isolation:isolate;min-height:100svh;position:relative}#app:before{content:"";z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 10%, #c56fff24, transparent 55%), radial-gradient(ellipse 70% 50% at 85% 80%, #7850dc1a, transparent 50%), linear-gradient(165deg, var(--bg-deep) 0%, var(--bg-mid) 45%, var(--bg-deep) 100%);pointer-events:none;position:fixed;inset:0}html[data-theme=matrix] #app:before{background:radial-gradient(ellipse 70% 50% at 15% 20%, #39ff1414, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 90%, #00502833, transparent 50%), linear-gradient(175deg, var(--bg-deep) 0%, var(--bg-mid) 50%, #020a06 100%)}.noise{z-index:1;opacity:.045;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html[data-theme=matrix] .noise{opacity:.06}.boot{z-index:20;background:var(--bg-deep);transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.boot--out{opacity:0;pointer-events:none;transform:scale(1.02)}.boot__inner{width:min(100%,520px)}.boot__brand{font-family:var(--font-display);color:var(--text-heading);letter-spacing:.04em;margin:0 0 20px;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800}.boot__cursor{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.boot__log{min-height:9.5rem;color:var(--text-dim);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#00000059;border-radius:12px;margin:0 0 16px;padding:16px 18px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.55;overflow:auto}.boot__bar{background:#ffffff0f;border-radius:999px;height:4px;margin-bottom:16px;overflow:hidden}.boot__bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-glow));width:0%;height:100%;transition:width .35s var(--ease-out)}.boot__skip{font-family:var(--font-body);color:var(--text-heading);background:var(--accent-soft);border:1px solid var(--glass-border);cursor:pointer;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.boot__skip:hover{border-color:var(--accent-glow);background:#c56fff47}html[data-theme=matrix] .boot__skip:hover{background:#39ff1433}.boot__skip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.boot__skip:active{transform:scale(.98)}.hub{z-index:2;max-width:1120px;margin:0 auto;padding:clamp(24px,5vw,48px) clamp(16px,4vw,32px) 40px;position:relative}.hub--hidden{display:none}.header{text-align:center;margin-bottom:clamp(28px,5vw,44px)}.brand{font-family:var(--font-display);color:var(--text-heading);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;margin:0 0 12px;padding:8px 14px;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;transition:color .2s,transform .15s;display:inline-flex}.brand:hover{color:var(--accent)}.brand:active{transform:scale(.98)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.brand__mark{color:var(--accent);font-size:1.1em;line-height:1}.tagline{color:var(--text-dim);margin:0;font-size:clamp(.95rem,2.2vw,1.1rem)}.grid{grid-template-columns:repeat(12,1fr);gap:clamp(12px,2vw,18px);display:grid}.card{grid-column:span 4;min-height:0}@media (width<=1024px){.card{grid-column:span 6}}@media (width<=640px){.card{grid-column:span 12}}.card--wide{grid-column:span 8}@media (width<=1024px){.card--wide{grid-column:span 12}}.card--tall{grid-row:span 1}@media (width>=1025px){.card--tall{grid-row:span 2}}.card__link{height:100%;min-height:140px;color:inherit;background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .2s var(--ease-out);transform-style:preserve-3d;will-change:transform;flex-direction:column;padding:20px 20px 18px;text-decoration:none;display:flex}.card__link:hover{box-shadow:var(--shadow), 0 0 40px #c56fff14;border-color:#c56fff59}html[data-theme=matrix] .card__link:hover{box-shadow:var(--shadow), 0 0 36px #39ff141f;border-color:#39ff1459}.card__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card__emoji{filter:drop-shadow(0 4px 12px #00000059);margin-bottom:12px;font-size:2rem;line-height:1}.card__title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:.01em;margin:0 0 8px;font-size:1.15rem;font-weight:700}.card__desc{color:var(--text-dim);flex:1;margin:0 0 16px;font-size:.92rem;line-height:1.45}.card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card__tag{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.card__status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.card__status--live{color:#7cf0c2;background:#50dca01f;border:1px solid #50dca059}.card__status--wip{color:#f0c07c;background:#f0c07c1a;border:1px solid #f0c07c4d}.footer{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border-top:1px solid var(--border);margin-top:40px;padding-top:24px;font-size:13px}@media (width>=1025px){.card--tall .card__link{min-height:100%}}@media (prefers-reduced-motion:reduce){.boot__cursor{animation:none}.boot__bar-fill,.boot{transition:none}.boot--out{transform:none}.card__link{transition:border-color .2s,box-shadow .2s}}