*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#0f0;font-family:Courier New,Consolas,Monaco,monospace;min-height:100vh;overflow-x:hidden}body:before{animation:scanlines 10s linear infinite;background:linear-gradient(#00ff0008 1px,#0000 0),linear-gradient(90deg,#00ff0008 1px,#0000 0);background-size:20px 20px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20px)}}.App{display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;padding:20px;z-index:1}.App,.App-header{position:relative}.App-header{margin-bottom:40px;text-align:center}.App-header:before{animation:glitch 3s infinite;color:#f0f;content:attr(data-text);height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:-1}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.App-header h1{color:#0f0;display:inline-block;font-size:2.8rem;font-weight:700;letter-spacing:3px;margin-bottom:10px;position:relative;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 20px #0f0;text-transform:uppercase}.App-header h1:after{animation:blink 1s infinite;content:"_"}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.session-counter{background:#001400cc;border:1px solid #0f0;border-radius:4px;box-shadow:0 0 10px #00ff004d;color:#0f0;display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:8px 16px;text-transform:uppercase}.timer-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:40px;justify-content:center}.progress-circle{filter:drop-shadow(0 0 20px rgba(0,255,0,.5));height:320px;position:relative;width:320px}.timer-display{color:#0f0;left:50%;position:absolute;text-align:center;text-shadow:0 0 10px #0f0;top:50%;transform:translate(-50%,-50%)}.time{animation:pulse 2s infinite;color:#0f0;font-family:Digital-7,Courier New,monospace;font-size:4.5rem;font-weight:700;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 5px #0f0,0 0 10px #0f0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.session-type{border-top:2px solid #0f0;color:#0f0;font-size:1.5rem;font-weight:700;letter-spacing:3px;padding-top:10px;text-shadow:0 0 5px #0f0;text-transform:uppercase}.controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.control-btn{background:#001400cc;border:2px solid #0f0;border-radius:0;color:#0f0;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;overflow:hidden;padding:15px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}.control-btn:before{background:linear-gradient(90deg,#0000,#0f03,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.control-btn:hover:before{left:100%}.control-btn:hover{background:#001e00e6;box-shadow:0 0 10px #0f0,0 0 20px #0f0,inset 0 0 10px #00ff004d;transform:translateY(-2px)}.control-btn:active{transform:translateY(0)}.primary{background:#002800e6;border-color:#0f0;color:#0f0;min-width:120px}.secondary{background:#140014e6;border-color:#f0f;color:#f0f}.secondary:hover{background:#1e001ee6;box-shadow:0 0 10px #f0f,0 0 20px #f0f,inset 0 0 10px #ff00ff4d}.settings-btn{background:#000028e6;border-color:#08f;color:#08f}.settings-btn:hover{background:#000032e6;box-shadow:0 0 10px #08f,0 0 20px #08f,inset 0 0 10px #0088ff4d}.settings-panel{animation:slideIn .3s ease;background:#000a00f2;border:2px solid #0f0;border-radius:0;box-shadow:0 0 20px #00ff0080,inset 0 0 20px #00ff001a;max-width:500px;overflow:hidden;padding:30px;width:100%}.settings-panel:before{animation:scan 2s linear infinite;background:linear-gradient(90deg,#0000,#0f0,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-panel h3{color:#0f0;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin-bottom:25px;text-align:center;text-shadow:0 0 5px #0f0;text-transform:uppercase}.setting{margin-bottom:25px;position:relative}.setting label{color:#0f0;display:block;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.setting input[type=range]{-webkit-appearance:none;background:#001400cc;border:1px solid #0f0;border-radius:0;height:8px;margin-bottom:10px;outline:none;width:100%}.setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#0f0;border:2px solid #0a0a0a;border-radius:0;box-shadow:0 0 10px #0f0;cursor:pointer;height:24px;width:24px}.setting input[type=range]::-webkit-slider-thumb:hover{background:#0c0;box-shadow:0 0 15px #0f0}.setting span{display:block;font-family:Digital-7,Courier New,monospace;font-size:1.3rem;text-align:center;text-shadow:0 0 5px #0f0}.apply-btn,.setting span{color:#0f0;font-weight:700;letter-spacing:2px}.apply-btn{background:#002800e6;border:2px solid #0f0;border-radius:0;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;overflow:hidden;padding:15px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.apply-btn:hover{background:#003c00e6;box-shadow:0 0 15px #0f0,inset 0 0 15px #0f03;transform:translateY(-2px)}.App-footer{border-top:2px solid #0f0;color:#0f0;font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-top:40px;padding:20px;text-align:center;text-shadow:0 0 5px #0f0;text-transform:uppercase}circle[stroke="#4CAF50"]{stroke:#0f0!important;filter:drop-shadow(0 0 5px #00ff00)}circle[stroke="#2196F3"]{stroke:#f0f!important;filter:drop-shadow(0 0 5px #ff00ff)}circle[stroke="#e0e0e0"]{stroke:#030!important}.session-type:after{animation:blink 1s infinite;content:"|";margin-left:5px}.data-stream{height:100%;left:0;opacity:.1;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.data-stream:before{animation:stream 10s linear infinite;background:linear-gradient(180deg,#0000,#0f0,#0000);content:"";height:100%;position:absolute;width:2px}@keyframes stream{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (max-width:600px){.App{padding:15px}.App-header h1{font-size:2rem;letter-spacing:2px}.progress-circle{height:280px;width:280px}.time{font-size:3.5rem;letter-spacing:3px}.session-type{font-size:1.2rem}.control-btn{font-size:1rem;padding:12px 24px}.settings-panel{padding:20px}.session-counter{font-size:1rem;padding:6px 12px}}.binary-rain{height:100%;left:0;opacity:.05;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.binary{animation:fall linear infinite;color:#0f0;font-family:Courier New,monospace;font-size:14px;position:absolute}@keyframes fall{to{transform:translateY(100vh)}}.apply-btn:focus,.control-btn:focus,.setting input[type=range]:focus{box-shadow:0 0 15px #0f0;outline:2px solid #0f0;outline-offset:2px}@font-face{font-family:Digital-7;src:url(https://fonts.cdnfonts.com/css/digital-7-mono)}.settings-panel{position:relative}.settings-panel:after{animation:blink 1s infinite;bottom:10px;color:#0f0;content:">";left:10px;position:absolute}
/*# sourceMappingURL=main.e64ccc58.css.map*/