@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark:#09090b;--bg-gradient-start:#18181b;--bg-gradient-end:#09090b;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--text-main:#f4f4f5;--text-muted:#a1a1aa;--color-pomodoro:#f43f5e;--color-short-break:#10b981;--color-long-break:#3b82f6;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:radial-gradient(circle at 50% -20%, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);background-color:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}body:before,body:after{content:"";filter:blur(100px);z-index:-1;opacity:.15;border-radius:50%;width:50vw;height:50vw;animation:20s ease-in-out infinite alternate float;position:fixed}body:before{background:var(--color-pomodoro);top:-20%;left:-10%}body:after{background:var(--color-long-break);animation-delay:-10s;bottom:-20%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,5%)scale(1.1)}to{transform:translate(-5%,-5%)scale(.9)}}#root{width:100%;max-width:1200px;padding:2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}h1,h2,h3{letter-spacing:-.02em;font-weight:600}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.97)}input{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.timer-container{flex-direction:column;align-items:center;margin-bottom:2rem;padding:2rem;display:flex}.mode-selector{background:#0003;border-radius:100px;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.mode-btn{color:var(--text-muted);background:0 0;border-radius:100px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500}.mode-btn:hover{color:var(--text-main)}.mode-btn.active{color:var(--text-main);background:#ffffff1a;box-shadow:0 2px 8px #0003}.timer-display{justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:2rem;display:flex;position:relative}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring__circle{transition:stroke-dashoffset .1s linear,stroke .3s}.timer-display[data-mode=pomodoro] .progress-ring__circle{stroke:var(--color-pomodoro)}.timer-display[data-mode=shortBreak] .progress-ring__circle{stroke:var(--color-short-break)}.timer-display[data-mode=longBreak] .progress-ring__circle{stroke:var(--color-long-break)}.time-text{letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 4px 20px #0000004d;font-size:4.5rem;font-weight:700}.controls{align-items:center;gap:1rem;display:flex}.control-btn{color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;display:flex}.control-btn.play-pause{background:#ffffff1a;border:1px solid #ffffff26;width:80px;height:80px;box-shadow:0 8px 32px #0003}.control-btn.play-pause:hover{background:#ffffff26}.control-btn.reset{width:50px;height:50px;color:var(--text-muted);background:0 0}.control-btn.reset:hover{color:var(--text-main);background:#ffffff0d}.task-container{width:100%;max-width:500px;margin:0 auto;padding:1.5rem}.task-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.header-icon{color:var(--color-short-break)}.task-form{gap:.5rem;margin-bottom:1.5rem;display:flex}.task-input{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,background .2s}.task-input:focus{border-color:var(--color-short-break);background:#ffffff14}.task-input::placeholder{color:var(--text-muted)}.add-btn{background:var(--color-short-break);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.add-btn:hover{filter:brightness(1.1)}.task-list{flex-direction:column;gap:.75rem;max-height:300px;padding-right:.5rem;display:flex;overflow-y:auto}.empty-state{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}.task-item{background:#ffffff08;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.task-item:hover{background:#ffffff0f}.task-item.completed .task-title{color:var(--text-muted);text-decoration:line-through}.task-item.completed{opacity:.7}.checkbox{border:2px solid var(--text-muted);color:#fff;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.completed .checkbox{background:var(--color-short-break);border-color:var(--color-short-break)}.task-title{flex:1;font-size:.95rem;transition:color .2s}.delete-btn{color:var(--text-muted);background:0 0;border-radius:6px;padding:.25rem}.delete-btn:hover{color:var(--color-pomodoro);background:#f43f5e1a}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-dark);width:90%;max-width:400px;padding:1.5rem;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-title{align-items:center;gap:.5rem;display:flex}.modal-title h2{font-size:1.1rem}.close-btn{color:var(--text-muted);background:0 0}.close-btn:hover{color:var(--text-main)}.settings-form{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.input-group{justify-content:space-between;align-items:center;display:flex}.input-group label{color:var(--text-muted);font-size:.95rem}.input-group input{width:80px;color:var(--text-main);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem;font-size:1rem}.input-group input:focus{border-color:var(--color-long-break);outline:none}.save-btn{background:var(--text-main);width:100%;color:var(--bg-dark);border-radius:12px;padding:.75rem;font-size:1rem;font-weight:600}.save-btn:hover{background:#fff}.curriculum-container{width:100%;max-width:500px;margin:0 auto 2rem;padding:1.5rem}.curriculum-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.header-icon-blue{color:var(--color-long-break)}.curriculum-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.accordion{flex-direction:column;gap:.5rem;display:flex}.accordion-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.accordion-header{width:100%;color:var(--text-main);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.accordion-header:hover{background:#ffffff0d}.grade-header{background:#00000026;font-size:1.05rem;font-weight:600}.subject-header{color:#e4e4e7;border-top:1px solid #ffffff08;padding:.75rem 1rem .75rem 2rem;font-size:.95rem}.accordion-content,.subject-item{flex-direction:column;display:flex}.topic-list{background:#0003;padding:.5rem 1rem .5rem 2.5rem;list-style:none}.topic-item{color:var(--text-muted);border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.topic-item:last-child{border-bottom:none}.add-topic-btn{color:var(--color-short-break);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.add-topic-btn:hover{color:#34d399;background:#10b98126}