:root{--bg:#06060a;--s:#0e0e12;--e:#141418;--t:#e6e4e0;--td:#605850;--tm:#a09890;--a1:#c9a87c;--a2:#7cb896;--a3:#7ca8c9;--a4:#9c8cc9;--ln:#1e1e24;--mono:"JetBrains Mono",monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--mono);background:var(--bg);color:var(--t);min-height:100vh;padding:2rem;max-width:1000px;margin:0 auto;line-height:1.6}
a{color:var(--a3);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,var(--a1),var(--a3));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub{color:var(--td);font-size:.7rem;margin-bottom:1.5rem}
.nav{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.5rem}
.nav a{font-size:.6rem;padding:.3rem .6rem;border:1px solid var(--ln);border-radius:4px;color:var(--tm)}
.nav a:hover{border-color:var(--a3);color:var(--t)}
.nav a.self{border-color:var(--a1);color:var(--a1)}
.card{background:var(--s);border:1px solid var(--ln);border-radius:6px;padding:1rem;margin-bottom:1rem}
.card h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--a1);margin-bottom:.6rem}
.card p{font-size:.75rem;color:var(--tm)}
.links{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}
.links a{font-size:.7rem;padding:.4rem .6rem;background:var(--e);border:1px solid var(--ln);border-radius:4px;display:flex;align-items:center;gap:.5rem}
.links a:hover{border-color:var(--a3)}
.links .tag{font-size:.55rem;color:var(--td);margin-left:auto;text-transform:uppercase;letter-spacing:.05em}
iframe{width:100%;height:400px;border:1px solid var(--ln);border-radius:6px;background:var(--s)}
.embed{margin:1rem 0}