@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1e2356;--purple:#6e4aa2;--grey:#939894;--lime:#c8ff01;--bg:#0f1120;--surface:#181c35;--border:#ffffff12;--text:#e8eaf0;--dim:#6b7280;font-family:DM Sans,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh}.loading{height:100vh;color:var(--grey);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.loading-bar{background:var(--border);border-radius:2px;width:180px;height:3px;overflow:hidden}.loading-fill{background:var(--lime);border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite alternate loadslide}@keyframes loadslide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.top-bar{background:var(--navy);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.top-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:860px;margin:0 auto;padding:.9rem 1.5rem;display:flex}.brand{flex-direction:column;gap:.1rem;display:flex}.brand-eye{letter-spacing:.15em;text-transform:uppercase;color:var(--lime);font-family:Space Mono,monospace;font-size:.6rem}.brand-name{color:#fff;font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700}.top-bar-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.overall-progress{align-items:center;gap:.5rem;display:flex}.overall-pct{color:var(--lime);text-align:right;min-width:2.8rem;font-family:Space Mono,monospace;font-size:1rem;font-weight:700}.overall-bar{background:#ffffff1a;border-radius:2px;width:100px;height:3px;overflow:hidden}.overall-fill{background:var(--lime);border-radius:2px;height:100%;transition:width .4s}.overall-label{color:var(--grey);font-size:.7rem}.copy-btn{border:1px solid var(--lime);color:var(--lime);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:.3rem .7rem;font-family:Space Mono,monospace;font-size:.68rem;transition:background .15s,color .15s}.copy-btn:hover{background:var(--lime);color:var(--bg)}.topic-nav{background:var(--surface);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;overflow-x:auto}.topic-nav-inner{gap:0;width:max-content;min-width:100%;padding:0 1rem;display:flex}.topic-nav-btn{cursor:pointer;color:var(--dim);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:.6rem 1rem;transition:color .15s,background .15s;display:flex;position:relative}.topic-nav-btn:hover:not(.locked){color:var(--text);background:#ffffff08}.topic-nav-btn.active{color:#fff;border-bottom-color:var(--lime)}.topic-nav-btn.locked{opacity:.35;cursor:not-allowed}.topic-nav-btn.done{color:var(--grey)}.topic-nav-label{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500}.topic-nav-pips{align-items:center;gap:6px;display:flex}.pip{background:#ffffff26;border-radius:50%;width:9px;height:9px;transition:background .2s}.pip.pip-current{width:10px;height:10px}.main{max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.challenge-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1.5rem;padding:2rem 2rem 1.75rem;display:flex}.breadcrumb{color:var(--grey);letter-spacing:.03em;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.72rem;display:flex}.breadcrumb-sep{opacity:.4}.challenge-title{color:#fff;font-family:Space Mono,monospace;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:700;line-height:1.35}.challenge-topic-name{color:var(--grey);letter-spacing:.05em;text-transform:uppercase;margin-bottom:-.75rem;font-family:Space Mono,monospace;font-size:.7rem}.challenge-brief-box{background:#c8ff010d;border:1px solid #c8ff0133;border-radius:6px;padding:.85rem 1rem}.challenge-box-label{letter-spacing:.15em;text-transform:uppercase;color:var(--lime);margin-bottom:.4rem;font-family:Space Mono,monospace;font-size:.6rem;display:block}.challenge-box-label--grey{color:var(--grey)}.challenge-brief{color:var(--text);margin:0;font-size:.88rem;font-weight:500;line-height:1.65}.collapsible-box{border:1px solid var(--border);border-radius:6px;overflow:hidden}.collapsible-header{cursor:pointer;background:#ffffff05;border:none;justify-content:space-between;align-items:center;width:100%;padding:.7rem 1rem;transition:background .15s;display:flex}.collapsible-header:hover{background:#ffffff0d}.collapsible-chevron{color:var(--dim);font-size:.55rem}.collapsible-content{color:var(--grey);border-top:1px solid var(--border);margin:0;padding:.75rem 1rem .85rem;font-size:.82rem;line-height:1.65}.level-switcher{flex-wrap:wrap;gap:.5rem;display:flex}.level-btn{border:1px solid var(--border);color:var(--dim);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .85rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.level-btn:hover:not(:disabled){color:var(--text);border-color:#fff3}.level-btn-current{font-weight:600}.level-btn-done{color:var(--grey)}.level-btn-locked{opacity:.4;cursor:not-allowed}.level-lock{font-size:.65rem}.tests-section{border:1px solid var(--border);border-radius:6px;overflow:hidden}.tests-toggle{cursor:pointer;width:100%;color:var(--text);background:#ffffff08;border:none;align-items:center;gap:.75rem;padding:.8rem 1rem;font-family:Space Mono,monospace;font-size:.75rem;transition:background .15s;display:flex}.tests-toggle:hover{background:#ffffff0f}.tests-toggle span:first-child{text-align:left;letter-spacing:.05em;flex:1}.tests-count{color:var(--lime);font-weight:700}.chevron{color:var(--dim);font-size:.55rem}.test-list{background:#00000026;flex-direction:column;gap:.25rem;padding:.5rem .75rem .75rem;display:flex}.test-item{cursor:pointer;border-radius:4px;align-items:flex-start;gap:.65rem;padding:.5rem;transition:background .12s;display:flex}.test-item:hover{background:#ffffff0a}.test-item input[type=checkbox]{appearance:none;border:1.5px solid var(--grey);cursor:pointer;border-radius:3px;width:15px;min-width:15px;height:15px;margin-top:1px;transition:border-color .15s,background .15s;position:relative}.test-item input[type=checkbox]:checked{background:var(--lime);border-color:var(--lime)}.test-item input[type=checkbox]:checked:after{content:"";border:2px solid var(--bg);border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.test-text{color:var(--text);font-size:.82rem;line-height:1.55}.test-done .test-text{color:var(--dim);text-decoration:line-through}.complete-banner{color:var(--lime);text-align:center;letter-spacing:.05em;background:#c8ff0114;border:1px solid #c8ff0140;border-radius:6px;padding:.7rem 1rem;font-family:Space Mono,monospace;font-size:.8rem}.nav-buttons{justify-content:space-between;align-items:center;padding-top:.25rem;display:flex}.nav-btn{border:1px solid var(--border);color:var(--dim);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1.2rem;font-family:Space Mono,monospace;font-size:.75rem;transition:border-color .15s,color .15s,background .15s}.nav-btn:hover:not(:disabled){color:var(--text);border-color:#ffffff40}.nav-btn:disabled{opacity:.25;cursor:not-allowed}.nav-next-ready{border-color:var(--lime);color:var(--lime)}.nav-next-ready:hover:not(:disabled){background:var(--lime);color:var(--bg)}.nav-counter{color:var(--dim);font-family:Space Mono,monospace;font-size:.7rem}@media (width<=600px){.top-bar-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.challenge-card{padding:1.25rem 1rem}.topic-nav-label{font-size:.62rem}}.landing{justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.landing-inner{flex-direction:column;gap:1.5rem;width:100%;max-width:560px;display:flex}.landing-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--lime);font-family:Space Mono,monospace;font-size:.65rem;display:inline-block}.landing-title{color:#fff;font-family:Space Mono,monospace;font-size:clamp(2rem,6vw,3.2rem);font-weight:700;line-height:1.1}.landing-sub{color:var(--grey);max-width:480px;font-size:1rem;line-height:1.65}.landing-how{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.how-step{color:var(--text);align-items:flex-start;gap:.85rem;font-size:.85rem;line-height:1.5;display:flex}.how-num{color:var(--lime);background:#c8ff011a;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-top:1px;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;display:flex}.how-step code{color:var(--grey);word-break:break-all;background:#ffffff0f;border-radius:3px;padding:.1rem .35rem;font-family:Space Mono,monospace;font-size:.75rem}.how-step span:last-child{text-align:left;flex:1}.landing-warning{color:var(--grey);background:#c8ff010d;border:1px solid #c8ff0126;border-radius:6px;padding:.75rem 1rem;font-size:.78rem;line-height:1.5}.landing-cta{background:var(--lime);color:var(--bg);cursor:pointer;text-align:center;border:none;border-radius:4px;align-self:flex-start;padding:.8rem 1.5rem;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.landing-cta:hover{opacity:.88}.landing-cta:disabled{opacity:.4;cursor:not-allowed}.claim-page{justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.claim-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1.25rem;width:100%;max-width:520px;padding:2.5rem 2rem;display:flex}.claim-back{color:var(--grey);align-self:flex-start;font-family:Space Mono,monospace;font-size:.7rem;text-decoration:none}.claim-back:hover{color:var(--text)}.claim-title{color:#fff;font-family:Space Mono,monospace;font-size:1.4rem;font-weight:700}.claim-body{color:var(--text);font-size:.85rem;line-height:1.55}.claim-example{color:var(--lime);background:#c8ff0114;border-radius:3px;padding:.1rem .35rem;font-family:Space Mono,monospace;font-size:.75rem}.claim-form{flex-direction:column;gap:.85rem;display:flex}.claim-input-row{border:1px solid var(--border);background:#0006;border-radius:4px;align-items:center;display:flex;overflow:hidden}.claim-prefix{color:var(--dim);border-right:1px solid var(--border);white-space:nowrap;background:#ffffff08;padding:.65rem .75rem;font-family:Space Mono,monospace;font-size:.7rem}.claim-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.65rem .75rem;font-family:Space Mono,monospace;font-size:.85rem}.claim-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0f1120}.claim-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0f1120}.claim-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0f1120}.claim-input::placeholder{color:var(--dim)}.claim-error{color:#ff6b6b;background:#ff6b6b14;border:1px solid #ff6b6b33;border-radius:4px;padding:.5rem .75rem;font-size:.78rem}.claim-warning{color:var(--grey);background:#c8ff010d;border:1px solid #c8ff0126;border-radius:6px;padding:.75rem 1rem;font-size:.75rem;line-height:1.5}.claim-success-icon{color:var(--lime);font-size:2rem}.claim-link-box{background:var(--bg);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.claim-link{color:var(--lime);word-break:break-all;background:0 0;flex:1;font-family:Space Mono,monospace;font-size:.8rem}.personalise-btn{color:var(--lime);white-space:nowrap;border:1px solid #c8ff014d;border-radius:3px;padding:.25rem .6rem;font-family:Space Mono,monospace;font-size:.65rem;text-decoration:none;transition:background .15s}.personalise-btn:hover{background:#c8ff0114}.admin-page{min-height:100vh}.test-item,.test-item *{text-align:left}.admin-page .main{flex-direction:column;gap:1rem;display:flex}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-username{color:#fff;font-family:Space Mono,monospace;font-size:.95rem;font-weight:700}.admin-topics{flex-direction:column;gap:.4rem;display:flex}.admin-topic{align-items:center;gap:.6rem;display:flex}.admin-topic-num{color:var(--grey);text-align:right;min-width:1rem;font-family:Space Mono,monospace;font-size:.62rem}.admin-topic-bar-wrap{flex:1}.admin-topic-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.admin-topic-fill{background:var(--lime);border-radius:2px;height:100%;transition:width .3s}.admin-topic-pct{color:var(--grey);text-align:right;min-width:2.5rem;font-family:Space Mono,monospace;font-size:.62rem}.delete-btn{color:#ff6464b3;cursor:pointer;background:0 0;border:1px solid #ff64644d;border-radius:3px;padding:.3rem .65rem;font-family:Space Mono,monospace;font-size:.65rem;transition:all .15s}.delete-btn:hover{color:#ff6464;border-color:#ff6464b3}.delete-btn-confirm{color:#ff6464;background:#ff64641a;border-color:#ff6464}.delete-btn-cancel{border:1px solid var(--border);color:var(--grey);cursor:pointer;background:0 0;border-radius:3px;padding:.3rem .65rem;font-family:Space Mono,monospace;font-size:.65rem}