@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap);:root{--bg:#000;--bg2:#13161e;--bg3:#1a1e2a;--border:#2a2f3f;--text:#c8cdd8;--text-dim:#555c70;--green:#39ff14;--cyan:#00d4ff;--orange:#ff6b35;--gold:gold;--red:#ff3860;--radius:8px;--mono:"JetBrains Mono","Space Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;background:#000;background:var(--bg);color:#c8cdd8;color:var(--text);font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);min-height:100dvh;overflow-x:hidden}.scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 0,#00000014 4px);inset:0;pointer-events:none;position:fixed;z-index:999}.app{align-items:center;background:radial-gradient(ellipse 60% 40% at 50% 0,#39ff140a 0,#0000 70%),#000;background:radial-gradient(ellipse 60% 40% at 50% 0,#39ff140a 0,#0000 70%),var(--bg);display:flex;flex-direction:column;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem 1.5rem;position:relative;z-index:10}.app-header{animation:fadeDown .6s ease both;margin-bottom:2rem;text-align:center}.logo{color:#fff;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:-.5px}.logo-bracket{color:#555c70;color:var(--text-dim)}.logo-accent{color:#39ff14;color:var(--green)}.tagline{color:#aaa;font-size:.75rem;letter-spacing:.5px;margin-top:.3rem}.controls{animation:fadeDown .7s ease .1s both;gap:1.5rem;margin-bottom:2rem}.control-group,.controls{display:flex;flex-wrap:wrap;justify-content:center}.control-group{align-items:center;gap:.5rem}.control-label{color:#d8f533;font-size:.7rem;letter-spacing:.5px;margin-right:.25rem}.ctrl-btn{background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#555c70;color:var(--text-dim);cursor:pointer;font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);font-size:.72rem;letter-spacing:.5px;padding:.35rem .85rem;transition:all .2s}.ctrl-btn.active,.ctrl-btn:hover{border-color:#39ff14;border-color:var(--green);color:#39ff14;color:var(--green)}.ctrl-btn.active{background:#39ff141a}.test-area{animation:fadeUp .6s ease .15s both;display:flex;flex-direction:column;gap:1.2rem;max-width:820px;width:100%}.timer-wrapper{gap:1.2rem}.timer-display,.timer-wrapper{align-items:center;display:flex}.timer-display{flex-direction:column;min-width:54px;transition:color .3s}.timer-number{color:#00d4ff;color:var(--cyan);font-size:2rem;font-weight:700;line-height:1;transition:color .3s}.timer-label{color:#555c70;color:var(--text-dim);font-size:.55rem;letter-spacing:.8px;text-transform:uppercase}.timer-display.urgent .timer-number{color:#ff3860;color:var(--red)}.timer-bar-bg{background:#1a1e2a;background:var(--bg3);border-radius:99px;flex:1 1;height:4px}.timer-bar-fill{background:#00d4ff;background:var(--cyan);border-radius:99px;height:100%;transition:width 1s linear,background .3s}.timer-bar-fill.urgent{background:#ff3860;background:var(--red)}.live-stats{gap:.75rem}.stat-pill{align-items:center;background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;min-width:72px;padding:.5rem 1rem;transition:border-color .2s}.stat-pill:hover{border-color:#39ff14;border-color:var(--green)}.stat-val{color:#fff;font-size:1.3rem;font-weight:700;line-height:1}.stat-key{color:#555c70;color:var(--text-dim);font-size:.55rem;letter-spacing:.8px;margin-top:.2rem;text-transform:uppercase}.typing-box{background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:12px;cursor:text;padding:1.8rem 2rem;position:relative;transition:border-color .2s}.typing-box:focus-within{border-color:#39ff1466;box-shadow:0 0 0 1px #39ff141a,0 0 30px #39ff140a}.text-display{font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:.3px;line-height:1.9;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word}.char-pending{color:#555c70;color:var(--text-dim)}.char-correct{color:#39ff14;color:var(--green)}.char-wrong{background:#ff386026;border-radius:2px;color:#ff3860;color:var(--red)}.char-cursor{animation:blink 1s step-end infinite;border-bottom:2px solid #00d4ff;border-bottom:2px solid var(--cyan);color:#c8cdd8;color:var(--text);padding-bottom:1px}@keyframes blink{0%,to{border-color:#00d4ff;border-color:var(--cyan)}50%{border-color:#0000}}.hidden-input{background:#0000;border:none;cursor:text;font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);font-size:1rem;height:100%;left:0;opacity:0;padding:1.8rem 2rem;position:absolute;resize:none;top:0;width:100%;z-index:9}.click-hint{color:#d8f533;margin-top:.9rem;opacity:.6}.click-hint,.shortcut-hint{font-size:.65rem;letter-spacing:.5px}.shortcut-hint{color:#fff;opacity:.5;text-align:center}.result-screen{align-items:center;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both;background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:2rem;padding:2.5rem 2rem}.result-badge{animation:glowPulse 2s ease-in-out infinite;border:2px solid;border-radius:99px;font-size:1.4rem;font-weight:700;letter-spacing:1px;padding:.5rem 1.8rem;text-shadow:0 0 20px currentColor}@keyframes glowPulse{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 30px currentColor}}.result-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.result-card{align-items:center;background:#1a1e2a;background:var(--bg3);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.3rem;min-width:120px;padding:1.2rem 1.8rem}.result-number{font-size:2.8rem;font-weight:700;line-height:1}.result-desc{color:#555c70;color:var(--text-dim);font-size:.65rem;letter-spacing:.8px;text-transform:uppercase}.restart-btn{background:#0000;border:1px solid #39ff14;border:1px solid var(--green);border-radius:8px;border-radius:var(--radius);color:#39ff14;color:var(--green);cursor:pointer;font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);font-size:.9rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:.7rem 2.2rem;position:relative;transition:all .2s}.restart-btn:before{background:#39ff14;background:var(--green);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.restart-btn:hover{box-shadow:0 0 20px #39ff1466;color:#000}.restart-btn:hover:before{opacity:1}.restart-btn span{position:relative;z-index:8}.app-footer{color:#aaa;font-size:.65rem;letter-spacing:.5px;margin-top:auto;opacity:.5;padding-top:2rem;text-align:center}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.app{padding:1.2rem .8rem 1rem}.hidden-input,.typing-box{padding:1.2rem}.result-grid{align-items:center;flex-direction:column}.result-card{max-width:220px;width:100%}.live-stats{gap:.5rem}.stat-pill{min-width:60px;padding:.4rem .7rem}.timer-wrapper{gap:.8rem}}.logo-type{color:#39ff14;text-shadow:0 0 6px #39ff14}.logo-shift{color:#ff3b3b;text-shadow:0 0 6px #ff3b3b}.logo-bracket{color:#fff;text-shadow:0 0 4px #fff,0 0 8px #fff}.social-links{display:flex;gap:20px;justify-content:center;margin-top:10px}.social-links a{color:#aaa;font-size:24px;transition:all .2s ease}.social-links a:hover{transform:scale(1.2)}.social-links a:hover svg{color:#39ff14}.social-links a:first-child:hover svg{color:#fff}.social-links a:last-child:hover svg{color:#0a66c2}.result-image{display:flex;justify-content:center;margin-top:15px}.result-image img{border-radius:6px;box-shadow:0 0 10px #00000080;height:120px;object-fit:cover;width:80px}.result-image img:hover{transform:scale(1.1);transition:.2s}.live-stats{display:flex;flex-wrap:wrap;gap:12px}.reset-btn{background:#0000;border:1px solid #555;border-radius:10px;color:#aaa;cursor:pointer;font-size:20px;height:50px;transition:all .2s ease;width:50px}.reset-btn:hover{border-color:#39ff14;color:#39ff14;transform:scale(1.1)}.matrix-bg{z-index:0}.matrix-bg,.matrix-overlay{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.matrix-overlay{background:linear-gradient(90deg,#000000d9 0,#0009 15%,#0003 35%,#0000 50%,#0003 65%,#0009 85%,#000000d9);z-index:1}
/*# sourceMappingURL=main.0ed020f7.css.map*/