:root{--bg:#0a0a0b;--bg-soft:#0d0d0e;--panel:#111113;--panel-2:#16161a;--panel-3:#1c1c20;--border:#1e1e23;--border-soft:#19191d;--border-strong:#2a2a31;--text:#ededed;--text-2:#9a9aa2;--text-3:#6b6b74;--accent:#ff2d55;--accent-2:#ff1744;--accent-grad:linear-gradient(135deg,#ff2d55,#ff1744);--accent-soft:rgba(255,45,85,.10);--accent-glow:rgba(255,45,85,.35);--coding:#4cc1f7;--coding-2:#37a8e0;--coding-grad:linear-gradient(135deg,#4cc1f7,#37a8e0);--coding-soft:rgba(76,193,247,.09);--ctf:#ff2d55;--ctf-2:#ff1744;--ctf-grad:var(--accent-grad);--ctf-soft:var(--accent-soft);--devops:#2dd4bf;--devops-2:#e3a93c;--devops-grad:linear-gradient(135deg,#2dd4bf,#17b8a4);--devops-soft:rgba(45,212,191,.09);--ok:#3ecf8e;--warn:#e3a93c;--err:#f25360;--info:#4cc1f7;--d-easy:#3ecf8e;--d-med:#e3a93c;--d-hard:#f25360;--d-insane:#a78bfa;--f-display:var(--font-bebas),"Bebas Neue",sans-serif;--f-logo:var(--font-audiowide),"Audiowide",sans-serif;--f-body:var(--font-raleway),"Raleway",system-ui,sans-serif;--f-mono:var(--font-source-code),"Source Code Pro",ui-monospace,monospace;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--sp:8px;--shadow:0 6px 20px rgba(0,0,0,.35);--shadow-lg:0 16px 48px rgba(0,0,0,.55);--neon:0.35}[data-vert=coding]{--v:var(--coding);--v2:var(--coding-2);--v-grad:var(--coding-grad);--v-soft:var(--coding-soft)}[data-vert=ctf]{--v:var(--ctf);--v2:var(--ctf-2);--v-grad:var(--ctf-grad);--v-soft:var(--ctf-soft)}[data-vert=devops]{--v:var(--devops);--v2:var(--devops-2);--v-grad:var(--devops-grad);--v-soft:var(--devops-soft)}[data-vert=community],[data-vert=home]{--v:var(--accent);--v2:var(--accent-2);--v-grad:var(--accent-grad);--v-soft:var(--accent-soft)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;user-select:none}.ms-fill{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.hn-app button{color:inherit}.hn-app,.hn-app button{font-family:var(--f-body)}.hn-app{container-type:inline-size;container-name:app;color:var(--text);background:var(--bg);width:100%;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}.hn-app .hn-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.hn-app .hn-scroll::-webkit-scrollbar{width:10px;height:10px}.hn-app .hn-scroll::-webkit-scrollbar-thumb{background:#222227;border-radius:20px;border:3px solid transparent;background-clip:content-box}.hn-app .hn-scroll::-webkit-scrollbar-thumb:hover{background:#2e2e35;background-clip:content-box}.hn-app .disp{font-family:var(--f-display);font-weight:400;line-height:.95;letter-spacing:.022em;text-transform:uppercase}.hn-app .logo-type{font-family:var(--f-logo);letter-spacing:.02em}.hn-app .eyebrow,.hn-app .mono{font-family:var(--f-mono)}.hn-app .eyebrow{font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.hn-app .muted{color:var(--text-2)}.hn-app .dim{color:var(--text-3)}.hn-app .btn{font-family:var(--f-body);font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,filter .15s ease;white-space:nowrap;user-select:none;text-decoration:none}.hn-app .btn:hover{border-color:#3a3a42;background:var(--panel-3)}.hn-app .btn:active{filter:brightness(.94)}.hn-app .btn .material-symbols-outlined{font-size:18px}.hn-app .btn-sm{padding:6px 12px;font-size:12.5px;border-radius:var(--r-sm)}.hn-app .btn-lg{padding:13px 24px;font-size:15px}.hn-app .btn-block{width:100%}.hn-app .btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.hn-app .btn-ghost:hover{background:var(--panel-2);border-color:var(--border);color:var(--text)}.hn-app .btn-outline{background:transparent;border-color:var(--border-strong)}.hn-app .btn-primary{background:var(--v);border:1px solid transparent;color:#0b0b0d;font-weight:800}.hn-app .btn-primary:hover{filter:brightness(1.07);background:var(--v)}.hn-app .btn-accent{background:var(--accent);border:1px solid transparent;color:#fff;font-weight:800;box-shadow:0 4px 18px -8px var(--accent-glow)}.hn-app .btn-accent:hover{filter:brightness(1.07)}.hn-app .btn[disabled]{opacity:.45;pointer-events:none}.hn-app :focus-visible{outline:2px solid var(--v);outline-offset:2px;border-radius:6px}.hn-app .panel{background:var(--panel)}.hn-app .panel,.hn-app .panel-2{border:1px solid var(--border);border-radius:var(--r-lg)}.hn-app .panel-2{background:var(--panel-2)}.hn-app .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .15s ease,background .15s ease;position:relative;overflow:hidden}.hn-app .card-hover{cursor:pointer}.hn-app .card-hover:hover{border-color:var(--border-strong);background:#131316}.hn-app .badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:3px 8px;border-radius:5px;border:1px solid transparent;background:var(--panel-3);color:var(--text-2);white-space:nowrap}.hn-app .badge .material-symbols-outlined{font-size:13px}.hn-app .badge-easy{color:var(--d-easy);background:rgba(62,207,142,.09)}.hn-app .badge-med{color:var(--d-med);background:rgba(227,169,60,.09)}.hn-app .badge-hard{color:var(--d-hard);background:rgba(242,83,96,.09)}.hn-app .badge-insane{color:var(--d-insane);background:rgba(167,139,250,.09)}.hn-app .badge-accent{color:var(--accent);background:var(--accent-soft)}.hn-app .badge-ok{color:var(--ok);background:rgba(62,207,142,.09)}.hn-app .badge-new{color:#fff;background:var(--accent)}.hn-app .badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.hn-app .chip{font-family:var(--f-body);font-weight:600;font-size:12.5px;cursor:pointer;padding:6px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:transparent;color:var(--text-2);transition:.15s;white-space:nowrap}.hn-app .chip:hover{color:var(--text);border-color:var(--border-strong)}.hn-app .chip.active{color:var(--v);border-color:var(--v);background:var(--v-soft)}.hn-app .field{font-family:var(--f-body);font-size:14px;color:var(--text);background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:11px 13px;width:100%;transition:.15s}.hn-app .field::placeholder{color:var(--text-3)}.hn-app .field:focus{outline:none;border-color:var(--v);box-shadow:0 0 0 3px var(--v-soft)}.hn-app .input-icon{position:relative}.hn-app .input-icon>.material-symbols-outlined{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:19px;pointer-events:none}.hn-app .input-icon .field{padding-left:40px}.hn-app .bar{height:5px;border-radius:999px;background:var(--panel-3);overflow:hidden}.hn-app .bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--v),color-mix(in srgb,var(--v) 60%,#ffffff));transition:width .6s cubic-bezier(.4,0,.2,1)}.hn-app .avatar{border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--f-display);color:var(--text);letter-spacing:.04em;background:linear-gradient(135deg,#26262c,#17171a);border:1px solid var(--border-strong);overflow:hidden}.hn-app .glow{box-shadow:0 0 calc(28px*var(--neon)) -10px var(--v)}.hn-app .text-glow{text-shadow:0 0 calc(16px*var(--neon)) var(--accent-glow)}.hn-app .hr{height:1px;background:var(--border);border:none;margin:0}.hn-app .gridlines{background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:42px 42px}.hn-app .scanline{position:relative}.hn-app .scanline:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(.35*var(--neon));background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.16) 0,rgba(0,0,0,.16) 4px)}.hn-app .sk{background:linear-gradient(90deg,#141417 25%,#1c1c21 37%,#141417 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:6px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.hn-app .anim-up{animation:fadeUp .45s cubic-bezier(.2,.7,.2,1) both}.hn-app .anim-in{animation:fadeIn .35s ease both}.hn-app .anim-pop{animation:popIn .3s cubic-bezier(.2,.9,.3,1) both}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hn-app .live-dot{width:7px;height:7px;border-radius:50%;background:var(--err);animation:pulse 1.4s ease infinite}.hn-app .live-dot.ok{background:var(--ok)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.hn-app .caret{display:inline-block;width:9px;height:1.05em;background:var(--accent);margin-left:3px;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.hn-app .spin{animation:spin .7s linear infinite;display:inline-flex}.hn-app .row{display:flex;align-items:center}.hn-app .col{display:flex;flex-direction:column}.hn-app .gap2{gap:2px}.hn-app .gap4{gap:4px}.hn-app .gap6{gap:6px}.hn-app .gap8{gap:8px}.hn-app .gap10{gap:10px}.hn-app .gap12{gap:12px}.hn-app .gap16{gap:16px}.hn-app .gap20{gap:20px}.hn-app .gap24{gap:24px}.hn-app .between{justify-content:space-between}.hn-app .center{justify-content:center;align-items:center}.hn-app .wrap{flex-wrap:wrap}.hn-app .grow{flex:1}.hn-app .scrollx{overflow-x:auto;scrollbar-width:none}.hn-app .scrollx::-webkit-scrollbar{display:none}.hn-app .ob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@container app (max-width:760px){.hn-app .ob-grid{grid-template-columns:1fr}}.hn-app .dash-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}@container app (max-width:760px){.hn-app .dash-2col{grid-template-columns:1fr}}.hn-app .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hn-app .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hn-app .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hn-app .grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}@container app (max-width:760px){.hn-app .grid-2,.hn-app .grid-3,.hn-app .grid-4{grid-template-columns:minmax(0,1fr)}.hn-app .grid-auto{grid-template-columns:repeat(2,minmax(0,1fr))}}@container app (max-width:440px){.hn-app .grid-auto{grid-template-columns:1fr}}.hn-app .stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@container app (max-width:760px){.hn-app .stat-strip{grid-template-columns:1fr 1fr}}.hn-app .split{display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden}@container app (max-width:860px){.hn-app .split{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}}.hn-app .cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@container app (max-width:760px){.hn-app .cat-grid{grid-template-columns:1fr 1fr}}.hn-app .wrap-xl{max-width:1180px;margin:0 auto}.hn-app .wrap-lg{max-width:960px;margin:0 auto}.hn-app .wrap-md{max-width:740px;margin:0 auto}.hn-app .page{padding:clamp(20px,4cqw,40px)}.hn-app .page-tight{padding:clamp(16px,3cqw,28px)}.hn-app .stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.hn-app .stat .n{display:block;font-family:var(--f-mono);font-weight:700;font-size:26px;line-height:1;min-width:0;overflow-wrap:break-word}.hn-app .stat .l{display:block;font-size:12px;color:var(--text-2);margin-top:6px}.hn-app .tbl{width:100%;border-collapse:collapse}.hn-app .tbl th{text-align:left;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:10px 14px;border-bottom:1px solid var(--border);font-weight:600}.hn-app .tbl td{padding:13px 14px;border-bottom:1px solid var(--border-soft);font-size:14px}.hn-app .tbl tbody tr{transition:.12s;cursor:pointer}.hn-app .tbl tbody tr:hover{background:var(--panel-2)}@container app (max-width:760px){.hn-app .hide-mobile{display:none!important}}@container app (min-width:761px){.hn-app .only-mobile{display:none!important}}.hn-app .il-code{font-family:var(--f-mono);background:var(--panel-2);padding:2px 7px;border-radius:6px;font-size:.88em;color:var(--devops)}.hn-app .learn-grid{display:grid}@container app (max-width:760px){.hn-app .learn-grid{grid-template-columns:1fr!important}}