:root{--black:#0a0a0a;--white:#fff;--paper:#f4f4f0;--yellow:#ffd400;--blue:#2f6bff;--red:#e8402b;--grey:#6b6b6b;--border:3px solid var(--black)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--black);margin:0;font-family:JetBrains Mono,Courier New,Courier,monospace;line-height:1.5}#root{flex-direction:column;min-height:100svh;display:flex}img{max-width:100%;display:block}a{color:inherit}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}nav.topbar{background:var(--black);color:var(--white);z-index:50;border-bottom:3px solid var(--yellow);position:sticky;top:0}nav.topbar .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:flex}nav.topbar .brand{letter-spacing:1px;text-transform:uppercase;color:var(--white);font-size:14px;font-weight:800;text-decoration:none}nav.topbar .brand span{color:var(--yellow)}nav.topbar .links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}nav.topbar .links a{color:var(--white);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #0000;padding-bottom:3px;font-size:12px;text-decoration:none}nav.topbar .links a:hover,nav.topbar .links a.active{border-bottom-color:var(--yellow)}nav.topbar .links button.logout{appearance:none;color:var(--white);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 3px;font-family:inherit;font-size:12px}nav.topbar .links button.logout:hover{border-bottom-color:var(--red)}header.hero{background:var(--black);color:var(--white);border-bottom:6px solid var(--yellow);padding:64px 0 72px}header.hero .tag{background:var(--yellow);color:var(--black);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}header.hero h1{text-transform:uppercase;letter-spacing:-.5px;margin:0 0 18px;font-size:clamp(28px,6vw,44px);font-weight:800;line-height:1.1}header.hero h1 em{color:var(--yellow);font-style:normal}header.hero p.lead{color:#d8d8d8;max-width:560px;margin:0 0 28px;font-size:16px}.meta-row{flex-wrap:wrap;gap:10px;display:flex}.meta-chip{border:2px solid var(--white);text-transform:uppercase;padding:6px 12px;font-size:12px;font-weight:700}section{padding:56px 0}main{flex-direction:column;flex:1;display:flex}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin:0 0 10px;font-size:12px;font-weight:800}h2.section-title{text-transform:uppercase;letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(22px,4.5vw,30px);font-weight:800}p.section-lead{max-width:620px;color:var(--grey);margin:0 0 36px;font-size:15px}p.empty-state{color:var(--grey);font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.card{border:var(--border);background:var(--white);flex-direction:column;gap:10px;padding:24px;display:flex}.card .n{color:var(--yellow);-webkit-text-stroke:2px var(--black);font-size:26px;font-weight:800}.card h3{text-transform:uppercase;margin:0;font-size:16px;font-weight:800}.card p{color:var(--grey);margin:0;font-size:14px}.card pre{background:var(--black);color:var(--paper);border:2px solid var(--black);white-space:pre-wrap;word-break:break-word;padding:12px;font-size:12px;overflow-x:auto}.card a.card-link{background:var(--yellow);color:var(--black);border:2px solid var(--black);text-transform:uppercase;box-shadow:4px 4px 0 var(--blue);align-self:flex-start;margin-top:auto;padding:8px 14px;font-size:12px;font-weight:800;text-decoration:none}.card a.card-link:hover{box-shadow:2px 2px 0 var(--blue);transform:translate(2px,2px)}.badge{background:var(--paper);border:2px solid var(--black);text-transform:uppercase;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.btn{text-transform:uppercase;letter-spacing:.5px;border:3px solid var(--black);background:var(--yellow);color:var(--black);box-shadow:6px 6px 0 var(--blue);cursor:pointer;padding:12px 22px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;display:inline-block}.btn:hover{box-shadow:3px 3px 0 var(--blue);transform:translate(3px,3px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:6px 6px 0 var(--blue);transform:none}.tabs{border:var(--border);background:var(--white)}.tablist{border-bottom:var(--border);background:var(--paper);flex-wrap:wrap;display:flex}.tablist button{appearance:none;border:none;border-right:2px solid var(--black);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:var(--black);background:0 0;padding:12px 16px;font-family:inherit;font-size:12px;font-weight:800}.tablist button[aria-selected=true]{background:var(--yellow);box-shadow:inset 0 -4px 0 var(--black)}.tablist button:hover{background:var(--yellow)}.tabpanel{padding:24px}.tabpanel h3{text-transform:uppercase;margin-top:0;font-weight:800}.tabpanel pre{background:var(--black);color:var(--paper);border:var(--border);white-space:pre-wrap;word-break:break-word;padding:16px;font-size:13px;overflow-x:auto}.notes-content :is(h1,h2,h3,h4){text-transform:uppercase;font-weight:800}.notes-content :is(ul,ol){padding-left:22px}.embed{border:var(--border);box-shadow:8px 8px 0 var(--yellow);background:var(--white)}.embed iframe{border:0;width:100%;min-height:70vh;display:block}.login-page{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.login-card{border:var(--border);background:var(--white);width:100%;max-width:380px;box-shadow:8px 8px 0 var(--yellow);padding:32px}.login-card h1{text-transform:uppercase;letter-spacing:-.5px;margin:0 0 6px;font-size:20px;font-weight:800}.login-card p.lead{color:var(--grey);margin:0 0 24px;font-size:14px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.field input{border:2px solid var(--black);background:var(--paper);color:var(--black);padding:10px 12px;font-family:inherit;font-size:14px}.field input:focus{outline:3px solid var(--blue);outline-offset:-1px}.error-text{color:var(--red);margin:0 0 16px;font-size:13px;font-weight:700}.login-card .btn{text-align:center;width:100%}.loading-state{color:var(--grey);text-transform:uppercase;letter-spacing:.5px;flex:1;justify-content:center;align-items:center;padding:60px 20px;font-size:13px;display:flex}footer{background:var(--black);color:#ccc;border-top:3px solid var(--yellow);padding:28px 0;font-size:12px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@media (width<=640px){.tablist button{border-bottom:2px solid var(--black);flex:auto}}@media (prefers-color-scheme:dark){body{color:#eee;background:#16161a}.card{background:#1c1c20;border-color:#444}.card p,p.section-lead{color:#aaa}.badge{color:#eee;background:#23232a;border-color:#555}.tabs{background:#1c1c20;border-color:#444}.tablist{background:#16161a;border-color:#444}.tablist button{color:#eee;border-color:#444}.tablist button[aria-selected=true],.tablist button:hover{background:var(--yellow);color:var(--black)}.embed,.login-card{background:#1c1c20;border-color:#444}.field input{color:#eee;background:#16161a;border-color:#444}}