.navbar{background-color:#2a2e3a;box-shadow:0 4px 8px #0003;flex-wrap:nowrap;height:70px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar,.navbar-center,.navbar-left,.navbar-right{align-items:center;display:flex}.navbar-left{flex:1 1}.navbar-center{flex:2 1;justify-content:center;min-width:0}.navbar-right{background-color:initial;flex:1 1;justify-content:flex-end}.navbar-logo{align-items:center;display:flex;gap:10px}.logo-image{height:40px;object-fit:contain;width:auto}.logo-text{color:#5ccfe6;font-size:1.6em;font-weight:600}.nav-links{align-items:center;display:flex;flex-shrink:1;gap:15px;list-style:none;white-space:nowrap}.nav-link{font-size:1em;padding:10px 5px;position:relative;text-decoration:none;transition:color .4s ease,transform .4s cubic-bezier(.23,1,.32,1)}.nav-link:after,.nav-link:before{background-color:var(--accent-color);bottom:0;content:"";height:2px;position:absolute;transform:scaleX(0);transition:transform .75s ease;width:50%}.nav-link:before{left:0;transform-origin:left}.nav-link:after{right:0;transform-origin:right}.nav-link.active,.nav-link:hover{color:#5ccfe6;text-shadow:0 0 5px #5ccfe666;transform:scale(1.08) translateY(-2px)}.nav-link.active:after,.nav-link.active:before,.nav-link:hover:after,.nav-link:hover:before{transform:scaleX(1)}.buy-coffee-btn{background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;font-size:1em;font-weight:700;padding:8px 14px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.buy-coffee-btn:hover{background-color:#5ccfe6;color:#fff;transform:translateY(-1px)}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:4px;margin-left:10px}.hamburger .bar{background-color:#5ccfe6;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.hamburger.active .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:1024px){.nav-link{font-size:.9em;padding:6px 4px}.logo-text{color:#5ccfe6;font-size:1.4em}.buy-coffee-btn{font-size:.9em;padding:6px 10px}}@media (max-width:900px) and (min-width:769px){.nav-links{gap:8px}.nav-link{font-size:.8em;padding:4px 2px}.logo-text{font-size:1.2em}.buy-coffee-btn{font-size:.8em;padding:4px 8px}}@media (max-width:480px){.logo-text,.nav-link{font-size:1.1em}.nav-link{padding:12px 0}.buy-coffee-btn{font-size:.75em;padding:3px 6px}}@media (max-width:768px){.nav-links{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#2a2e3a;border-bottom:1px solid #ffffff14;box-shadow:0 4px 18px #0006;display:none;flex-direction:column;gap:35px;height:calc(100vh - 70px);justify-content:flex-start;left:0;opacity:0;padding:50px 30px;position:fixed;top:70px;transform:translateY(-100%);transition:transform .35s ease,opacity .3s ease;width:100%;z-index:1000}.nav-links.open{display:flex;opacity:1;transform:translateY(0)}.nav-links li{text-align:center;width:100%}.nav-link{color:#fff;display:block;font-size:1.3em;font-weight:600;letter-spacing:.5px;padding:14px 0;text-decoration:none;transition:color .3s ease,transform .2s ease}.dark-theme .nav-link.active,.dark-theme .nav-link:hover,.light-theme .nav-link.active,.light-theme .nav-link:hover,.nav-link.active,.nav-link:hover{color:#5ccfe6;transform:scale(1.05)}.buy-coffee-btn{font-size:.8em;padding:4px 10px;text-align:center;width:auto}.hamburger{display:flex}.mobile-visible{display:inline-block;margin-right:10px}.desktop-visible{display:none}.dark-theme .nav-link,.light-theme .nav-link{color:#fff}.nav-link{color:var(--nav-text-color)}}@media (min-width:769px){.mobile-visible{display:none}.desktop-visible{display:inline-block}.buy-coffee-btn{text-align:center;width:auto}}.light-theme .buy-coffee-btn{background-color:#5ccfe6;color:#fff}.light-theme .navbar{background-color:#2a2e3a}:root{--text-color:#f2f2f2;--primary-color:#89d185;--secondary-color:#89d185;--highlight-color:#f0c987;--border-radius:10px;--box-shadow:0 4px 10px #0000004d;--button-hover-scale:1.05}.light-theme{--text-color:#22223b;--secondary-color:#e0e0e0;--highlight-color:#ffb86c;--button-bg-color:#fff;--button-bg-hover-color:#f0f0f0;--button-text-color:var(--text-color)}.dark-theme{--text-color:#f2f2f2;--primary-color:#89d185;--secondary-color:#89d185;--highlight-color:#f0c987;--button-bg-color:#2a2e3a;--button-bg-hover-color:#3a3e4a;--button-text-color:#f2f2f2}button{align-items:center;background-color:#89d185;background-color:var(--primary-color);border-radius:6px;box-shadow:0 4px 10px #0000004d;box-shadow:var(--box-shadow);color:#fff;display:flex;font-size:1em;font-weight:500;justify-content:center;min-height:44px;padding:12px 24px;text-align:center;transition:background-color .3s,transform .3s;transition:background-color var(--transition-speed),transform var(--transition-speed)}button:hover{background-color:var(--accent-color);transform:scale(1.05);transform:scale(var(--button-hover-scale))}.light-theme button{background-color:#5ccfe6;color:#fff}.TimerApp{align-items:center;background-color:#1e1e2f;background-color:var(--background-color);color:#f2f2f2;color:var(--text-color);display:flex;flex-direction:column;margin:0 auto;max-width:min(1400px,95vw);min-height:100vh;padding:1.25rem 1.5rem;text-align:center}.row{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px;max-width:100%;width:100%}.row .col{flex:1 1;margin:0;max-width:min(600px,calc(50vw - 40px));min-width:300px}@media (min-width:768px){.row.bottom-row,.row.top-row{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:1fr;grid-template-columns:1fr 1fr;margin-bottom:40px;width:100%}.row.bottom-row .col,.row.top-row .col{margin:0}.row.bottom-row .card,.row.top-row .card{display:flex;flex-direction:column;height:100%}.TimerApp .session-log.card,.TimerApp .task-input-container.card,.row.bottom-row .card,.row.top-row .card{background-color:#2a2e3a;background-color:var(--card-bg-color);min-height:450px}}.TimerApp .card{background-color:#2a2e3a;background-color:var(--card-bg-color);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 10px #0000004d;box-shadow:var(--box-shadow);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;min-height:450px;padding:24px;width:100%}.TimerApp .card h2,.TimerApp .card h3{color:#89d185;color:var(--primary-color);font-size:1.3em;margin-bottom:15px;margin-top:0}.TimerApp .h1-card-splitter,.TimerApp .h1-card-timer{background-color:#2a2e3a;background-color:var(--card-bg-color);border:1px solid #5ccfe6;border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto .75rem;max-width:none;padding:.4rem 1.2rem;text-align:center;width:100%}.TimerApp .h1-card-splitter h1,.TimerApp .h1-card-timer h1{color:#89d185;color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.timer-container{padding:15px 0;width:100%}.timer-container,.timer-container .card{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:flex-start}.timer-container .card{background-color:#2a2e3a;background-color:var(--card-bg-color);padding:24px}.mode-indicator{color:#89d185;color:var(--primary-color);font-size:1.2em;font-weight:500;text-align:center}.mode-indicator,.mode-selector{flex-shrink:0;margin-bottom:0;width:100%}.mode-selector{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.mode-selector button{background-color:#89d185;background-color:var(--secondary-color);border:none;border-radius:6px;color:#f2f2f2;color:var(--text-color);cursor:pointer;font-size:1em;min-height:40px;min-width:100px;padding:10px 20px;transition:background-color .3s,transform .2s;transition:background-color var(--transition-speed),transform .2s}.mode-selector button.active{background-color:#89d185;background-color:var(--primary-color);color:#fff}.mode-selector button:hover{background-color:#5ccfe6;background-color:var(--accent-color);transform:scale(1.05);transform:scale(var(--button-hover-scale))}.timer-display{align-items:center;color:#f2f2f2;color:var(--text-color);display:flex;flex:1 1;font-size:clamp(3rem,10vw,5rem);font-weight:600;justify-content:center;line-height:1;margin:0;text-align:center;text-shadow:1px 1px 2px #0006;width:100%}.progress-bar{background-color:#89d185;background-color:var(--secondary-color);border-radius:6px;flex-shrink:0;height:12px;margin:0;max-width:600px}.progress{background-color:#89d185;background-color:var(--primary-color);height:100%;transition:width .3s ease}.timer-buttons{display:flex;flex-shrink:0;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:0;padding-top:0;width:100%}.timer-buttons button{background-color:#89d185;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.95em;max-width:140px;min-height:38px;min-width:100px;padding:10px 20px;transition:background-color .3s,transform .2s;transition:background-color var(--transition-speed),transform .2s}.timer-buttons button:hover{background-color:#5ccfe6;background-color:var(--accent-color);transform:scale(1.05);transform:scale(var(--button-hover-scale))}.youtube-container{align-items:center;justify-content:flex-start;max-width:100%;padding:15px 0;width:100%}.TimerApp .youtube-container .card,.youtube-container{display:flex;flex-direction:column;gap:15px;height:100%;overflow:visible}.TimerApp .youtube-container .card{background-color:#2a2e3a;background-color:var(--card-bg-color);justify-content:space-between;padding:24px;position:relative}.youtube-container h3{color:#89d185;color:var(--primary-color);flex-shrink:0;font-size:1.2em;margin-bottom:0;text-align:center;width:100%}.sound-controls{justify-content:space-between}.sound-controls,.youtube-container .sound-player-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px;position:relative;width:100%}.youtube-container .sound-player-container{justify-content:flex-start;max-width:100%;min-height:220px;overflow:visible}.youtube-container .video-wrapper{align-items:center;aspect-ratio:16/9;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:100%;min-height:160px;overflow:visible;padding:0;position:relative;width:100%}.youtube-container .react-youtube,.youtube-container .video-frame,.youtube-container iframe{aspect-ratio:16/9;border:none;border-radius:6px;height:100%!important;max-height:none;min-height:180px;object-fit:contain;overflow:visible;position:relative;width:100%!important;z-index:1}.video-controls-row{flex-shrink:0;flex-wrap:wrap;gap:15px;margin:auto 0 0;padding:10px 0;width:100%}.video-controls-row,.video-controls-row button{align-items:center;display:flex;justify-content:center}.video-controls-row button{background-color:#89d185;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 4px 10px #0000004d;box-shadow:var(--box-shadow);box-sizing:border-box;color:#fff;cursor:pointer;flex:none;font-size:1em;height:44px;min-width:100px;padding:12px 24px;transition:background-color .3s,transform .2s;transition:background-color var(--transition-speed),transform .2s}.video-controls-row button:hover{background-color:#5ccfe6;background-color:var(--accent-color);transform:scale(1.05);transform:scale(var(--button-hover-scale))}.video-controls-row button:disabled{cursor:not-allowed;opacity:.5}.video-controls-row button:disabled:hover{transform:none}.manage-sound-button{align-self:center;background-color:#89d185;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 4px 10px #0000004d;box-shadow:var(--box-shadow);color:#fff;cursor:pointer;flex:none;flex-shrink:0;font-size:1em;height:44px;margin-top:0;max-width:140px;min-width:100px;padding:12px 24px;transition:background-color .3s,transform .2s;transition:background-color var(--transition-speed),transform .2s}.manage-sound-button:hover{background-color:#5ccfe6;background-color:var(--accent-color);transform:scale(1.05);transform:scale(var(--button-hover-scale))}.session-log,.task-input-container{display:flex;flex-direction:column;height:100%;width:100%}.task-input-container .form-row{display:flex;flex-direction:column;flex-shrink:0;margin-bottom:10px}.task-input-container .form-row label{color:#89d185;color:var(--primary-color);font-weight:600;margin-bottom:3px}.add-task-button{background-color:#89d185;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:none;flex-shrink:0;font-size:1em;margin-top:10px;max-width:none;min-height:44px;min-width:auto;padding:12px 24px;transition:background-color .3s,transform .2s;transition:background-color var(--transition-speed),transform .2s;width:100%}.add-task-button:hover{background-color:#5ccfe6;background-color:var(--accent-color);transform:scale(1.05);transform:scale(var(--button-hover-scale))}.task-list{display:flex;flex:1 1;flex-direction:column;margin-top:20px;min-height:0}.task-list-wrapper{flex:1 1;min-height:0;overflow-y:auto;padding-right:4px;width:100%}.task-list-wrapper::-webkit-scrollbar{width:6px}.task-list-wrapper::-webkit-scrollbar-track{background:#89d185;background:var(--secondary-color);border-radius:3px}.task-list-wrapper::-webkit-scrollbar-thumb{background:#5ccfe6;background:var(--accent-color);border-radius:3px}.task-list-wrapper::-webkit-scrollbar-thumb:hover{background:#89d185;background:var(--primary-color)}.task-item{grid-gap:5px;align-items:center;background-color:#89d185;background-color:var(--secondary-color);border-radius:6px;display:grid;gap:5px;grid-template-columns:auto 1fr auto;margin-bottom:10px;padding:10px;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.task-item:hover{background-color:#505463}.task-item.completed{opacity:.6;text-decoration:line-through}.task-text{color:#f2f2f2;color:var(--text-color);font-size:.95em}.task-pomodoros{color:#89d185;color:var(--primary-color);font-size:.9em;text-align:right;white-space:nowrap}.session-log h3{flex-shrink:0}.session-log .log-list{flex:1 1;min-height:0;overflow-y:auto;padding-right:4px}.session-log .log-list::-webkit-scrollbar{width:6px}.session-log .log-list::-webkit-scrollbar-track{background:#89d185;background:var(--secondary-color);border-radius:3px}.session-log .log-list::-webkit-scrollbar-thumb{background:#5ccfe6;background:var(--accent-color);border-radius:3px}.session-log .log-list::-webkit-scrollbar-thumb:hover{background:#89d185;background:var(--primary-color)}.empty-log{color:#6272a4;font-style:italic;margin-top:10px;text-align:center}.log-list{list-style:none;margin:0;padding:0}.log-entry{align-items:center;background-color:#1e1e2f;background-color:var(--background-color);border-radius:4px;color:#f2f2f2;color:var(--text-color);display:flex;font-size:.95em;margin-bottom:8px;padding:8px;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.log-entry:hover{background-color:#505463}.log-entry-icon{color:#f0c987;color:var(--highlight-color);font-size:1.2em;margin-right:10px}.music-modal,.settings-modal{background-color:#1e1e2f;background-color:var(--background-color);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 10px #0000004d;box-shadow:var(--box-shadow);color:#f2f2f2;color:var(--text-color);left:50%;max-width:420px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:999}.music-modal h2,.settings-modal h2{color:#89d185;color:var(--primary-color);margin-bottom:15px;text-align:center}.music-modal .track-url,.settings-modal label{color:#f2f2f2;color:var(--text-color);display:block;font-size:.95em;margin:10px 0}.music-modal .form-row,.settings-modal .input-row{align-items:center;display:flex;gap:5px}.music-modal button,.settings-modal button{background-color:#89d185;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:none;margin:10px 5px 0 0;max-width:none;min-height:44px;min-width:auto;padding:8px 16px;transition:background-color .3s;transition:background-color var(--transition-speed)}.music-modal button:hover,.settings-modal button:hover{background-color:#5ccfe6;background-color:var(--accent-color)}@media screen and (max-width:768px){.TimerApp{max-width:95vw;padding:.75rem 1rem}.row{gap:16px}.row,.row .col{margin-bottom:16px}.row .col{max-width:100%;min-width:100%}.card{background-color:#2a2e3a;background-color:var(--card-bg-color);min-height:400px;padding:16px}.TimerApp .timer-container .card{margin-top:0}.timer-container{gap:12px;padding:10px 0}.timer-container .card{background-color:#2a2e3a;background-color:var(--card-bg-color);gap:12px;padding:16px}.mode-indicator{font-size:1.2em;margin-bottom:8px}.mode-selector{gap:12px;margin-bottom:8px}.mode-selector button{font-size:.9em;min-height:36px;min-width:80px;padding:8px 16px}.timer-display{font-size:clamp(4rem,12vw,5rem)}.timer-buttons{gap:12px;margin-top:8px}.timer-buttons button{font-size:.95em;min-height:40px;min-width:100px;padding:10px 18px}.progress-bar{height:14px;margin:8px 0}.youtube-container{gap:15px;padding:15px 0}.TimerApp .youtube-container .card{background-color:#2a2e3a;background-color:var(--card-bg-color);gap:15px;padding:20px}.youtube-container h3{font-size:1.1em}.youtube-container .sound-player-container{gap:15px;min-height:160px}.youtube-container .video-wrapper{min-height:140px}.video-controls-row{gap:10px}.video-controls-row button{font-size:.8em}.manage-sound-button,.video-controls-row button{height:36px;min-width:80px;padding:8px 16px}}@media screen and (min-width:768px) and (max-width:1023px){.TimerApp{max-width:min(1200px,95vw);padding:1rem 1.25rem}.row{gap:18px;margin-bottom:25px}.card{background-color:#2a2e3a;background-color:var(--card-bg-color);padding:28px}.row .col{max-width:350px;min-width:280px}.youtube-container .sound-player-container{min-height:200px}}@media screen and (min-width:1024px){.TimerApp{max-width:min(1100px,95vw)}.row{gap:22px;margin-bottom:30px}.row .col{max-width:450px;min-width:400px}.youtube-container .sound-player-container{min-height:220px}}@media screen and (min-width:1200px){.TimerApp{max-width:1400px;padding:20px}.card{background-color:#2a2e3a;background-color:var(--card-bg-color);min-height:600px;padding:32px}.row .col{max-width:550px;min-width:500px}.row{gap:24px;margin-bottom:30px}.mode-selector button{font-size:1.1em;min-width:120px;padding:15px 30px}.timer-display{font-size:clamp(4rem,12vw,6rem)}.timer-buttons button{font-size:1.1em;max-width:160px;min-height:42px;min-width:120px;padding:15px 30px}.progress-bar{height:16px}.youtube-container .video-wrapper{min-height:220px}.youtube-container .sound-player-container{min-height:280px}.manage-sound-button,.video-controls-row button{font-size:1.1em;height:50px;min-width:120px;padding:15px 30px}.manage-sound-button{max-width:150px}}@media screen and (min-width:1400px){.TimerApp{max-width:1600px;padding:25px}.card{background-color:#2a2e3a;background-color:var(--card-bg-color);min-height:700px;padding:40px}.row .col{max-width:700px;min-width:600px}.mode-selector button{font-size:1.2em;min-width:140px;padding:18px 36px}.timer-display{font-size:clamp(5rem,15vw,7rem)}.timer-buttons button{font-size:1.2em;max-width:180px;min-height:46px;min-width:140px;padding:18px 36px}.progress-bar{height:18px}.youtube-container .video-wrapper{min-height:250px}.youtube-container .sound-player-container{min-height:320px}.manage-sound-button,.video-controls-row button{font-size:1.2em;height:55px;min-width:140px;padding:18px 36px}.manage-sound-button{max-width:160px}}@media screen and (min-width:1800px){.TimerApp{max-width:1800px;padding:30px}.row{gap:32px;margin-bottom:40px}.card{background-color:#2a2e3a;background-color:var(--card-bg-color);min-height:800px;padding:50px}.row .col{max-width:800px;min-width:700px}.mode-selector button{font-size:1.3em;min-width:160px;padding:20px 40px}.timer-display{font-size:clamp(6rem,18vw,8rem)}.timer-buttons button{font-size:1.3em;max-width:200px;min-height:50px;min-width:160px;padding:20px 40px}.progress-bar{height:20px}.youtube-container .video-wrapper{min-height:300px}.youtube-container .sound-player-container{min-height:380px}.video-controls-row button{font-size:1.3em;height:60px;min-width:160px;padding:20px 40px}.manage-sound-button{font-size:1.3em;height:60px;min-width:180px;padding:20px 40px}}@media screen and (min-width:2000px){.TimerApp{max-width:1800px}.row .col{max-width:min(800px,calc(45vw - 30px))}}@media screen and (min-width:3000px){.TimerApp{max-width:1800px}.row .col{max-width:min(1000px,calc(40vw - 40px))}}@media screen and (min-width:4000px){.TimerApp{max-width:1800px}.row .col{max-width:min(1200px,calc(35vw - 50px))}}@media screen and (min-width:5000px){.TimerApp{max-width:1800px}.row .col{max-width:min(1400px,calc(30vw - 60px))}}@media screen and (min-width:6000px){.TimerApp{max-width:1800px}.row .col{max-width:min(1600px,calc(25vw - 70px))}}@media (hover:none) and (pointer:coarse){.manage-sound-button,.video-controls-row button{min-height:44px;min-width:44px}}@media screen and (max-width:768px){.youtube-container,.youtube-container .video-wrapper{max-width:100%;overflow:hidden;width:100%}.youtube-container .video-wrapper{min-width:0;min-width:auto}.youtube-container .sound-player-container{max-width:100%;overflow:hidden;width:100%}.youtube-container .react-youtube,.youtube-container .video-frame,.youtube-container iframe{height:auto;max-width:100%;overflow:hidden;width:100%}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.youtube-container .video-frame,.youtube-container iframe{border-radius:8px}.manage-sound-button,.video-controls-row button{border-radius:5px}}@media screen and (min-width:768px) and (max-width:1023px){.youtube-container,.youtube-container .video-wrapper{max-width:100%;overflow:hidden;width:100%}.youtube-container .video-wrapper{min-width:0;min-width:auto}.youtube-container .sound-player-container{max-width:100%;overflow:hidden;width:100%}.youtube-container .react-youtube,.youtube-container .video-frame,.youtube-container iframe{height:auto;max-width:100%;overflow:hidden;width:100%}}@media screen and (min-width:1024px) and (max-width:1799px){.youtube-container,.youtube-container .video-wrapper{max-width:100%;overflow:hidden;width:100%}.youtube-container .video-wrapper{min-width:0;min-width:auto}.youtube-container .sound-player-container{max-width:100%;overflow:hidden;width:100%}.youtube-container .react-youtube,.youtube-container .video-frame,.youtube-container iframe{height:auto;max-width:100%;overflow:hidden;width:100%}}@media screen and (max-width:768px){.timer-buttons button{max-width:120px;min-width:90px}}@media screen and (max-width:600px){.TimerApp .card{min-height:300px}.TimerApp .card,.timer-container .card{background-color:#2a2e3a;background-color:var(--card-bg-color);padding:18px}.timer-container .card{gap:12px}.timer-container{gap:10px;padding:8px 0}.row{gap:14px}.row,.row .col{margin-bottom:14px;margin-top:0}.TimerApp .h1-card-timer{margin:.3rem auto 1rem;padding:.35rem 1.1rem}.timer-container{margin-top:0;padding-top:3px}.timer-container .card{margin-top:0}.mode-indicator,.mode-selector{margin-bottom:6px}.mode-selector{gap:12px}.timer-buttons{gap:12px;margin-top:6px}.row .col:first-child{margin-top:0;padding-top:0}.row .col .card{background-color:#2a2e3a;background-color:var(--card-bg-color);margin-top:0}}@media screen and (max-width:480px){.TimerApp .card{background-color:#2a2e3a;background-color:var(--card-bg-color);min-height:360px;padding:14px}.timer-container .card{gap:8px;padding:14px}.timer-container{gap:6px;padding:4px 0}.row{gap:10px}.row,.row .col{margin-bottom:10px;margin-top:0}.mode-indicator,.mode-selector{margin-bottom:3px}.mode-selector{gap:8px}.timer-buttons{gap:8px;margin-top:3px}.TimerApp .h1-card-timer{margin:.2rem auto .4rem;padding:.25rem .9rem}.timer-container{margin-top:0;padding-top:1px}.timer-container .card{margin-top:0}.row .col:first-child{margin-top:0;padding-top:0}.row .col .card{background-color:#2a2e3a;background-color:var(--card-bg-color);margin-top:10px}}@media screen and (max-height:500px) and (orientation:landscape){.youtube-container .video-wrapper{max-width:400px}.youtube-container .sound-player-container{min-height:160px}.video-controls-row{gap:8px}}.light-theme .modal-content,.light-theme .timer-display{color:#89d185;color:var(--primary-color)}.light-theme .modal-content{background:#2a2e3a;background:var(--card-bg-color)}.light-theme .form-row label,.light-theme .modal-header h2,.modal-header h2{color:#89d185;color:var(--primary-color)}.light-theme .mode-selector button.active{background-color:#89d185;background-color:var(--primary-color);color:var(--button-text-color)}.modal-overlay{background:#000000bf;height:100vh;width:100vw}.modal-card{animation:scaleIn .3s ease;background-color:var(--card-bg-color);box-shadow:0 8px 20px #0006;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;max-width:500px}.modal-card ul{margin:1rem 0;padding-left:1.25rem}.modal-card button{align-self:flex-end;color:var(--button-text-color);font-weight:700;margin-top:auto;padding:.6rem 1.2rem}.celebration{animation:pulse-glow 2s ease-in-out infinite;border-radius:12px;color:var(--highlight-color);font-size:1.3em;font-weight:700;margin-top:24px;padding:10px;text-align:center;text-shadow:0 0 5px var(--highlight-color),0 0 10px var(--highlight-color);transition:transform .3s ease}.modal-overlay{animation:fadeIn .3s ease-in-out}.modal-content{animation:slideUp .3s ease-in-out;background:#1e1e2f;background:var(--background-color,#1e1e2f);box-shadow:0 4px 15px #0009;color:#f8f8f2;color:var(--text-color,#f8f8f2);max-width:500px}.modal-header h2{color:#6272a4;color:var(--accent-color,#6272a4);font-size:1.5em}.close-button{background:#0000;color:#f8f8f2;color:var(--text-color,#f8f8f2);font-size:1.5em}.form-row{margin-bottom:1rem}.form-row label{color:#1a73e8;display:block;font-size:.95em;margin-bottom:.25rem}.form-row .input-row{display:flex;gap:.5rem}.form-row input[type=number],.form-row input[type=text],.form-row select{background:#03040a;background:var(--secondary-color,#03040a);border:1px solid #6272a4;border:1px solid var(--accent-color,#6272a4);border-radius:4px;color:#5ccfe6;font-size:1em;padding:.5rem;width:100%}.form-row input::placeholder,.form-row select::placeholder,.form-row textarea::placeholder{color:#5ccfe6;opacity:1}.form-row input[type=checkbox]{margin-right:8px}.modal-actions button{background-color:#6272a4;background-color:var(--accent-color,#6272a4);border:none;border-radius:4px;color:#f8f8f2;color:var(--text-color,#f8f8f2);cursor:pointer;font-size:1em;padding:.75rem 1.5rem;transition:background-color .3s ease}.modal-actions button:hover{background-color:#50fa7b;background-color:var(--highlight-color,#50fa7b)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}.modal-overlay{background:#0009;height:100%;left:0;top:0;width:100%}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:800px;padding:2rem;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem}.tab-container{border-bottom:1px solid #ccc;display:flex;margin-bottom:1rem}.tab{border-bottom:2px solid #0000;color:#555;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:border-color .3s,color .3s}.tab:hover{color:#333}.tab.active{border-color:#1a73e8;color:#1a73e8}.search-input{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.5rem;width:100%}.track-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1rem;max-height:300px;overflow-y:auto}.track-card{align-items:center;background:#f7f7f7;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:.75rem;text-align:center}.track-card img{border-radius:4px;margin-bottom:.5rem;max-width:200px;object-fit:cover;width:100%}.track-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:.5rem}.track-url{color:#1a73e8;font-size:.85rem;margin-bottom:.5rem;text-decoration:none;word-break:break-all}.track-url:hover{text-decoration:underline}.track-actions{margin-top:auto}.delete-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.35rem .75rem;transition:background .3s}.delete-button:hover{background:#c0392b}.form-section{border-top:1px solid #ddd;margin-top:1.5rem;padding-top:1rem}.form-section h3{color:#333;margin-top:0}.form-row{margin-bottom:.75rem}.input-field{border:1px solid #ccc;border-radius:4px;padding:.5rem;width:100%}.add-button{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem;transition:background .3s;width:100%}.add-button:hover{background:#1669c1}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.close-button-footer,.reset-button{background:#f1c40f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .3s}.close-button-footer:hover,.reset-button:hover{background:#d4ac0d}.error-message{color:#e74c3c;margin-bottom:.75rem;text-align:center}:root{--highlight-color:#5ccfe6}body{justify-content:center;min-height:100vh}.splitter-container,body{align-items:center;display:flex}.splitter-container{box-sizing:border-box;flex-direction:column;gap:20px;max-width:600px;padding:20px;width:100%}h1{color:#5ccfe6;font-size:1.5em;margin-bottom:20px}.text-splitter{background-color:#2a2e3a;border-radius:12px;box-shadow:0 8px 16px #1e1e2f;padding:30px 20px 50px;position:relative;text-align:center;width:100%}.splitter-textarea{background-color:#1e1e2f;background-color:var(--background-color);border:1px solid #6272a4;border:1px solid var(--accent-color);border-radius:8px;box-shadow:inset 0 2px 4px #0003;color:#f8f8f2;color:var(--text-color);font-size:1rem;outline:none;padding:15px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:80%}.splitter-textarea:focus{border-color:#98c379;border-color:var(--primary-color);box-shadow:inset 0 3px 6px #00000040,0 0 5px #98c379;box-shadow:inset 0 3px 6px #00000040,0 0 5px var(--primary-color)}.char-counter{bottom:10px;color:#f8f8f2;color:var(--text-color);font-size:.9em;position:absolute;right:20px}.control-panel{align-items:center;display:flex;flex-direction:column;gap:15px}.button-group{display:flex;gap:10px;justify-content:center;width:100%}.control-button{background-color:#98c379;background-color:var(--primary-color);border:none;border-radius:6px;color:#f8f8f2;color:var(--text-color);cursor:pointer;font-size:1rem;min-width:110px;padding:12px 24px;transition:background-color .3s ease,transform .2s ease}.control-button:hover{background-color:#5ccfe6;transform:translateY(-2px)}.h1-card-splitter{background-color:#2a2e3a;border:1px solid #6272a4;border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto;max-width:960px;padding:.3rem 1rem;text-align:center;width:100%}.h1-card-splitter h1{color:#5ccfe6;display:block;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:.1rem 0;width:100%}.chunk-list{background-color:#1e1e2f;background-color:var(--secondary-color);border:1px solid #6272a4;border:1px solid var(--accent-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:15px;width:100%}.chunk-button{background-color:#6ee7b7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .3s ease}.chunk-button:hover{background-color:#6272a4;background-color:var(--accent-color)}.chunk-button.copied{background-color:#4c9f70;background-color:var(--copied-color)}.summary-card{background-color:#2a2e3a;border-radius:8px;box-shadow:0 4px 12px #0003;padding:20px;text-align:left;width:100%}.summary-card h2{color:#98c379;color:var(--primary-color);margin-top:0}.combined-text{background-color:#1e1e2f;background-color:var(--background-color);border:1px solid #6272a4;border:1px solid var(--accent-color);border-radius:6px;color:#f8f8f2;color:var(--text-color);font-size:.9rem;height:200px;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.home-video-cards{background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;text-align:center;width:100%}@media screen and (max-width:974px){.video-wrapper{min-width:357x;position:relative}}@media screen and (min-width:500px){.video-wrapper{min-width:466px;position:relative}}@media (max-width:600px){h1{font-size:2.5em}.text-splitter{margin-top:6px;padding:20px}.splitter-textarea{font-size:.9rem}.chunk-list{gap:5px}}.transcript-card{background-color:#2a2e3a;border-radius:12px;box-shadow:0 0 10px #00000040;margin-bottom:30px;max-width:600px;padding:20px;width:100%}.transcript-card h2{color:#5ccfe6;margin-bottom:10px}.transcript-input,.transcript-textarea{background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-family:Consolas,monospace;font-size:.95rem;margin-top:10px;padding:12px;width:100%}.transcript-button,.transcript-paste-button{background-color:var(--primary-color);border:none;border-radius:6px;color:var(--text-color);cursor:pointer;font-weight:700;margin-top:10px;padding:10px 16px}.transcript-button:hover,.transcript-paste-button:hover{background-color:var(--highlight-color)}.transcript-error{color:var(--highlight-color);margin-top:10px}.splitter-modal-overlay{align-items:center;background:#000000bf;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:2000}.splitter-modal-card{animation:scaleIn .3s ease-out;background-color:#1e1e2f;border-radius:1rem;box-shadow:0 10px 30px #00000080;color:#ccf5d9;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;max-height:85vh;max-width:560px;overflow-y:auto;padding:2rem;scrollbar-color:#00ffa1 #1e1e2f;scrollbar-width:thin;width:100%}.splitter-modal-card h2,.splitter-modal-card h3{margin-bottom:.5rem;margin-top:0}.splitter-modal-card ul{margin:1rem 0 1.5rem;padding-left:1.4rem}.splitter-modal-card li{line-height:1.6;margin-bottom:.6rem}.splitter-modal-card p{line-height:1.6;margin:.75rem 0}.splitter-modal-close{align-self:flex-end;background-color:#00ffa1;border:none;border-radius:.5rem;color:#111;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.7rem 1.5rem;transition:background .2s ease}.splitter-modal-close:hover{background-color:#00cc82}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--secondary-color:#2a2e3a;--highlight-color:#f55}.dark-theme,.light-theme,:root{--visualizer-bg:#2a2e3a}.AudioPlayerApp{margin:0 auto;max-width:600px;padding:20px;text-align:center;width:100%}.card{border-radius:12px;box-shadow:0 4px 12px #0000004d;margin:15px 0;padding:20px}.card,.h1-card-pulse{background-color:#2a2e3a}.h1-card-pulse{border:1px solid #6272a4;border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:16px auto .5rem;max-width:960px;padding:.3rem 1rem;text-align:center;width:100%}.h1-card-pulse h1{color:#5ccfe6;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:.1rem 0}.AudioPlayerApp h2{color:#5ccfe6;font-size:1.5em;margin-bottom:15px}.audio-list select,.input-section input,.visualizer-controls select{background-color:#1e1e2f;background-color:var(--background-color);border:1px solid #6272a4;border:1px solid var(--accent-color);border-radius:5px;color:#f8f8f2;color:var(--text-color);margin:5px auto;max-width:250px;padding:8px;width:100%}.controls button,.input-section button{background-color:#5ccfe6;background-color:var(--primary-color);border:none;border-radius:5px;color:#f8f8f2;color:var(--text-color);cursor:pointer;margin:10px;padding:10px 20px;transition:background-color .3s ease}.controls button:hover,.input-section button:hover{background-color:#6272a4;background-color:var(--accent-color)}.visualizer{background-color:#2a2e3a;background-color:var(--visualizer-bg);border-radius:8px;height:150px;margin:15px 0;max-width:800px;overflow:hidden;position:relative;width:100%}.visualizer.pulse canvas{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px #6EE7B7)}50%{filter:drop-shadow(0 0 25px #6EE7B7)}}@media (max-width:600px){.AudioPlayerApp{padding:15px}.card,.cardpulse{margin-top:37px;padding:15px}}.light-theme .visualizer{background-color:#2a2e3a}.modal-overlay{background:#1e1e2feb;padding:1.5rem;z-index:2000}.modal-card{animation:fadeSlideIn .3s ease;background:var(--background-color);box-shadow:0 10px 25px #0006;color:var(--text-color);max-width:540px;scrollbar-color:var(--primary-color) var(--background-color);scrollbar-width:thin;text-align:left}.modal-card h2{color:var(--primary-color);font-size:1.6rem;margin-bottom:1rem}.modal-card ul{line-height:1.6;margin-bottom:1.5rem;padding-left:1.5rem}.modal-card li{margin-bottom:.75rem}.modal-card p{margin:.75rem 0}.modal-card button{background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.65rem 1.5rem;transition:background .2s ease}.modal-card button:hover{background-color:#00cc82;background-color:var(--primary-color-hover,#00cc82)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.habit-row{display:flex;flex-direction:column;position:relative}.habit-details{align-items:center;display:flex}.habit-icon{font-size:1.5rem;margin-right:10px}.progress-bar{background-color:var(--accent-color);border-radius:5px;height:5px;margin-top:5px;overflow:hidden;width:100%}.progress-fill{background-color:var(--primary-color);height:100%}.h1-card-habit,.habit-tracker{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:none;width:100%}.h1-card-habit{background-color:#2a2e3a;border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:30px 0 .5rem;max-width:100vw;padding:.2rem 1rem;text-align:center;width:95vw}.h1-card-habit h1{color:#5ccfe6;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:.1rem 0}.accomplishments-container,.daily-goals-container,.habit-list-container{margin:30px 0 10px;max-width:600px;width:95%}.accomplishments-container h3,.daily-goals-container h3,.habit-list-container h3{margin-bottom:10px;text-align:center}.accomplishments,.daily-goals,.habit-list{background-color:#2a2e3a;border-radius:8px;color:#5ccfe6;padding:15px}.accomplished-goal,.daily-goal,.habit-row{align-items:center;border-bottom:1px solid var(--accent-color);display:flex;margin-bottom:10px;padding:5px}.goal-checkmark,.habit-checkmark{cursor:pointer;font-size:1.2rem;margin-right:10px}.goal-text,.habit-name{flex:1 1;text-align:left}.accomplished-goal .goal-text{margin-left:10px}.streak-counter{text-align:center;width:50px}.progress-text{font-size:.9rem;margin-left:10px}.remove-button{background-color:initial;border:none;color:var(--highlight-color);cursor:pointer;font-size:1rem;margin-left:10px}.remove-button:hover{color:var(--primary-color)}.goal-completed,.habit-completed{background-color:#4caf5033;border-radius:4px;padding:5px}.add-daily-goal,.add-habit{align-items:center;display:flex;flex-direction:column;margin-top:10px}.add-daily-goal input[type=text],.add-habit input[type=number],.add-habit input[type=text]{margin-bottom:10px;text-align:center;width:50%}.add-daily-goal button,.add-habit button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;min-width:150px;padding:8px 12px}.add-daily-goal button:hover,.add-habit button:hover{background-color:#5ccfe6}.icon-selection{margin-bottom:10px;text-align:center}.icon-selection label{display:block;margin-bottom:5px}.icon-options{display:flex;justify-content:center}.icon-option{border:2px solid #0000;border-radius:4px;cursor:pointer;font-size:1.5rem;margin:0 5px;padding:5px}.icon-option.selected{background-color:#000}.habit-checkmark.clicked{animation:click-animation .3s ease-in-out}@keyframes click-animation{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}@media (max-width:600px){.cardhabit{margin-top:37px;padding:15px}}.light-theme .icon-option{color:#fff!important}.light-theme .h1-card-home,.light-theme .home-card{background-color:#2a2e3a}.light-theme .home-card{color:#fff}.modal-overlay{align-items:center;background:#1e1e1ed9;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-card{animation:slideFadeIn .25s ease;background:#fff;border-radius:1rem;box-shadow:0 10px 25px #00000059;color:#2c2c2c;font-family:Segoe UI,sans-serif;max-height:85vh;max-width:480px;overflow-y:auto;padding:2rem;width:100%}.modal-card h2{color:#333;font-size:1.5rem;margin-top:0}.modal-card p{line-height:1.6;margin:1rem 0}.modal-card ol{margin:1rem 0;padding-left:1.5rem}.modal-card li{line-height:1.5;margin-bottom:.8rem}.modal-close-btn{background-color:#00c897;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:1.5rem;padding:.7rem 1.5rem;transition:background-color .2s ease}.modal-close-btn:hover{background-color:#00a97a}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#98c379;--secondary-color:#1e1e2f;--accent-color:#6272a4;--highlight-color:#4c9f70;--medium-priority-color:#4c9f70;--card-bg-color:#2a2a40;--hover-blue:#5ccfe6;--border-radius:12px;--box-shadow:0 4px 12px #00000040}body{background:#1e1e2f;background:var(--background-color);padding:2rem 1rem}.h1-card{background-color:#1e1e2f;background-color:var(--secondary-color);margin:.5rem auto}.h1-card,.h1-card-contact{border:1px solid #6272a4;border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;max-width:960px;padding:.3rem 1rem;text-align:center;width:95%}.h1-card-contact{background-color:#2a2e3a;margin:30px auto .5rem}.h1-card-contact h1{color:#5ccfe6;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:.1rem 0}.form-card-contact p{font-size:1rem;margin-bottom:1.5rem}.form-card{background-color:#2a2e3a;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000040;box-shadow:var(--box-shadow);margin:2rem auto;max-width:960px;padding:2rem;text-align:center;width:95%}.form-card p{color:#fff;font-size:1rem;margin-bottom:1.5rem}.contact-form input,.contact-form textarea{background:#f5f5f5;border:none;border-radius:12px;border-radius:var(--border-radius);color:#000;font-size:1rem;margin-bottom:1rem;padding:1rem;width:100%}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background-color:#98c379;background-color:var(--primary-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background .3s}.contact-form button:hover{background-color:#5ccfe6;background-color:var(--hover-blue)}.status{font-size:.95rem;font-style:italic;margin-top:1rem}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{padding-top:70px}.home-main-content,.main-content{display:flex;flex:1 1;flex-direction:column}.home-main-content{padding-top:35px}.app-footer{background-color:#111;background-color:var(--background-color,#111);border-top:1px solid #333;color:#ccc;color:var(--text-color,#ccc);font-size:.9rem;padding:1rem;text-align:center}.coffee-link{color:#5ccfe6;color:var(--primary-color,#5ccfe6);font-weight:700;text-decoration:none}.coffee-link:hover{text-decoration:underline}.dark-theme .app-footer{background-color:#1e1e2f;border-top:1px solid #333;color:#f2f2f2}.home-container{background:var(--background-color);color:var(--text-color);margin:0 auto;max-width:min(1400px,95vw);padding:1.25rem 1.5rem}.home-header{color:#fff;margin-bottom:1rem;text-align:center}.home-logo{margin-bottom:1rem;max-width:80px}.home-header h1{color:#5ccfe6;font-size:2.8rem;margin:-20px 0 .5rem}.subtitle{font-size:1.2rem;line-height:1.6}.home-buttons{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;max-width:100%}.home-btn,.home-buttons{align-items:center;display:flex}.home-btn{background-color:var(--primary-color);border-radius:14px;box-shadow:0 2px 8px #00000014;color:#fff;flex-shrink:0;font-size:1.05rem;font-weight:600;gap:.7rem;justify-content:flex-start;margin:0 auto;max-width:400px;min-width:150px;outline:none;padding:.65rem 1.2rem .65rem 1.5rem;text-align:left;text-decoration:none;transition:background .3s,transform .2s,box-shadow .2s;width:100%}.home-btn:focus,.home-btn:hover{background-color:#5ccfe6;box-shadow:0 4px 16px #00000021;color:#fff;transform:translateY(-2px) scale(1.04)}.home-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.home-btn svg{align-self:center;display:inline-block;font-size:1.25em;margin-bottom:0;margin-right:.7em;vertical-align:middle}.home-btn .fa-file-alt{position:relative;top:-2px}.home-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.home-card-link{color:inherit;text-decoration:none}.home-card{align-items:center;background-color:var(--card-bg-color);border-radius:18px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:1.2rem;padding:1.5rem 1rem 1.1rem;text-align:center;transition:transform .2s,box-shadow .3s}.home-card:focus,.home-card:hover{box-shadow:0 8px 24px #0000002e;color:#5ccfe6;outline:2px solid #5ccfe6;transform:translateY(-3px) scale(1.02)}.h1-card-home{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:10px;box-shadow:0 2px 6px #0003;margin:0 auto 4px;padding:.4rem 1.2rem;text-align:center;width:100%}.h1-card-home h1{color:#5ccfe6;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:.1rem 0}.h-cards{background-color:var(--card-bg-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto;max-width:960px;padding:.3rem 1rem;text-align:center;width:95%}.home-card h2{color:#5ccfe6;font-size:1.5rem;margin-bottom:.75rem}.home-card p{color:#fff;font-size:1rem;line-height:1.5}.home-icon{align-self:center;display:inline-block;font-size:2rem;margin-bottom:.5rem;margin-right:0;vertical-align:middle}.support-card a{color:#6ee7b7;text-decoration:underline}.support-card a:hover{color:var(--secondary-color)}.home-video-card{background-color:var(--card-bg-color);border:none;border-radius:10px;box-shadow:0 2px 6px #0003;box-sizing:border-box;margin:1rem auto;max-width:100%;min-height:300px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:transform .2s,box-shadow .3s;width:100%}.home-video-card:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.home-video-card:focus{outline:2px solid var(--accent-color);outline-offset:2px}.video-heading{color:var(--text-color);font-size:1.4rem;margin-bottom:1rem}.video-wrapper{aspect-ratio:16/9;border-radius:8px;box-shadow:0 2px 8px #00000026;box-sizing:border-box;margin:.5rem 0 0;max-width:100%;min-height:200px;overflow:hidden;padding-bottom:56.25%;position:relative;transition:box-shadow .3s;width:100%}.video-wrapper:before{content:"";display:block;padding-bottom:56.25%}@media (supports (aspect-ratio:16/9)){.video-wrapper:before{display:none}}.video-wrapper:hover{box-shadow:0 4px 16px #0003}.video-wrapper .react-youtube,.video-wrapper .video-frame,.video-wrapper iframe{border:none;border-radius:8px;box-sizing:border-box;height:100%;left:0;max-width:100%;position:absolute;top:0;width:100%;z-index:1}@media (max-width:480px){.h1-card-home{border-radius:8px;margin-bottom:2px;margin-top:2px!important;padding:.25rem .7rem}.home-btn{font-size:.9rem;padding:.6rem .8rem .6rem 1rem}.home-card{padding:.8rem .5rem .6rem}.home-video-card{margin:.2rem auto;padding:.3rem}.video-wrapper{aspect-ratio:3/2;margin:.1rem 0 0;min-height:160px}.video-heading{font-size:.9rem;margin-bottom:.3rem}}@media (max-width:768px){.home-video-card,.video-wrapper{max-width:100%;overflow:hidden;width:100%}.video-wrapper{min-height:180px;min-width:0;min-width:auto}.video-wrapper .react-youtube,.video-wrapper .video-frame,.video-wrapper iframe{border-radius:6px;height:100%;max-width:100%;overflow:hidden;width:100%}}@media (max-width:537px){.home-video-card{margin:.3rem auto;padding:.4rem}.video-wrapper{aspect-ratio:4/3;margin:.2rem 0 0;min-height:180px}.video-heading{font-size:1.1rem;margin-bottom:.6rem}}@media (max-width:550px){.home-container{padding:.5rem}.home-video-card{margin:.5rem auto;min-height:220px;padding:.5rem}.video-wrapper{margin:.3rem 0 0;min-height:160px}}@media (min-width:769px) and (max-width:1023px){.home-video-card,.video-wrapper{max-width:100%;overflow:hidden;width:100%}.video-wrapper{min-height:200px;min-width:0;min-width:auto}.video-wrapper .react-youtube,.video-wrapper .video-frame,.video-wrapper iframe{height:100%;max-width:100%;overflow:hidden;width:100%}}@media (max-width:768px){.home-container{max-width:95vw;padding:.75rem 1rem}.home-sections{gap:1.2rem;grid-template-columns:1fr}.home-header h1{font-size:1.2rem}.subtitle{font-size:1rem}.home-buttons{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:1.2rem}.home-btn{border-radius:12px;font-size:1rem;justify-content:flex-start;max-width:100%;padding:.7rem 1rem .7rem 1.2rem;text-align:left}.home-card{border-radius:14px;margin-bottom:1.1rem;padding:1rem .7rem .8rem}.home-icon{color:#fff;font-size:1.7rem;margin-bottom:6px}.h1-card-home{border-radius:8px;margin-bottom:1rem;margin-top:.3rem;padding:.25rem .7rem}.home-header{margin-bottom:.4rem}.home-video-card{box-sizing:border-box;margin-bottom:12px;margin-top:10px;min-height:250px;padding:.8rem}.home-video-card,.video-wrapper{max-width:100%;overflow:hidden;width:100%}.video-wrapper{min-height:180px}.light-theme .nav-link{color:#fff}}.light-theme .home-btn{background-color:#5ccfe6;color:#fff}.dark-theme .icon-option,.icon-option,.light-theme .home-card p{color:#fff}.light-theme .icon-option{color:#000}.dark-theme,.light-theme{--nav-text-color:#fff}.nav-link{color:var(--nav-text-color)}@media (min-width:769px) and (max-width:1024px){.home-container{max-width:min(1200px,95vw);padding:1rem 1.25rem}.home-buttons{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center}.home-btn{font-size:1rem;min-width:45%;padding:.7rem 1.2rem}.home-sections{gap:1.5rem;grid-template-columns:1fr 1fr}.home-card{padding:1.2rem .8rem 1rem}}@media (min-width:769px) and (max-width:900px){.home-container{max-width:min(1100px,95vw)}.home-buttons{gap:.5rem}.home-btn{font-size:.95rem;min-width:48%;padding:.6rem 1rem}}@media (min-width:1200px){.home-container{max-width:1400px;padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1400px){.home-container{max-width:1600px;padding-left:3rem;padding-right:3rem}}@media (min-width:1800px){.home-container{max-width:1800px;padding-left:3.5rem;padding-right:3.5rem}}.home-container,body,html{overflow-x:hidden}:root{--background-color:#1e1e2f;--card-bg-color:#2a2e3a;--text-color:#f8f8f2;--primary-color:#5ccfe6;--secondary-color:#4b5060;--accent-color:#5ccfe6;--highlight-color:#89d185;--medium-priority-color:#50fa7b;--copied-color:#4c9f70;--task-text-color:#abb2bf;--border-radius:6px;--transition-speed:0.3s;--button-text-color:#fff;--input-border-color:var(--accent-color);--link-color:var(--accent-color);--link-hover-color:var(--primary-color)}.light-theme{--background-color:#fff;--card-bg-color:#2a2e3a;--text-color:#1e1e2f;--primary-color:#5ccfe6;--secondary-color:#f0f0f0;--accent-color:#6272a4;--highlight-color:#89d185;--medium-priority-color:#50fa7b;--copied-color:#4c9f70;--task-text-color:#44475a}.dark-theme{--background-color:#1e1e2f;--card-bg-color:#2a2e3a;--text-color:#f8f8f2;--primary-color:#5ccfe6;--secondary-color:#4b5060;--accent-color:#5ccfe6;--highlight-color:#89d185;--medium-priority-color:#50fa7b;--copied-color:#4c9f70;--task-text-color:#abb2bf}*{box-sizing:border-box}body{background-color:#1e1e2f;background-color:var(--background-color);color:#f8f8f2;color:var(--text-color);font-family:Consolas,Monaco,monospace;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}#root{display:flex;flex-direction:column;min-height:100vh}body.dark-theme,body.light-theme{transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}button,input,select,textarea{background-color:#4b5060;background-color:var(--secondary-color);border:1px solid #5ccfe6;border:1px solid var(--input-border-color);border-radius:6px;border-radius:var(--border-radius);color:#f8f8f2;color:var(--text-color);font-size:1em;padding:8px 12px;transition:background-color .3s ease,border-color .3s ease,transform .3s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,transform var(--transition-speed) ease}button{cursor:pointer}button:hover{background-color:#5ccfe6;background-color:var(--primary-color);transform:scale(1.02)}button:focus{outline:2px solid #5ccfe6;outline:2px solid var(--accent-color);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:#5ccfe6;border-color:var(--accent-color);box-shadow:0 0 5px #5ccfe680;outline:none}a{color:#5ccfe6;color:var(--link-color);text-decoration:none;transition:color .3s ease;transition:color var(--transition-speed) ease}a:hover{color:#5ccfe6;color:var(--link-hover-color)}input,select,textarea{max-width:100%;width:100%}button{border:none}button.primary{background-color:#5ccfe6;background-color:var(--primary-color);border-radius:6px;border-radius:var(--border-radius);color:#fff;color:var(--button-text-color);padding:10px 20px}button.primary:hover{background-color:#5ccfe6;background-color:var(--accent-color);transform:scale(var(--button-hover-scale))}:focus-visible{outline:2px dashed #5ccfe6;outline:2px dashed var(--accent-color);outline-offset:4px}
/*# sourceMappingURL=main.ae8bbe5a.css.map*/