@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");:root{--background-color:#0d0c1d;--primary-glow:#64ffda;--secondary-glow:#9a34d2;--text-color:#eaeaea;--dark-text:#0d0c1d;--glass-bg:rgba(15,14,30,.5);--glass-border:hsla(0,0%,100%,.1);--font-main:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--border-radius:14px;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);color:var(--text-color);overflow-x:hidden;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 10px rgba(100,255,218,.3),0 0 20px rgba(100,255,218,.2)}50%{box-shadow:0 0 25px rgba(100,255,218,.6),0 0 40px rgba(100,255,218,.4)}to{box-shadow:0 0 10px rgba(100,255,218,.3),0 0 20px rgba(100,255,218,.2)}}@keyframes spin{to{transform:rotate(1turn)}}.container{justify-content:center;min-height:100vh;padding:1.5rem 1rem;position:relative;z-index:1}.container,.main-content{display:flex;flex-direction:column;align-items:center}.main-content{gap:1.5rem;width:100%;animation:fadeIn .8s ease-out forwards}h1,h2,h3{text-shadow:0 0 4px hsla(0,0%,100%,.3),0 0 12px var(--primary-glow);letter-spacing:2px;font-weight:700}h1.title{font-size:clamp(1.8rem,4vw,2.5rem)}input{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);padding:10px 15px;border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-main);transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}input::placeholder{color:hsla(0,0%,100%,.5)}input:focus,input:focus-visible{outline:none;border-color:var(--primary-glow);box-shadow:0 0 15px rgba(100,255,218,.5)}button{background:linear-gradient(45deg,var(--secondary-glow),var(--primary-glow));border:none;color:var(--dark-text);padding:10px 24px;cursor:pointer;border-radius:var(--border-radius);font-weight:600;font-size:1rem;letter-spacing:1px;transition:all var(--transition-speed) ease;box-shadow:0 6px 20px rgba(0,0,0,.3);display:inline-flex;align-items:center;justify-content:center;min-height:44px}button:hover{transform:translateY(-4px);box-shadow:0 0 25px var(--primary-glow),0 0 15px var(--secondary-glow)}button:active{transform:translateY(-1px)}button:disabled{background:#333;color:#777;cursor:not-allowed;box-shadow:none;transform:none}.reset-btn{background:#4a5568;color:var(--text-color)}.reset-btn:hover{background:#718096;box-shadow:0 0 15px hsla(0,0%,100%,.3)}.settings-section{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;padding:.8rem 1.2rem}.settings-section,.task-planner{width:100%;max-width:600px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.task-planner{padding:1.5rem;text-align:left}.task-planner h2{text-align:center;margin-bottom:1.5rem}.task-planner .task-input{display:flex;gap:1rem}.task-planner .task-input input{flex-grow:1}.task-planner .task-plan{margin-top:1.5rem;padding:1.5rem;background:hsla(0,0%,100%,.05);border-radius:var(--border-radius);border-left:4px solid var(--secondary-glow);animation:fadeIn .5s ease-out}.task-planner .task-plan h3{margin-bottom:.8rem;font-size:1.3rem;color:var(--primary-glow);text-shadow:none}.task-planner .task-plan p{font-size:.9rem;opacity:.8;margin-bottom:1rem}.task-planner .task-plan ul{list-style:none;padding-left:0}.task-planner .task-plan li{margin-bottom:.7rem;font-size:1rem;display:flex;align-items:center;gap:.8rem;line-height:1.5}.task-planner .task-plan li:before{content:"⭐";font-size:.9em;animation:fadeIn .8s ease-out}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgba(13,12,29,.3);border-top:3px solid var(--dark-text);animation:spin 1s ease-in-out infinite}.circle-container{position:relative;animation:pulseGlow 5s ease-in-out infinite;border-radius:50%;width:250px;height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.time-display{top:50%;left:50%;transform:translate(-50%,-48%);color:var(--text-color);font-size:3.2rem;text-shadow:0 0 10px var(--primary-glow);line-height:1;z-index:2}.phase-text,.time-display{position:absolute;font-weight:600}.phase-text{bottom:-3rem;font-size:1.3rem;width:100%;text-align:center}.ai-advice-display{width:100%;max-width:600px;font-size:1rem;border-left:4px solid var(--primary-glow);background:rgba(100,255,218,.08);padding:1rem 1.5rem;border-radius:0 var(--border-radius) var(--border-radius) 0;min-height:48px;display:flex;align-items:center}.chart-placeholder-text{color:hsla(0,0%,100%,.6);opacity:.8;font-size:1rem}.controls{display:flex;gap:1.5rem;justify-content:center}@media (max-width:640px){.main-content{gap:1.2rem}.settings-section{flex-direction:column;gap:1rem}}