:root{--cf-bg:#05080b;--cf-bg-2:#08121a;--cf-cyan:#00f0ff;--cf-mint:#7cffb2;--cf-red:#ff4a4a;--cf-amber:#ffb347;--cf-green:#19e58f;--cf-green-dark:#0bb06a;--cf-red-dark:#d93636;--cf-blue:#4d9bff;--cf-matrix:#3bff7a;--cf-ink:#eaf9ff;--cf-text:#fff;--cf-text-2:#ffffffc7;--cf-text-3:#ffffff8c;--cf-line:#00f0ff40;--cf-panel:#040c12eb;--cf-panel-soft:#040e12e0;--cf-font:"Montserrat", system-ui, sans-serif;--cf-pixel:"Silkscreen", "Courier New", monospace;--cf-mono:"Courier New", ui-monospace, monospace}.cf-chamfer{clip-path:polygon(var(--c,16px) 0, 100% 0, 100% calc(100% - var(--c,16px)), calc(100% - var(--c,16px)) 100%, 0 100%, 0 var(--c,16px))}.cf-frame{--c:1.2em;--bw:2px;--frame:#00f0ff73;--fill:var(--cf-panel);isolation:isolate;background:var(--frame);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:relative}.cf-frame:before{content:"";inset:var(--bw);z-index:-1;background:var(--fill);clip-path:polygon(calc(var(--c) - 1px) 0, 100% 0, 100% calc(100% - var(--c) + 1px), calc(100% - var(--c) + 1px) 100%, 0 100%, 0 calc(var(--c) - 1px));position:absolute}.cf-frame--mint{--frame:#7cffb280}.cf-frame--red{--frame:#ff4a4a99}.cf-frame--amber{--frame:#ffb3478c}.cf-frame--green{--frame:#3bff7a80}.cf-frame--strong{--frame:linear-gradient(90deg, var(--cf-cyan), #00f0ff59 60%, var(--cf-cyan))}.cf-glow{filter:drop-shadow(0 0 1.2em #00f0ff47)}.cf-glow--red{filter:drop-shadow(0 0 1.2em #ff4a4a59)}.cf-glow--green{filter:drop-shadow(0 0 1.2em #19e58f4d)}.cf-brackets{--len:1.2em;--t:2px;--col:#00f0ff99;pointer-events:none;background:linear-gradient(var(--col), var(--col)) top left / var(--len) var(--t), linear-gradient(var(--col), var(--col)) top left / var(--t) var(--len), linear-gradient(var(--col), var(--col)) top right / var(--len) var(--t), linear-gradient(var(--col), var(--col)) top right / var(--t) var(--len), linear-gradient(var(--col), var(--col)) bottom left / var(--len) var(--t), linear-gradient(var(--col), var(--col)) bottom left / var(--t) var(--len), linear-gradient(var(--col), var(--col)) bottom right / var(--len) var(--t), linear-gradient(var(--col), var(--col)) bottom right / var(--t) var(--len);background-repeat:no-repeat}.cf-btn{--c:.6em;--bw:2px;--h:2.8em;--px:1.2em;--frame:#00f0ff73;--fill:var(--cf-panel-soft);--fill-hover:#00f0ff1f;--ink:var(--cf-text);--glow:transparent;appearance:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 .9em var(--glow));background:0 0;border:0;margin:0;padding:0;font-size:1em;transition:transform .15s,filter .2s,opacity .2s;display:inline-flex}.cf-btn__body{isolation:isolate;width:100%;min-height:var(--h);padding:.35em var(--px);background:var(--frame);color:var(--ink);font-family:var(--cf-font);letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));align-items:center;gap:.9em;font-weight:800;line-height:1.15;display:flex;position:relative}.cf-btn__body:before{content:"";inset:var(--bw);z-index:-1;background:var(--fill);clip-path:polygon(calc(var(--c) - 1px) 0, 100% 0, 100% calc(100% - var(--c) + 1px), calc(100% - var(--c) + 1px) 100%, 0 100%, 0 calc(var(--c) - 1px));transition:background .2s;position:absolute}a.cf-btn{text-decoration:none}.cf-btn__label{flex:1}.cf-btn__index{font-family:var(--cf-pixel);opacity:.75;letter-spacing:.05em;font-size:.75em;font-weight:400}.cf-btn__hint{font-family:var(--cf-pixel);letter-spacing:0;margin-left:auto;font-weight:400}.cf-btn:hover:not(:disabled){transform:translate(3px)}.cf-btn:hover:not(:disabled) .cf-btn__body:before{background:var(--fill-hover)}.cf-btn:active:not(:disabled){transform:translateY(1px)}.cf-btn:focus-visible{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 .6em var(--cf-cyan));outline:none}.cf-btn:disabled{opacity:.45;cursor:not-allowed}.cf-btn--primary{--frame:var(--cf-cyan);--fill:var(--cf-cyan);--fill-hover:#5ff6ff;--ink:#031014;--glow:#00f0ff8c}.cf-btn--primary .cf-btn__body{font-weight:900}.cf-btn--mint{--frame:#7cffb280;--fill-hover:#7cffb21f;--ink:var(--cf-mint)}.cf-btn--amber{--frame:#ffb34799;--fill-hover:#ffb3471f;--ink:var(--cf-amber)}.cf-btn--ghost{--frame:#ffffff38;--fill-hover:#ffffff14;--ink:var(--cf-text-2)}.cf-btn--danger-outline{--frame:#ff4a4a99;--fill-hover:#ff4a4a24;--ink:#ff8a8a}.cf-btn--success,.cf-btn--warning,.cf-btn--danger,.cf-btn--light{--glow:#19e58f73;--ink:#02160c}.cf-btn--success .cf-btn__body{background:linear-gradient(180deg, var(--cf-green), var(--cf-green-dark));font-weight:900}.cf-btn--warning{--glow:#ffb34773;--ink:#1a0f00}.cf-btn--warning .cf-btn__body{background:linear-gradient(#ffc46b,#e8902a);font-weight:900}.cf-btn--danger{--glow:#ff4a4a73;--ink:#1c0303}.cf-btn--danger .cf-btn__body{background:linear-gradient(180deg, #ff5a5a, var(--cf-red-dark));font-weight:900}.cf-btn--light{--glow:#ffffff40;--ink:#0b1014}.cf-btn--light .cf-btn__body{background:#f4fbff}.cf-btn--success .cf-btn__body:before,.cf-btn--warning .cf-btn__body:before,.cf-btn--danger .cf-btn__body:before,.cf-btn--light .cf-btn__body:before{display:none}.cf-btn--success:hover:not(:disabled),.cf-btn--warning:hover:not(:disabled),.cf-btn--danger:hover:not(:disabled),.cf-btn--light:hover:not(:disabled),.cf-btn--primary:hover:not(:disabled){filter:drop-shadow(0 0 1.3em var(--glow)) brightness(1.08)}.cf-btn--sm{--h:2.6em;--px:1em;--c:.55em;font-size:.8em}.cf-btn--lg{--h:2.75em;--px:1.33em;--c:.66em;font-size:1.2em}.cf-btn--lg .cf-btn__body{letter-spacing:.06em;font-weight:700}.cf-btn--xl{--h:3.07em;--px:1.2em;--c:.73em;font-size:1.5em}.cf-btn--xl .cf-btn__body{letter-spacing:.14em}.cf-btn--block{width:100%;display:flex}.cf-btn--center .cf-btn__body{text-align:center;justify-content:center}.cf-btn--center .cf-btn__label{flex:0 auto}.cf-kbd{min-width:1.6em;font-family:var(--cf-pixel);opacity:.75;border:2px solid;justify-content:center;align-items:center;padding:.15em .45em;font-size:.6em;font-weight:400;line-height:1.2;display:inline-flex}.cf-keyhint{align-items:center;display:inline-flex}.cf-keyhint__touch{display:none}:not(.cf-btn__hint):not(.cf-btn__index)>.cf-keyhint .cf-kbd{font-size:.85em}@media (hover:none){.cf-keyhint .cf-kbd{display:none}.cf-keyhint__touch{display:inline}}.cf-hex{--size:3.4em;--frame:#00f0ff8c;--fill:#040e12eb;isolation:isolate;width:var(--size);height:calc(var(--size) * 1.1);background:var(--frame);color:var(--cf-cyan);font:inherit;font-family:var(--cf-pixel);cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;padding:0;font-size:1em;transition:background .2s,transform .15s;display:inline-flex;position:relative}.cf-hex:before{content:"";z-index:-1;background:var(--fill);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background .2s;position:absolute;inset:2px}.cf-hex svg{width:42%;height:42%}.cf-hex:hover{--frame:var(--cf-cyan)}.cf-hex:hover:before{background:#002028f2}.cf-hex:focus-visible{--frame:#fff;outline:none}.cf-tag{--c:.5em;background:var(--cf-cyan);color:#031014;font-family:var(--cf-font);letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));align-items:center;padding:.4em .9em;font-size:1em;font-weight:900;line-height:1;display:inline-flex}.cf-tag--amber{background:var(--cf-amber);color:#1a0f00}.cf-tag--red{background:var(--cf-red);color:#1c0303}.cf-tag--mint{background:var(--cf-mint);color:#03180c}.cf-tag--blue{background:var(--cf-blue);color:#020c1c}.cf-label{font-family:var(--cf-pixel);letter-spacing:.15em;color:var(--cf-text-3);text-transform:uppercase;font-weight:400}.cf-mono{font-family:var(--cf-mono)}.cf-pixel{font-family:var(--cf-pixel)}.cf-rule{align-items:center;gap:.9em;display:flex}.cf-rule:before{content:"";opacity:.7;background:currentColor;flex:none;width:2.4em;height:2px}.cf-panel-head{border-bottom:1px solid var(--cf-line);justify-content:space-between;align-items:center;gap:1em;padding:.9em 1.4em;display:flex}.cf-cursor{vertical-align:-.12em;background:var(--cf-cyan);width:.6em;height:1em;box-shadow:0 0 .5em var(--cf-cyan);margin-left:.3em;animation:1s step-end infinite cf-blink;display:inline-block}.cf-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 4px)}.cf-scroll::-webkit-scrollbar{width:12px;height:12px}.cf-scroll::-webkit-scrollbar-track{margin-block:.4em var(--scroll-end,.4em);background:linear-gradient(90deg,#0000 5px,#00f0ff47 5px 7px,#0000 7px),repeating-linear-gradient(#00f0ff59 0 1px,#0000 1px 14px) 50%/6px 100% no-repeat,#00f0ff0a}.cf-scroll::-webkit-scrollbar-thumb{background:repeating-linear-gradient(180deg, var(--cf-cyan) 0 6px, #00f0ff59 6px 8px) padding-box;border:3px solid #0000;box-shadow:inset 0 0 6px #00f0ffe6}.cf-scroll::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(180deg, var(--cf-mint) 0 6px, #7cffb266 6px 8px) padding-box;box-shadow:inset 0 0 6px #7cffb2e6}.cf-scroll::-webkit-scrollbar-thumb:active{background:repeating-linear-gradient(180deg, var(--cf-mint) 0 6px, #7cffb266 6px 8px) padding-box;box-shadow:inset 0 0 6px #7cffb2e6}.cf-scroll::-webkit-scrollbar-button{background:0 0;display:none}.cf-scroll::-webkit-scrollbar-corner{background:0 0;display:none}@supports not selector(::-webkit-scrollbar){.cf-scroll{scrollbar-width:thin;scrollbar-color:var(--cf-cyan) #00f0ff14}}.cf-field{--c:.6em;--bw:2px;--frame:#00f0ff73;--fill:#050f15;padding:var(--bw);background:var(--frame);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));transition:background .2s;display:block}.cf-field:focus-within{--frame:var(--cf-cyan);--fill:#062029}.cf-field>input,.cf-field>textarea{background:var(--fill);width:100%;color:var(--cf-text);font:inherit;font-family:var(--cf-font);clip-path:polygon(calc(var(--c) - 1px) 0, 100% 0, 100% calc(100% - var(--c) + 1px), calc(100% - var(--c) + 1px) 100%, 0 100%, 0 calc(var(--c) - 1px));border:0;border-radius:0;outline:none;margin:0;padding:.85em 1.1em;font-weight:700;transition:background .2s;display:block}.cf-field>input::placeholder,.cf-field>textarea::placeholder{color:#fff6}@keyframes cf-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes cf-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.cf-cursor{animation:none}}