:root{--black:#0a0a0a;--white:#fff;--paper:#f4f4f0;--blue:#0080ff;--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(--blue);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(--blue)}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(--blue)}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(--blue);padding:64px 0 72px}header.hero .tag{background:var(--blue);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(--blue);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(--blue);-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(--blue);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(--blue);color:var(--white);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(--blue);box-shadow:inset 0 -4px 0 var(--black)}.tablist button:hover{background:var(--blue)}.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(--blue);background:var(--white)}.embed iframe{border:0;width:100%;min-height:70vh;display:block}.login-page{background:var(--paper);flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"%3E%3Cg stroke=\"%230a0a0a\" stroke-width=\"1\" fill=\"none\" opacity=\"0.09\"%3E%3Cpath d=\"M0 0 L60 60 M60 0 L0 60\"/%3E%3C/g%3E%3Cg fill=\"%230a0a0a\" opacity=\"0.09\"%3E%3Ccircle cx=\"0\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"0\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"30\" cy=\"30\" r=\"1.5\"/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-size:60px 60px;position:absolute;inset:0}.login-page:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(620px 520px,#f2f2ecf0 0%,#f2f2ec8c 50%,#f2f2ec00 100%);position:absolute;inset:0}.login-card{border:var(--border);background:var(--white);width:100%;max-width:520px;box-shadow:14px 14px 0 var(--blue);z-index:2;padding:44px 46px 46px;position:relative}.login-title{text-transform:uppercase;letter-spacing:.07em;margin:0 0 16px;font-size:23px;font-weight:800}.login-lead{color:var(--grey);margin:0 0 30px;font-size:14px;line-height:1.65}.login-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.login-field label{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.login-input{border:2px solid var(--black);background:var(--paper);height:48px;color:var(--black);padding:0 14px;font-family:inherit;font-size:15px}.login-input:focus{background:var(--white);box-shadow:4px 4px 0 var(--blue);outline:none}.login-error{color:var(--red);margin:0 0 16px;font-size:13px;font-weight:700}.progress-stepper{flex-direction:column;justify-content:center;height:34px;margin-bottom:26px;display:flex;position:relative}.stepper-line{background:#dedcd0;height:2px;position:absolute;top:9px;left:6px;right:6px;overflow:hidden}.stepper-line-fill{background:linear-gradient(90deg, var(--blue), var(--blue));height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}.stepper-nodes{justify-content:space-between;align-items:flex-start;padding:0 6px;display:flex;position:relative}.stepper-node{flex-direction:column;flex:1;align-items:center;gap:9px;display:flex}.node-dot{border:2px solid var(--black);background:var(--white);width:14px;height:14px;box-shadow:none;border-radius:50%;transition:background .3s,box-shadow .3s}.stepper-node.is-active .node-dot{background:var(--blue);box-shadow:0 0 0 4px #0080ff33}.node-label{letter-spacing:.14em;text-transform:uppercase;color:#a8a69a;text-align:center;font-size:10px;font-weight:800;line-height:1;transition:color .3s}.stepper-node.is-active .node-label{color:var(--black)}.login-submit{text-transform:uppercase;letter-spacing:.14em;border:3px solid var(--black);width:100%;height:56px;color:var(--black);box-shadow:8px 8px 0 var(--blue);cursor:pointer;background:#f0efe6;padding:0;font-family:inherit;font-size:15px;font-weight:800;text-decoration:none;transition:background .3s,color .3s,transform .12s;display:block}.login-submit:hover{box-shadow:4px 4px 0 var(--blue);transform:translate(4px,4px)}.login-submit:active{box-shadow:8px 8px 0 var(--blue);transform:translate(8px,8px)}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-submit.is-ready{background:var(--blue);color:var(--white)}.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(--blue);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(--blue);color:var(--white)}.embed{background:#1c1c20;border-color:#444}.login-page{background:#16161a}.login-page:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"%3E%3Cg stroke=\"%23eee\" stroke-width=\"1\" fill=\"none\" opacity=\"0.09\"%3E%3Cpath d=\"M0 0 L60 60 M60 0 L0 60\"/%3E%3C/g%3E%3Cg fill=\"%23eee\" opacity=\"0.09\"%3E%3Ccircle cx=\"0\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"0\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"30\" cy=\"30\" r=\"1.5\"/%3E%3C/g%3E%3C/svg%3E")}.login-page:after{background:radial-gradient(620px 520px,#16161af0 0%,#16161a8c 50%,#16161a00 100%)}.login-card{background:#1c1c20;border-color:#444}.login-input{color:#eee;background:#16161a;border-color:#444}.login-input:focus{box-shadow:4px 4px 0 var(--blue);background:#23232a}.login-submit{color:#eee;background:#2a2a30}.login-submit.is-ready{background:var(--blue);color:var(--white)}.stepper-line{background:#2a2a30}.node-dot{background:#16161a;border-color:#555}.stepper-node.is-active .node-dot{background:var(--blue);box-shadow:0 0 0 4px #0080ff26}.node-label{color:#888}.stepper-node.is-active .node-label{color:#eee}}