@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d;transform:scale(1)}50%{box-shadow:0 0 40px #6366f199;transform:scale(1.05)}}.futuristic-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.futuristic-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.futuristic-button:hover:before{left:100%}.futuristic-button:hover{box-shadow:0 10px 25px #6366f166;transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.glass-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.animated-bg{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);background-size:400% 400%}.loading-dots{display:inline-block}.loading-dots:after{animation:dots 1.5s steps(5) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.success-glow{animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98199}}.error-glow{animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{box-shadow:0 0 20px #ef44444d}50%{box-shadow:0 0 40px #ef444499}}@media (max-width:768px){.glass-card{margin:16px;padding:20px}.futuristic-button{font-size:14px;padding:10px 20px}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.glass-card{background:#1e293b4d;border:1px solid #ffffff1a}}:focus{outline:2px solid #6366f1;outline-offset:2px}::selection{background:#6366f14d;color:#1e293b}::-moz-selection{background:#6366f14d;color:#1e293b}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;position:relative}.App:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundShift{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(-10px)}50%{transform:translateX(10px) translateY(-5px)}75%{transform:translateX(-5px) translateY(10px)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.App-logo{filter:drop-shadow(0 0 20px rgba(99,102,241,.3));height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#6366f1;text-decoration:none;transition:all .3s ease}.App-link:hover{color:#8b5cf6;text-shadow:0 0 10px #8b5cf680}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.floating{animation:floating 6s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.glow{box-shadow:0 0 20px #6366f14d;transition:all .3s ease}.glow:hover{box-shadow:0 0 30px #6366f180}@media (max-width:768px){.App{padding:16px}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.App:before{background:radial-gradient(circle at 20% 80%,#6366f133 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf633 0,#0000 50%),radial-gradient(circle at 40% 40%,#ec48991a 0,#0000 50%)}}.pomodoro-outer-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;gap:40px;min-height:calc(100vh - 128px);overflow:hidden;padding:32px;position:relative}.pomodoro-content-container{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:40px;height:calc(100vh - 128px);justify-content:center;padding:0 32px;width:100vw}.pomodoro-timer-section{align-items:center;flex:2 1;height:100%;min-width:0;padding:20px}.pomodoro-timer-section,.pomodoro-timer-section>div{display:flex;justify-content:center;position:relative}.pomodoro-timer-section>div{animation:floating 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:32px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #fff3;flex-direction:column;max-width:800px;min-height:600px;overflow:hidden;padding:60px 50px;text-align:center;transition:all .3s ease;width:100%}.pomodoro-timer-section>div:before{background:linear-gradient(135deg,#6366f10d,#8b5cf608 50%,#ec48990d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.pomodoro-timer-section>div:hover{box-shadow:0 25px 80px #00000026,0 0 0 1px #ffffff4d;transform:translateY(-5px)}.pomodoro-timer-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e53e3e,#dd6b20);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:40px;text-shadow:none}.pomodoro-timer-section .timer-display{color:#e53e3e;font-family:SF Mono,Monaco,Consolas,monospace;font-size:6rem;font-weight:800;letter-spacing:.05em;line-height:1;margin:50px 0;text-shadow:0 4px 20px #e53e3e4d}.pomodoro-timer-section .cycle-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid #6366f133;border-radius:20px;color:#6366f1;display:inline-block;font-size:1.3rem;font-weight:600;margin:40px 0;padding:20px 32px}.pomodoro-timer-section .button-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:50px}.pomodoro-timer-section button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:140px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.pomodoro-timer-section button:first-child{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px #10b9814d;color:#fff}.pomodoro-timer-section button:first-child:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 35px #10b98166;transform:translateY(-2px)}.pomodoro-timer-section button:nth-child(2){background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 25px #6366f14d;color:#fff}.pomodoro-timer-section button:nth-child(2):hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 12px 35px #6366f166;transform:translateY(-2px)}.pomodoro-timer-section button:last-child{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef44444d;color:#fff}.pomodoro-timer-section button:last-child:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 12px 35px #ef444466;transform:translateY(-2px)}.pomodoro-timer-section button:active{transform:translateY(0);transition:transform .1s}.pomodoro-content-section{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-width:0;overflow-y:auto;padding:20px 16px}.pomodoro-content-section>div{animation:floating 6s ease-in-out infinite;animation-delay:1s}@media (max-width:1200px){.pomodoro-content-container{flex-direction:column;gap:32px;height:auto;max-width:100vw;padding:0 8px}.pomodoro-content-section,.pomodoro-timer-section{height:auto;max-width:100vw;min-width:0;width:100%}.pomodoro-timer-section>div{margin:0 auto;min-height:500px;padding:40px 30px}.pomodoro-timer-section .timer-display{font-size:5rem}.pomodoro-timer-section h1{font-size:2.5rem;margin-bottom:30px}}@media (max-width:768px){.pomodoro-timer-section>div{border-radius:24px;min-height:450px;padding:30px 25px}.pomodoro-timer-section .timer-display{font-size:4rem;margin:30px 0}.pomodoro-timer-section h1{font-size:2rem;margin-bottom:25px}.pomodoro-timer-section .button-container{gap:15px;margin-top:30px}.pomodoro-timer-section button{font-size:1rem;min-width:120px;padding:14px 24px}.pomodoro-timer-section .cycle-indicator{font-size:1.1rem;margin:25px 0;padding:16px 24px}}@media (max-width:480px){.pomodoro-timer-section .timer-display{font-size:3.2rem}.pomodoro-timer-section .button-container{flex-direction:column;width:100%}.pomodoro-timer-section button{max-width:200px;width:100%}}
/*# sourceMappingURL=main.eb6d4a3d.css.map*/