:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--background-color: #F8FAFC;--card-bg: #FFFFFF;--primary: #FF8C32;--second: #1E3A8A;--text: #334155;--bold: #0F172A;--title: #2563EB;--filter-color: #FFB703;--shadow: rgba(0, 0, 0, .08)}[data-theme=light]{--background-color: #F8FAFC;--card-bg: #FFFFFF;--primary: #FF8C32;--second: #1E3A8A;--text: #334155;--bold: #0F172A;--title: #2563EB;--filter-color: #FFB703;--shadow: rgba(0, 0, 0, .08)}[data-theme=dark]{--background-color: #0F172A;--card-bg: #1E293B;--primary: #FF8C32;--second: #60A5FA;--text: #E2E8F0;--bold: #FFFFFF;--title: #FFB703;--filter-color: #00CFFF;--shadow: rgba(255, 255, 255, .05)}*{box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--background-color);margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.dark_mode{margin-top:-20px;margin-left:10px}.dark_mode_label{width:65px;height:30px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;transition:.3s}.dark_mode_label:after{content:"";width:25px;height:25px;position:absolute;top:3px;left:3px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px #0003;transition:.3s}.dark_mode_input{width:0;height:0;visibility:hidden}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{left:62px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}.dark_mode_label:active:after{width:30px}.dark_mode_label img{position:absolute;width:20px;top:5px;z-index:100}.dark_mode_label img.sun{left:5px;fill:#fff;transition:.3s}.dark_mode_label img.moon{left:40px;fill:#7e7e7e;transition:.3s}.dark_mode_input:checked+.dark_mode_label img.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label img.moon{fill:#fff}.Navbar{position:absolute;top:0;left:10vw;width:80vw;margin:auto;height:75px;display:flex;align-items:center;justify-content:space-evenly}.Navbar_links ul{margin:0;padding:0;list-style:none;display:flex}.Navbar_links ul li{margin:0 10px}.Navbar_links a{font-weight:600;font-size:1.2rem;color:var(--text);text-decoration:none;padding:5px;transition:1s;will-change:filter;transition:filter .3s}#pi{color:var(--bold)}.Navbar h2{padding:0;margin:0;font-size:35px}.Navbar_logo h2 a{color:var(--primary);text-decoration:none;padding:5px;transition:1s;will-change:filter;transition:filter .3s}.Navbar_links a:hover,.Navbar_logo h2 a:hover{color:var(--second);filter:drop-shadow(0 0 15px var(--filter-color))}.Navbar_logs{display:flex;gap:10px}.Navbar_logs button{border-radius:8px;border:1px solid transparent;padding:10px 15px;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary);cursor:pointer;transition:border-color .25s}.Navbar_logs button:hover{border-color:#303bff}.burger_menu{display:none}@media (max-width: 768px){.Navbar{justify-content:space-around;gap:0px}.Navbar_logo h2{font-size:25px}.Navbar_links a{font-size:.8rem}.Navbar_logs button{padding:5px 10px;font-size:.8em}.Navbar_links{display:none}.burger_menu{display:block}.mode{display:none}}.burger_menu{position:static;top:1rem;right:1rem;z-index:9999}.burger_icon{cursor:pointer}.dropdown_menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:50vh;background-color:#ffffff80;padding:1rem;border-radius:12px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:2rem;text-align:center}.nav ul{list-style:none;padding:0;margin:0}.nav li a{color:var(--text);text-decoration:none;font-weight:500}@media screen and (max-width: 600px){.dropdown_menu{padding:.5rem;height:60vh}.nav{font-size:1rem}}.burgerbar_links ul{margin:0;padding:0;list-style:none}.burgerbar_links ul li{margin:10px 0}.burgerbar_links a{font-weight:600;font-size:1.2rem;color:var(--text);text-decoration:none;padding:5px;transition:1s;will-change:filter;transition:filter .3s}.burgerbar_links a:hover{color:var(--second);filter:drop-shadow(0 0 15px var(--filter-color))}.footer{background:#222;color:#fff;padding:32px 0 16px;text-align:center;font-family:Segoe UI,Arial,sans-serif;position:relative;bottom:0;border-radius:20px 20px 0 0;width:100%}.footer-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-copy{margin-top:20px;font-size:.95rem;color:#888}.landing{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:80vh;margin-top:30px}.landing_text{max-width:55%}.landing_text h1{font-size:3.5rem;color:var(--bold);margin-bottom:20px;font-weight:800;line-height:1.1}.landing_text p{font-size:1.3rem;color:var(--text);margin-bottom:30px;line-height:1.6}.landing_text .landing_buttons{display:flex;gap:20px}.avatar{width:25vw;max-width:40%;display:flex;justify-content:flex-end}.avatar img{width:100%;max-width:300px;height:auto;border-radius:50%;box-shadow:0 10px 30px var(--shadow)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:80px 20px;text-align:center}.features a{text-decoration:none;color:inherit}.feature-card{background-color:var(--card-bg);padding:30px;border-radius:12px;box-shadow:0 4px 15px var(--shadow);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;border-top:5px solid var(--primary)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff8c3233}.feature-card svg{color:var(--primary);margin-bottom:15px}.feature-card h3{font-size:1.5rem;color:var(--bold);margin:0 0 10px}.feature-card p{font-size:1rem;color:var(--text);line-height:1.5}.about{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:40px;padding-top:80px;padding-bottom:80px}.about_img{max-width:45%}.about_img img{width:50%;height:auto;border-radius:20%;box-shadow:0 10px 30px var(--shadow)}.about_text{max-width:55%}.about_text h1{font-size:3rem;color:var(--bold);margin-bottom:20px;font-weight:700}.about_text h1 span{color:var(--primary)}.about_text p{font-size:1.15rem;color:var(--text);line-height:1.7}.about_text p span{font-weight:700;color:var(--title)}@media (max-width: 900px){.landing{flex-direction:column-reverse;text-align:center;padding-top:40px;min-height:auto}.landing_text,.avatar{max-width:100%;text-align:center}.landing_text h1{font-size:2.8rem}.landing_text p{font-size:1.15rem}.avatar{justify-content:center;margin-bottom:30px}.avatar img{max-width:300px}.about{flex-direction:column;text-align:center}.about_text,.about_img{max-width:100%}.about_img{margin-bottom:30px}.about_text h1{font-size:2.4rem}}@media (max-width: 600px){.avatar img{display:none}section{padding:40px 15px}.landing_text h1{font-size:2rem}.landing_text p{font-size:1rem}.features{grid-template-columns:1fr;gap:20px;padding:60px 15px}.feature-card{padding:25px 20px}.about_text h1{font-size:1.8rem}.about_text p{font-size:1rem}}#root{max-width:1280px;padding:0 20px;margin:0 auto;text-align:center}h1{color:var(--bold);font-size:2.5rem;margin-bottom:.5rem}.flashcards-section{max-width:1200px;margin:2rem auto;padding:1.5rem;text-align:center}.flashcards-section>p{color:var(--text);font-size:1.1rem;max-width:600px;margin:0 auto 2rem}.no-cards{margin-top:3rem;font-size:1.2rem;color:var(--title);font-weight:600}.flashcards-section>button{background-color:var(--primary);color:#fff;border:none;padding:10px 25px;margin-bottom:2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #ff8c3266}.flashcards-section>button:hover{background-color:#e57800;transform:translateY(-2px);box-shadow:0 6px 10px #ff8c3299}.cards-container{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:20px;padding:1rem 0}.flashcard{min-width:25vw;min-height:250px;position:relative;perspective:1000px;transform-style:preserve-3d;transition:transform .6s;background-color:transparent;border-left:none;box-shadow:none;cursor:pointer}.flashcard.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;padding:20px;border-radius:12px;backface-visibility:hidden;box-shadow:0 4px 15px #0f172a1a;background-color:var(--card-bg);display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.flashcard-front{border-left:5px solid var(--primary);transform:rotateY(0);justify-content:space-between}.flashcard-back{border-left:5px solid var(--text);transform:rotateY(180deg);justify-content:flex-start}.flashcard h3{color:var(--bold);font-size:1.4rem;border-bottom:2px solid var(--background-color);padding-bottom:10px;margin-top:0;overflow-wrap:break-word;word-break:break-all}.flashcard h4{color:var(--title);font-size:1.2rem;margin-bottom:10px;border-bottom:2px dashed var(--background-color);padding-bottom:5px;margin-top:0}.flashcard p{color:var(--second);margin-bottom:10px;font-size:.95rem;overflow-wrap:break-word;word-break:break-all;flex-grow:1;text-align:center}.flashcard p strong{color:var(--text);font-weight:600}.card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:15px;flex-shrink:0}.del-btn,.flip-btn{flex-shrink:0;color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease;align-self:center}.flashcard-front .flip-btn{background-color:var(--primary);width:100%;margin-top:auto}.del-btn{background-color:#e76f51;flex-grow:1}.flip-btn{background-color:var(--text);flex-grow:1}.flip-btn.cancel-btn{background-color:var(--title);color:#fff}.del-btn:hover{background-color:#d64d30}.flip-btn:hover{background-color:#1a7e93}.flip-btn.cancel-btn:hover{background-color:#1c52b5}.note-card{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172ab3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:15px}.note-content{background-color:var(--card-bg);padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:100%;display:flex;flex-direction:column;gap:15px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.note-content h2{color:var(--bold);margin-top:0;border-bottom:1px solid var(--background-color);padding-bottom:10px;text-align:center}.note-content label{color:var(--second);font-weight:600;font-size:.95rem}.note-content input,.note-content textarea{width:100%;padding:10px;border:1px solid var(--background-color);border-radius:6px;font-size:1rem;color:var(--second);resize:vertical;box-sizing:border-box;transition:border-color .3s;background-color:var(--card-bg)}.note-content input:focus,.note-content textarea:focus{border-color:var(--primary);outline:none}.modal-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.modal-buttons button{flex:1;padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.modal-buttons button:first-child{background-color:var(--primary);color:#fff;box-shadow:0 3px 5px #ff8c3266}.modal-buttons button:first-child:hover{background-color:#e57800;transform:translateY(-1px)}.modal-buttons .cancel-btn{background-color:var(--background-color);color:var(--second);border:1px solid var(--text)}.modal-buttons .cancel-btn:hover{background-color:#e2e8f0;border-color:var(--second)}.error-message{background-color:#ffe0b2;color:var(--second);padding:10px;border-radius:8px;border:1px solid var(--primary);font-size:.9rem;text-align:center}@media (max-width: 640px){.flashcards-section{padding:1rem}.flashcard{flex:1 1 100%}.flashcards-section>button{padding:12px 30px}}.pomodoro-section{margin:2rem auto;padding:1.5rem}.pomodoro-section h1{color:var(--bold);font-size:2.5rem;margin-bottom:.5rem}.pomodoro-section p{color:var(--text);font-size:1.1rem;margin-bottom:2rem}.timer-stopwatch-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.timer,.stopwatch,.pomodoro,.custom-timer{padding:25px;border-radius:16px;box-shadow:0 6px 20px #1e3a8a14;flex:1 1 280px;display:flex;flex-direction:column;align-items:center;gap:15px;transition:all .3s ease}.timer:hover,.stopwatch:hover,.pomodoro:hover,.custom-timer:hover{transform:translateY(-5px);box-shadow:0 8px 25px #2563eb26}.timer h3,.stopwatch h3,.pomodoro h3,.custom-timer h3{color:var(--bold);margin-bottom:10px}.session-buttons{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;justify-content:center}.session-buttons button{padding:8px 15px;border-radius:6px;border:2px solid var(--primary);background-color:transparent;color:var(--primary);font-weight:700;cursor:pointer;transition:all .25s ease}.session-buttons button.active,.session-buttons button:hover{background-color:var(--primary);color:#fff;transform:scale(1.05)}.timer-display,.stopwatch-display{font-size:2.2rem;font-weight:700;color:var(--second);background:linear-gradient(90deg,var(--primary),var(--title));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}button{padding:10px 18px;border:none;border-radius:8px;font-weight:700;cursor:pointer;background-color:var(--primary);color:#fff;transition:all .3s ease}button:hover{background-color:var(--second);transform:translateY(-1px)}.pomodoro p{font-size:1rem;color:var(--text);margin-top:10px}.buttons-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.timer-notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172ab3;display:flex;justify-content:center;align-items:center;z-index:1000}.timer-notification{background:linear-gradient(135deg,var(--second) 0%,var(--primary) 100%);color:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 40px #0006;text-align:center;max-width:420px;animation:fadeIn .3s ease-out}.timer-notification h2{font-size:2em;margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.timer-notification p{font-size:1.1em;margin-bottom:25px}.timer-notification button{background-color:var(--title);color:var(--bold);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:all .2s ease}.timer-notification button:hover{background-color:#fff;color:var(--second)}.background-sound-control button{margin:20px auto;padding:10px 15px;background-color:var(--text);color:#fff;border:none;border-radius:8px;cursor:pointer;display:block;width:fit-content;transition:background-color .2s ease}.background-sound-control button:hover{background-color:var(--second)}.custom-input-group{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:15px}.custom-input-group input{width:70px;padding:6px;text-align:center;font-size:1em;border:2px solid var(--text);border-radius:8px;outline:none;transition:border-color .3s ease}.custom-input-group input:focus{border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 900px){.pomodoro-section h1{font-size:2rem}.timer,.stopwatch,.pomodoro,.custom-timer{flex:1 1 45%}}@media (max-width: 640px){.timer-stopwatch-container{flex-direction:column;align-items:center}.timer,.stopwatch,.pomodoro,.custom-timer{width:90%}.pomodoro-section h1{font-size:1.8rem}.pomodoro-section p{font-size:1rem}.timer-display,.stopwatch-display{font-size:1.8rem}}@media (max-width: 400px){.pomodoro-section{padding:1rem}.timer,.stopwatch,.pomodoro,.custom-timer{padding:15px}.pomodoro-section h1{font-size:1.6rem}button,.session-buttons button{padding:6px 12px;font-size:.9rem}.timer-display,.stopwatch-display{font-size:1.5rem}}.todo-container{display:flex;flex-direction:column;align-items:center;padding:50px 20px;min-height:100vh}.page-header{text-align:center;margin-bottom:30px}.page-header h1{font-size:3em;color:var(--title);margin-bottom:5px;font-weight:800}.page-header p{font-size:1.2em;color:var(--primary);margin-top:0}.todo-box{width:100%;max-width:500px;background-color:var(--card-bg);border-radius:12px;box-shadow:0 5px 20px var(--shadow);padding:30px;text-align:center}.todo-box .todo-title{font-size:1.8em;margin-bottom:25px;font-weight:700;color:var(--bold)}.todo-input-form{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;background-color:var(--card-bg);padding-left:10px}.todo-input-form input{flex-grow:1;border:none;padding:15px 10px;font-size:1em;outline:none;color:var(--bold);background-color:transparent}.toggle-all-btn{background:none;border:none;cursor:pointer;font-size:1.2em;padding:0 10px;color:var(--subtle-text);transition:color .2s,opacity .2s}.toggle-all-btn:not(:disabled):hover{color:var(--primary)}.toggle-all-btn:disabled{cursor:not-allowed;opacity:.3}.todo-list{list-style:none;padding:0;margin:0}.todo-item{padding:12px 0;border-bottom:1px solid var(--border-color);text-align:left;display:flex;align-items:center;position:relative}.todo-item:last-child{border-bottom:none}.todo-display-wrapper{display:flex;align-items:center;width:100%;min-height:20px}.todo-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--subtle-text);border-radius:4px;margin-right:15px;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s}.todo-item input[type=checkbox]:checked{border-color:var(--text);background-color:var(--text)}.todo-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;font-size:14px;color:var(--card-bg)}.todo-text{flex-grow:1;font-size:1.05em;cursor:pointer;padding-right:10px;color:var(--bold)}.todo-item.completed .todo-text{text-decoration:line-through;color:var(--subtle-text)}.edit-input{flex-grow:1;border:1px solid var(--text);padding:5px;font-size:1.05em;border-radius:4px;margin:-5px 0;outline:none;color:var(--bold);background-color:var(--card-bg)}.delete-btn{background:none;border:none;color:var(--subtle-text);font-size:1.4em;opacity:0;cursor:pointer;transition:opacity .2s;padding:0 10px}.todo-item:hover .delete-btn{opacity:1}.empty-state{padding:20px;color:var(--subtle-text);font-style:italic;border-top:1px solid var(--border-color)}.todo-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 0 5px;margin-top:5px;border-top:1px solid var(--border-color);color:var(--subtle-text);font-size:.9em;flex-wrap:wrap;gap:10px}.items-left{padding:5px 0}.todo-filters button{background:none;border:none;color:var(--subtle-text);padding:5px 10px;margin:0 5px;border-radius:4px;cursor:pointer;transition:all .2s}.todo-filters button:hover{color:var(--bold)}.todo-filters button.active{color:var(--filter-color);outline:1px solid var(--filter-color);background-color:var(--background-color)}.clear-completed-btn{background:none;border:none;color:var(--subtle-text);cursor:pointer;transition:color .2s}.clear-completed-btn:hover:not(:disabled){color:var(--bold)}.clear-completed-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 600px){.page-header h1{font-size:2em}.page-header p{font-size:1em}.todo-box{padding:20px;max-width:95%}.todo-input-form input{padding:12px 8px;font-size:.95em}.todo-item{padding:10px 0}.todo-text{font-size:.95em}.todo-footer{flex-direction:column;text-align:center}.todo-filters button{padding:5px 8px;font-size:.85em}}@media (max-width: 900px){.page-header h1{font-size:2.5em}.todo-box{max-width:90%}.todo-input-form input{font-size:1em}.todo-footer{flex-wrap:wrap}}@media (min-width: 1200px){.todo-box{max-width:600px}.page-header h1{font-size:3.2em}.todo-text{font-size:1.1em}}.assistant{display:flex;flex-direction:column;align-items:center;justify-content:center}.chat{width:80vw;max-width:900px;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px var(--shadow);padding:1.5rem;display:flex;flex-direction:column;gap:14px;overflow-y:auto;height:70vh}.msg{padding:12px 16px;border-radius:16px;max-width:80%;font-size:1rem;line-height:1.5;animation:fadeIn .25s ease-in}.msg.user{align-self:flex-end;background:var(--primary);color:var(--card-bg);border-bottom-right-radius:4px}.msg.assistant{align-self:flex-start;background:var(--background-color);border:1px solid var(--border-color);color:var(--bold);border-bottom-left-radius:4px;text-align:left}.msg.assistant.typing{font-style:italic;opacity:.8}.input-box{width:100%;max-width:700px;display:flex;align-items:center;gap:10px;margin-top:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;box-shadow:0 2px 10px var(--shadow)}.input-box input{flex:1;border:none;outline:none;padding:12px;font-size:1rem;border-radius:8px;color:var(--bold);background:transparent}.input-box button{background:var(--primary);border:none;color:var(--card-bg);padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.input-box button:hover{background:#e57800;transform:translateY(-1px)}.input-box svg{width:20px;height:20px}.chat::-webkit-scrollbar{width:6px}.chat::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.chat{height:65vh;padding:1rem}.msg{font-size:.9rem;max-width:90%}.input-box input{font-size:.9rem;padding:10px}.input-box button{padding:8px 12px}}