.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;gap:10px;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;position:relative;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)}.more-dropdown{display:none;position:relative}.more-dropdown-btn{background-color:initial;border:none;color:var(--nav-text-color);cursor:pointer;font-size:1em;padding:10px 5px;position:relative;transition:color .4s ease,transform .4s cubic-bezier(.23,1,.32,1)}.more-dropdown-btn:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .75s ease}.more-dropdown-btn:hover{color:#5ccfe6;text-shadow:0 0 5px #5ccfe666;transform:scale(1.08) translateY(-2px)}.more-dropdown-btn:hover:after{transform:scaleX(1)}.more-dropdown-menu{animation:dropdownFadeIn .2s ease;background-color:#2a2e3a;border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 4px 12px #0000004d;list-style:none;margin:5px 0 0;min-width:150px;padding:10px 0;position:absolute;right:0;top:100%;z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.more-dropdown-menu li{padding:0}.more-dropdown-menu .nav-link{display:block;font-size:1em;padding:10px 20px}.more-dropdown-menu .nav-link:after,.more-dropdown-menu .nav-link:before{display:none}.more-dropdown-menu .nav-link:hover{background-color:#5ccfe61a}.always-visible-nav-item{display:flex}@media (max-width:1213px) and (min-width:769px){.always-visible-nav-item{display:none}.more-dropdown{display:flex}}@media (max-width:768px){.more-dropdown{display:none}.always-visible-nav-item{display:flex}}.theme-toggle-btn{align-items:center;background-color:initial;border:1px solid var(--accent-color);border-radius:50%;color:#5ccfe6;cursor:pointer;display:flex;height:40px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:40px}.theme-toggle-btn svg{height:20px;transition:transform .3s ease;width:20px}.theme-toggle-btn:hover{background-color:#5ccfe626;border-color:#5ccfe6;box-shadow:0 4px 8px #5ccfe64d}.theme-toggle-btn:hover svg{transform:rotate(15deg) scale(1.1)}.theme-toggle-btn:active{transform:scale(.95)}.buy-coffee-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;display:flex;font-weight:700;gap:6px;justify-content:center;padding:8px 12px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.buy-coffee-btn .coffee-icon{font-size:1.3rem;line-height:1}.buy-coffee-btn .coffee-text{font-size:.75rem;font-weight:600;line-height:1}.buy-coffee-btn:hover{background-color:#5ccfe6;box-shadow:0 4px 8px #5ccfe64d;color:#fff;transform:translateY(-2px)}.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}.theme-toggle-btn{font-size:1.1rem;height:36px;width:36px}.buy-coffee-btn{padding:6px 10px}.buy-coffee-btn .coffee-icon{font-size:1.2rem}.buy-coffee-btn .coffee-text{font-size:.7rem}}@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}.theme-toggle-btn{font-size:1rem;height:34px;width:34px}.buy-coffee-btn{padding:4px 8px}.buy-coffee-btn .coffee-icon{font-size:1.1rem}.buy-coffee-btn .coffee-text{font-size:.65rem}}@media (max-width:480px){.logo-text,.nav-link{font-size:1.1em}.nav-link{padding:14px 16px}.nav-links li{max-width:280px}.nav-links{gap:16px;padding:20px 15px}.theme-toggle-btn{font-size:.95rem;height:32px;width:32px}.buy-coffee-btn{padding:4px 8px}.buy-coffee-btn .coffee-icon{font-size:1.1rem}.buy-coffee-btn .coffee-text{font-size:.65rem}}@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:20px;height:calc(100vh - 70px);justify-content:center;left:0;opacity:0;overflow-y:auto;padding:30px 20px;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{max-width:300px;text-align:center;width:100%}.nav-links li.always-visible-nav-item{display:flex;max-width:300px;width:100%}.nav-link{background-color:#5ccfe60d;border:1px solid #0000;border-radius:8px;color:#fff;display:block;font-size:1.2em;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-decoration:none;transition:all .3s ease;width:100%}.nav-link.active,.nav-link:hover{background-color:#5ccfe626;border-color:#5ccfe64d;color:#5ccfe6;transform:scale(1.02)}.dark-theme .nav-link.active,.dark-theme .nav-link:hover,.light-theme .nav-link.active,.light-theme .nav-link:hover{color:#5ccfe6;transform:scale(1.05)}.theme-toggle-btn{font-size:1rem;height:34px;margin-right:8px;width:34px}.buy-coffee-btn{padding:5px 10px;text-align:center;width:auto}.buy-coffee-btn .coffee-icon{font-size:1.2rem}.buy-coffee-btn .coffee-text{font-size:.7rem}.hamburger{display:flex}.mobile-visible{display:inline-flex}.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}button:hover{transform:scale(1.05)}.TimerApp{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;margin:0 auto;max-width:min(1300px,92vw);min-height:100vh;padding:1.25rem 1.5rem;text-align:center}@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:var(--card-bg-color);min-height:450px}}.TimerApp .card{background-color:var(--card-bg-color);border-radius:var(--border-radius);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:var(--primary-color);font-size:1.3em;margin-bottom:15px;margin-top:0}.TimerApp .h1-card-splitter,.TimerApp .h1-card-timer{background-color:var(--card-bg-color);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:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.timer-container{padding:8px 0;width:100%}.timer-container,.timer-container .card{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:flex-start}.timer-container .card{background-color:var(--card-bg-color);padding:16px}.mode-indicator{color:var(--primary-color);font-size:1.1em;font-weight:500;text-align:center}.mode-indicator,.mode-selector{flex-shrink:0;margin-bottom:4px;width:100%}.mode-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.mode-selector button{background-color:var(--secondary-color);border:none;border-radius:6px;color:var(--text-color);cursor:pointer;font-size:1em;min-height:40px;min-width:100px;padding:10px 20px;transition:background-color var(--transition-speed),transform .2s}.mode-selector button.active{background-color:var(--primary-color);color:#fff}.mode-selector button:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale))}.timer-display{align-items:center;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:var(--secondary-color);border-radius:5px;flex-shrink:0;height:10px;margin:4px 0;max-width:600px;overflow:hidden;width:100%}.progress{background-color:var(--primary-color);height:100%;transition:width .3s ease}.timer-buttons{display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:4px;padding-top:0;width:100%}.timer-buttons button{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 var(--transition-speed),transform .2s}.timer-buttons button:hover{background-color:var(--accent-color);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:var(--card-bg-color);justify-content:space-between;padding:24px;position:relative}.youtube-container h3{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:var(--primary-color);border:none;border-radius:6px;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 var(--transition-speed),transform .2s}.video-controls-row button:hover{background-color:var(--accent-color);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:var(--primary-color);border:none;border-radius:6px;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 var(--transition-speed),transform .2s}.manage-sound-button:hover{background-color:var(--accent-color);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:var(--primary-color);font-weight:600;margin-bottom:3px}.task-input-container .form-row input{background-color:var(--background-color);border:2px solid var(--secondary-color);border-radius:6px;box-sizing:border-box;color:var(--text-color);font-size:1em;min-height:44px;padding:12px 16px;transition:border-color var(--transition-speed)}.task-input-container .form-row input:focus{border-color:var(--primary-color);outline:none}.add-task-button{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 var(--transition-speed),transform .2s;width:100%}.add-task-button:hover{background-color:var(--accent-color);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:var(--secondary-color);border-radius:3px}.task-list-wrapper::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.task-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.task-item{grid-gap:8px;align-items:center;background-color:var(--secondary-color);border-radius:6px;display:grid;gap:8px;grid-template-columns:auto 1fr auto;margin-bottom:10px;min-height:44px;padding:12px;transition:background-color var(--transition-speed) ease}.task-item input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.task-item:hover{background-color:var(--accent-color)}.task-item.completed{opacity:.6;text-decoration:line-through}.task-text{color:var(--text-color);font-size:.95em}.task-pomodoros{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:var(--secondary-color);border-radius:3px}.session-log .log-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.session-log .log-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.empty-log{color:var(--secondary-color);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:var(--background-color);border-radius:4px;color:var(--text-color);display:flex;font-size:.95em;margin-bottom:8px;min-height:44px;padding:12px;transition:background-color var(--transition-speed) ease}.log-entry:hover{background-color:var(--accent-color)}.log-entry-icon{color:var(--highlight-color);font-size:1.2em;margin-right:10px}.music-modal,.settings-modal{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);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:var(--primary-color);margin-bottom:15px;text-align:center}.music-modal .track-url,.settings-modal label{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: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 var(--transition-speed)}.music-modal button:hover,.settings-modal button:hover{background-color:var(--accent-color)}@media screen and (max-width:768px){.TimerApp{max-width:95vw;padding:.75rem 1rem}.TimerApp .h1-card-timer{border-radius:8px;margin:.3rem auto 1rem;padding:.25rem .7rem}.row{gap:16px;justify-content:stretch}.row,.row .col{margin-bottom:16px}.row .col{max-width:100%!important;min-width:0!important;width:100%}.card{background-color:var(--card-bg-color);min-height:400px;padding:16px}.TimerApp .timer-container .card{margin-top:0}.timer-container{gap:6px;padding:6px 0}.timer-container .card{background-color:var(--card-bg-color);gap:6px;padding:12px}.mode-indicator{font-size:1.1em;margin-bottom:4px}.mode-selector{flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:4px}.mode-selector button{flex:1 1;font-size:.9em;max-width:110px;min-height:44px;min-width:80px;padding:10px 16px}.timer-display{font-size:clamp(3.5rem,10vw,4.5rem);margin:10px 0}.timer-buttons{flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.timer-buttons button{flex:1 1;font-size:.9em;max-width:110px;min-height:44px;min-width:80px;padding:10px 16px}.progress-bar{height:8px;margin:4px 0}.youtube-container{gap:15px;padding:15px 0}.TimerApp .youtube-container .card{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{flex-wrap:wrap;gap:10px;justify-content:center}.video-controls-row button{flex:1 1;font-size:.85em;height:44px;max-width:120px;min-width:90px;padding:10px 16px}.manage-sound-button{height:44px;max-width:200px;min-width:90px;padding:10px 16px;width:100%}}@media screen and (min-width:768px) and (max-width:1023px){.TimerApp{max-width:min(1300px,92vw);padding:1rem 1.25rem}.row{gap:18px;margin-bottom:25px}.card{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(1300px,92vw)}.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: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: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: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){.add-task-button,.manage-sound-button,.mode-selector button,.task-item input[type=checkbox],.timer-buttons button,.video-controls-row button{min-height:44px;min-width:44px}.task-item input[type=checkbox]{min-height:20px;min-width:20px}button,input[type=number],input[type=text]{min-height:44px;touch-action:manipulation}}@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%}.session-log .log-list,.task-list-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input[type=number],input[type=text]{font-size:16px}}@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){.row .col{max-width:100%!important;min-width:0!important}.TimerApp .card{background-color:var(--card-bg-color);min-height:300px;padding:18px}.timer-container .card{background-color:var(--card-bg-color);gap:6px;padding:14px}.timer-container{gap:6px;padding:4px 0}.row{gap:8px}.row,.row .col{margin-bottom:8px;margin-top:0}.TimerApp .row{gap:8px;margin-bottom:8px}.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{font-size:1.1em;margin-bottom:6px}.mode-selector{gap:8px;margin-bottom:6px}.mode-selector button{font-size:.9em;min-height:44px;min-width:80px;padding:10px 16px}.timer-display{font-size:clamp(3rem,8vw,4rem);margin:8px 0}.timer-buttons{gap:8px;margin-top:6px}.timer-buttons button{font-size:.9em;min-height:44px;min-width:80px;padding:10px 16px}.progress-bar{height:12px;margin:6px 0}.row .col:first-child{margin-top:0;padding-top:0}.row .col .card{background-color:var(--card-bg-color);margin-top:0}.task-input-container .form-row input{font-size:.95em;min-height:44px;padding:10px 14px}.add-task-button{font-size:.95em;min-height:44px;padding:10px 20px}.task-item{gap:6px;min-height:44px;padding:10px}.task-item input[type=checkbox]{height:18px;width:18px}.task-text{font-size:.9em}.task-pomodoros{font-size:.85em}.log-entry{font-size:.9em;min-height:44px;padding:10px}.log-entry-icon{font-size:1.1em;margin-right:8px}}@media screen and (max-width:390px){.TimerApp{padding:.5rem}.TimerApp .card{background-color:var(--card-bg-color);min-height:320px;padding:16px}.timer-container .card{gap:4px;padding:12px}.timer-container{gap:4px;padding:3px 0}.row{gap:6px}.row,.row .col{margin-bottom:6px;margin-top:0}.TimerApp .row{gap:6px;margin-bottom:6px}.mode-indicator{font-size:1em;margin-bottom:4px}.mode-selector{gap:6px;margin-bottom:4px}.mode-selector button{font-size:.85em;min-height:44px;min-width:70px;padding:8px 12px}.timer-display{font-size:clamp(2.5rem,7vw,3.5rem);margin:6px 0}.timer-buttons{gap:6px;margin-top:4px}.timer-buttons button{font-size:.85em;min-height:44px;min-width:70px;padding:8px 12px}.progress-bar{height:6px;margin:2px 0}.TimerApp .h1-card-timer{border-radius:8px;margin:.2rem auto .4rem;padding:.25rem .9rem}.TimerApp .h1-card-timer h1{font-size:clamp(1.2rem,2.5vw,1.75rem)}.timer-container{margin-top:0;padding-top:2px}.timer-container .card{margin-top:0}.row .col:first-child{margin-top:0;padding-top:0}.row .col .card{background-color:var(--card-bg-color);margin-top:0}.task-input-container .form-row input{font-size:.9em;min-height:44px;padding:8px 12px}.add-task-button{font-size:.9em;min-height:44px;padding:8px 16px}.task-item{gap:4px;min-height:44px;padding:8px}.task-item input[type=checkbox]{height:16px;width:16px}.task-text{font-size:.85em}.task-pomodoros{font-size:.8em}.log-entry{font-size:.85em;min-height:44px;padding:8px}.log-entry-icon{font-size:1em;margin-right:6px}.youtube-container .card{padding:16px}.youtube-container h3{font-size:1em}.TimerApp .card h3{margin-top:.5rem}.manage-sound-button,.video-controls-row button{font-size:.8em;height:44px;min-width:70px;padding:8px 12px}}@media screen and (max-width:480px){.TimerApp .card{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:6px}.row,.row .col{margin-bottom:6px;margin-top:0}.TimerApp .row{gap:6px;margin-bottom:6px}.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: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 .timer-display{color:var(--primary-color)}.light-theme .modal-content{background:var(--card-bg-color);color:var(--primary-color)}.light-theme .form-row label,.light-theme .modal-header h2,.modal-header h2{color:var(--primary-color)}.light-theme .mode-selector button.active{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;color:var(--text-color);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}@keyframes pulse-glow{0%{text-shadow:0 0 5px var(--highlight-color);transform:scale(1)}50%{text-shadow:0 0 15px var(--highlight-color),0 0 30px var(--highlight-color);transform:scale(1.05)}to{text-shadow:0 0 5px var(--highlight-color);transform:scale(1)}}.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}button{align-items:center;background-color:var(--primary-color);border-radius:6px;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 var(--transition-speed),transform var(--transition-speed)}button:hover{background-color:var(--accent-color);transform:translateY(-2px)}.splitter-container{align-items:center;background-color:var(--background-color);color:var(--primary-color);display:flex;flex-direction:column;margin:0 auto;max-width:min(1300px,92vw);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:100%;min-width:0}@media (min-width:768px){.row.bottom-row,.row.main-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.single-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:40px;width:100%}.row.bottom-row .col,.row.main-row .col,.row.single-row .col,.row.top-row .col{margin:0}.row.bottom-row .card,.row.main-row .card,.row.single-row .card,.row.top-row .card{background-color:var(--card-bg-color);display:flex;flex-direction:column;height:100%;min-height:450px}.text-input-card{min-height:180px}.controls-card{min-height:280px}.text-input-card .splitter-textarea{min-height:120px}}@media screen and (max-width:768px){.splitter-container{align-items:stretch;max-width:95vw;padding:.75rem 1rem}.text-input-container{margin-bottom:.2rem}.splitter-textarea{font-size:.9rem;min-height:15px;padding:.3rem}.char-counter{bottom:.7rem;font-size:.8rem;right:1.2rem}.row{flex-direction:column;gap:.2rem;margin-bottom:.2rem}.row .col{margin-bottom:16px;max-width:100%!important;min-width:0!important;width:100%}.button-group{gap:.6rem;grid-template-columns:1fr;max-width:100%}.control-button{font-size:.9rem;max-width:none;min-height:42px;padding:.6rem 1rem;width:100%}.chunk-list{align-items:center;flex-direction:column;margin-bottom:.2rem;padding:1rem}.chunk-button{font-size:.85rem;max-width:280px;padding:.6rem 1rem;width:100%}.h1-card-splitter{margin:.3rem auto .8rem;padding:.3rem .9rem}.h1-card-splitter h1{font-size:1.4rem}.card{margin-bottom:.2rem;min-height:auto;padding:1rem .7rem .8rem}.control-panel{gap:.8rem;margin-top:.8rem}.h1-card-splitter{border-radius:8px;margin-bottom:1rem;margin-top:.3rem;padding:.25rem .7rem}.splitter-container .home-video-cards{box-sizing:border-box;margin-bottom:12px;margin-top:15px;max-width:100%;min-height:250px;overflow:hidden;padding:.8rem;width:100%}.video-wrapper{max-width:100%;min-height:180px;overflow:hidden;width:100%}.splitter-header{margin-bottom:.5rem}}@media screen and (max-width:550px){.splitter-container{max-width:95vw;padding:.5rem}.row{gap:.15rem;margin-bottom:.15rem;margin-top:0}.row .col{margin-bottom:.3rem;margin-top:0}.chunk-list{margin-bottom:.3rem;padding:.8rem}.control-panel{gap:.6rem;margin-top:.6rem}.card{margin-bottom:.3rem;padding:1rem}.h1-card-splitter{margin-bottom:.5rem;margin-top:.2rem}.splitter-textarea{font-size:.85rem;min-height:12px;padding:.25rem}.control-button{font-size:.85rem;min-height:40px;padding:.5rem .8rem}.splitter-container .home-video-cards{min-height:220px;padding:.5rem}.video-wrapper{min-height:160px}.splitter-header{margin-bottom:1.5rem}}@media screen and (min-width:769px) and (max-width:1024px){.splitter-container{padding:1rem 1.25rem}}@media screen and (max-width:480px){.splitter-container{align-items:stretch;max-width:90vw;padding:.5rem}.card{margin-bottom:.3rem;padding:.8rem .5rem .6rem}.h1-card-splitter{border-radius:8px;margin-bottom:.6rem;margin-top:.3rem;padding:.25rem .7rem}.splitter-textarea{font-size:.85rem;min-height:8px;padding:.2rem}.char-counter{bottom:.6rem;font-size:.75rem;padding:.15rem .3rem;right:.8rem}.h1-card-splitter h1{font-size:1.2rem}.row{gap:.2rem;margin-bottom:.2rem;margin-top:0}.row .col{margin-bottom:.3rem;margin-top:0}.chunk-list{margin-bottom:.3rem;padding:.6rem}.control-panel{gap:.5rem;margin-top:.5rem}.control-button{padding:.4rem .7rem}.chunk-button,.control-button{font-size:.8rem;min-height:38px}.chunk-button{padding:.5rem .8rem}.splitter-container .home-video-cards{margin:.2rem auto;min-height:220px;padding:.3rem}.video-wrapper{aspect-ratio:3/2;margin:.1rem 0 0;min-height:160px}.splitter-header{margin-bottom:1rem}}@media screen and (max-width:390px){.splitter-container{padding:.5rem}.splitter-container .card{background-color:var(--card-bg-color);min-height:320px;padding:16px}.h1-card-splitter{border-radius:8px;margin-bottom:.4rem;margin-top:.2rem;padding:.25rem .9rem}.h1-card-splitter h1{font-size:1.15rem}.splitter-textarea{font-size:.8rem;min-height:5px;padding:.15rem}.control-panel{gap:.4rem;margin-top:.4rem}.control-button{padding:.35rem .6rem}.chunk-button,.control-button{font-size:.75rem;min-height:36px}.chunk-button{padding:.4rem .7rem}.chunk-list{margin-bottom:.25rem;padding:.5rem}.char-counter{bottom:.5rem;font-size:.7rem;padding:.1rem .25rem;right:.7rem}}@media (max-width:430px) and (min-height:900px){.splitter-container{padding:.75rem 1rem}.h1-card-splitter{border-radius:8px;margin-bottom:1.5rem;margin-top:.5rem;padding:.4rem 1rem}.h1-card-splitter h1{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:.5rem}}@media (min-width:768px) and (max-width:1024px){.button-group{grid-template-columns:repeat(2,1fr);max-width:100%}.ai-summary-btn{grid-column:1}.clear-text-btn{grid-column:2}.help-btn{grid-column:span 2}.control-button{font-size:.9rem;padding:.7rem 1.2rem}}@media (min-width:900px) and (max-width:1000px){.button-group{gap:.75rem;grid-template-columns:repeat(2,1fr)}.control-button{font-size:.85rem;min-height:42px;padding:.6rem 1rem}}@media (min-width:1025px){.button-group{gap:1.25rem;grid-template-columns:repeat(2,1fr);max-width:700px}.ai-summary-btn{grid-column:1}.clear-text-btn{grid-column:2}.help-btn{grid-column:span 2}}.card{background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;padding:1.5rem 1rem 1.1rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.card h2,.card h3{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:0}.splitter-header{color:#fff;margin-bottom:1rem;text-align:center;width:100%}.h1-card-splitter{background-color:var(--card-bg-color);border:1px solid var(--primary-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto 1rem;max-width:none;padding:.4rem 1.2rem;text-align:center;width:100%}.h1-card-splitter h1{color:var(--primary-color);font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.chunk-list{background-color:var(--card-bg-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;min-height:80px;padding:2rem;width:100%}.chunk-button,.chunk-list{align-items:center;display:flex;justify-content:center}.chunk-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:.75rem 1.25rem;transition:all var(--transition-speed)}.chunk-button:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.chunk-button:active{transform:translateY(0)}.chunk-button.copied{background-color:var(--highlight-color);box-shadow:0 2px 8px #f0c9874d;color:#000}.copy-all-button{align-items:center;background-color:var(--accent-color);border:none;border-radius:var(--border-radius);box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:44px;padding:.75rem 1.5rem;transition:all var(--transition-speed)}.copy-all-button:hover{background-color:var(--highlight-color);box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.copy-all-button:active{transform:translateY(0)}.copy-all-button:disabled{background-color:#666;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.text-splitter{flex:1 1;position:relative}.text-input-container{margin-bottom:20px;width:100%}.text-input-card{max-width:none;min-height:auto;padding:1.5rem;position:relative;width:100%}.text-input-card h2{font-size:1.3rem;margin-bottom:1rem}.controls-card{min-height:auto;padding:1.5rem}.controls-card h2{font-size:1.3rem;margin-bottom:1rem}.splitter-textarea{background-color:var(--background-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:inset 0 2px 4px #0003;box-sizing:border-box;color:var(--primary-color);font-family:Consolas,Monaco,monospace;font-size:1rem;min-height:20px;outline:none;padding:1rem;resize:vertical;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}.splitter-textarea:focus{border-color:var(--primary-color);box-shadow:inset 0 3px 6px #00000040,0 0 5px var(--primary-color)}.char-counter{background-color:var(--card-bg-color);border-radius:4px;bottom:1rem;color:var(--primary-color);font-size:.9em;padding:.25rem .5rem;position:absolute;right:2rem}.control-panel{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;width:100%}.control-panel label{align-items:center;color:var(--primary-color);display:flex;font-weight:500;gap:.75rem}.chunk-size-input{background-color:var(--background-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);font-size:1rem;padding:.75rem;text-align:center;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);width:140px}.chunk-size-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #89d18533;outline:none}.button-group{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);justify-items:stretch;max-width:600px;width:100%}.ai-summary-btn{grid-column:1}.clear-text-btn{grid-column:2}.help-btn{grid-column:span 2}.control-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:48px;padding:.75rem 1.5rem;text-align:center;transition:all var(--transition-speed)}.control-button:hover{background-color:var(--accent-color);box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.control-button:active{transform:translateY(0)}.control-button:disabled{background-color:#666;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.control-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.summary-card{flex:1 1}.summary-card h2{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-top:0}.combined-text{background-color:var(--background-color);border:1px solid var(--accent-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--primary-color);font-family:Consolas,Monaco,monospace;font-size:.9rem;height:200px;margin-bottom:1rem;padding:1rem;resize:vertical;width:100%}.home-video-cards{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-cards:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.home-video-cards:focus{outline:2px solid var(--accent-color);outline-offset:2px}.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}.transcript-card{background-color:var(--background-color);background-color:var(--surface-color,var(--background-color));border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-sizing:border-box;margin:1.5rem auto;max-width:650px;padding:1.5rem;text-align:center;width:100%}.transcript-card h2{color:var(--primary-color);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;letter-spacing:-.015em;margin-bottom:1rem}.transcript-input,.transcript-textarea{background-color:var(--background-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:.95rem;margin-top:1rem;padding:1rem;transition:all .25s ease;width:100%}.transcript-textarea{min-height:150px;resize:vertical}.transcript-input:focus,.transcript-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6ee7b74d;outline:none}.transcript-button,.transcript-paste-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001f;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:1rem;max-width:100%;min-height:48px;padding:.75rem 1.5rem;text-align:center;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease;width:100%}.transcript-button:hover,.transcript-paste-button:hover{background-color:var(--accent-color);box-shadow:0 6px 18px #0000002e;transform:translateY(-1px) scale(1.02)}.transcript-button:active,.transcript-paste-button:active{transform:translateY(0)}.transcript-button:disabled{background-color:#666;box-shadow:none;cursor:not-allowed;transform:none}.transcript-error{background-color:#ef444414;border-left:4px solid #ef4444;border-radius:var(--border-radius);color:#ef4444;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-align:left}@media (max-width:768px){.transcript-card{padding:1.25rem}.transcript-card h2{font-size:1.3rem;margin-bottom:1rem}.transcript-input,.transcript-textarea{font-size:.85rem;margin-top:.8rem;padding:.8rem}.transcript-textarea{min-height:120px}.transcript-button,.transcript-paste-button{font-size:.9rem;min-height:44px;padding:.6rem 1rem}}@media (max-width:480px){.transcript-card{padding:1rem}.transcript-card h2{font-size:1.1rem;margin-bottom:.8rem}.transcript-input,.transcript-textarea{font-size:.8rem;margin-top:.6rem;padding:.7rem}.transcript-textarea{min-height:100px}.transcript-button,.transcript-paste-button{font-size:.85rem;min-height:44px;padding:.6rem .9rem}}@media (max-width:390px){.transcript-card{padding:.9rem}.transcript-card h2{font-size:1rem;margin-bottom:.6rem}.transcript-input,.transcript-textarea{font-size:.75rem;margin-top:.5rem;padding:.6rem}.transcript-textarea{min-height:80px}.transcript-button,.transcript-paste-button{font-size:.8rem;min-height:40px;padding:.5rem .8rem}}@media (min-width:1025px){.transcript-button,.transcript-paste-button{font-size:1.05rem;min-height:52px;padding:.8rem 2rem}}.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:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--text-color);display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;max-height:85vh;max-width:560px;overflow-y:auto;padding:2rem;scrollbar-color:var(--accent-color) var(--card-bg-color);scrollbar-width:thin;width:100%}.splitter-modal-card h2,.splitter-modal-card h3{color:var(--accent-color);margin-bottom:.5rem;margin-top:0}.splitter-modal-card h2{font-size:1.5rem;font-weight:600}.splitter-modal-card h3{font-size:1.25rem;font-weight:600}.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:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;margin-top:1.5rem;min-height:44px;padding:.75rem 1.5rem;transition:background-color var(--transition-speed),transform var(--transition-speed)}.splitter-modal-close:hover{background-color:var(--accent-color);transform:translateY(-2px)}.inline-coffee-link{color:var(--accent-color);font-weight:600;text-decoration:none}.inline-coffee-link:hover{text-decoration:underline}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.splitter-modal-overlay{padding:1rem}.splitter-modal-card{max-height:90vh;padding:1.5rem}.splitter-modal-card h2{font-size:1.25rem}.splitter-modal-card h3{font-size:1.1rem}}.AudioPlayerApp{--button-hover-scale:1.03;--visualizer-bg:#f8f9fa;--content-max:1300px;--ring:0 0 0 3px #6ee7b740}.AudioPlayerApp,body,html{overflow-x:hidden}.AudioPlayerApp{align-items:stretch;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;margin:0 auto;max-width:min(var(--content-max),92vw);min-height:100vh;padding:1.25rem 1.5rem;text-align:center}.h1-card-pulse{background-color:var(--card-bg-color);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%}.h1-card-pulse h1{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}@media (max-width:768px){.h1-card-pulse{border-radius:8px;margin-bottom:1rem;margin-top:.3rem;padding:.25rem .7rem}.h1-card-pulse h1{font-size:1.2rem}}@media screen and (max-width:600px){.h1-card-pulse{margin:.3rem auto 1rem;padding:.35rem 1.1rem}}@media (max-width:480px){.h1-card-pulse{margin:.2rem auto .4rem;padding:.25rem .9rem}}@media (max-width:430px) and (min-height:900px){.h1-card-pulse{border-radius:8px;margin-bottom:.75rem;margin-top:.5rem;padding:.4rem 1rem}.h1-card-pulse h1{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:.5rem}}.pulse-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:1024px){.pulse-grid{align-items:stretch;gap:1.25rem;grid-auto-rows:1fr;grid-template-columns:1fr 1fr}.fullspan,.player-card{grid-column:1/-1}}.pulse-card{align-items:stretch;background-color:var(--card-bg-color);border:1px solid #5ccfe624;border-radius:var(--border-radius);box-shadow:var(--box-shadow);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:.5rem 0;padding:24px;width:100%}.pulse-card.equal{height:100%;min-height:260px}.pulse-card h2,.pulse-card h3{color:var(--primary-color);font-size:1.15rem;letter-spacing:.2px;margin:0 0 16px}.audio-list select,.input-section input{border:1px solid #5ccfe659;border-radius:12px;color:#1e1e2f}.audio-list select,.input-section input,.visualizer-controls select{background-color:#fff;box-sizing:border-box;font-size:1rem;margin:8px auto;max-width:560px;outline:none;padding:12px 14px;transition:border-color var(--transition-speed),box-shadow var(--transition-speed),transform var(--transition-speed);width:100%}.visualizer-controls select{border:2px solid #2196f3;border-radius:12px;color:#1976d2;font-weight:600}.audio-list select:focus,.input-section input:focus,.visualizer-controls select:focus{border-color:var(--accent-color);box-shadow:var(--ring);transform:translateY(-1px)}.input-section{align-items:center}.ghost-btn,.pulse-card button{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.55rem;justify-content:center;margin:8px 0;min-height:46px;padding:.85rem 1.25rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed),border-color var(--transition-speed)}.pulse-card button{background-color:var(--primary-color);box-shadow:0 2px 8px #00000026;color:#fff}.pulse-card button:hover{background-color:var(--accent-color);box-shadow:0 4px 16px #00000040;transform:scale(var(--button-hover-scale))}.pulse-card button:focus{box-shadow:var(--ring);outline:none}.pulse-card button:active{transform:translateY(0)}.pulse-card button:disabled{cursor:not-allowed;opacity:.6;transform:none}.ghost-btn{background-color:#f8f9fa;border:1px solid var(--accent-color);box-shadow:0 2px 8px #00000026;color:#1e1e2f}.ghost-btn:hover{background-color:var(--accent-color);color:#fff}.link-button{background:#0000;border:none;box-shadow:none;color:#495057;max-width:none;min-height:auto;padding:0;width:auto}.link-button:hover{text-decoration:underline;transform:none}.button-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:6px auto 0;max-width:560px;width:100%}@media (max-width:768px){.button-row{align-items:stretch;flex-direction:column}.button-row>*{width:100%}}.form-field label,.visualizer-controls label{color:var(--text-color);font-weight:600}.toggle-btn{min-width:200px}.toggle-btn.on{background:linear-gradient(180deg,#16c48f,#10b981);color:#051612}.toggle-btn.off{background:linear-gradient(180deg,#e9ecef,#dee2e6);border-color:#5ccfe659;color:#495057}.toggle-btn.on:hover{background:linear-gradient(180deg,#22d3a4,#16c48f)}.toggle-btn.off:hover{background:linear-gradient(180deg,#f8f9fa,#e9ecef)}.visualizer-controls{align-items:stretch;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #2196f3;border-radius:12px;margin:.5rem 0;padding:1rem}.visualizer-controls label{color:#1976d2;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #1976d233}.control-row{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:1fr}.form-field{align-items:center;display:flex;flex-direction:column}.form-field label{align-self:flex-start;margin:0 0 6px}.actions{align-items:stretch;display:flex;flex-direction:column;gap:.6rem}@media (min-width:1024px){.control-row{align-items:end;grid-template-columns:1fr 1fr}.form-field{align-items:stretch}.actions{flex-direction:row}}.visualizer{background-color:var(--visualizer-bg);border-radius:18px;box-sizing:border-box;display:flex;justify-content:center;margin:20px 0;overflow:visible;padding:22px;width:100%}.visualizer canvas{border-radius:12px;display:block;height:260px;width:100%}.form-error{background-color:#ef44441a;border:1px solid #ef4444;border-radius:12px;color:#ef4444;margin:.5rem 0;padding:.75rem}.form-error,.help-panel{max-width:560px;text-align:left;width:100%}.help-panel{background-color:#f8f9fa;border:1px solid #5ccfe640;border-radius:12px;color:#1e1e2f;margin-top:1rem;padding:1rem}.help-panel ol{margin:0;padding-left:1.5rem}.help-panel li{margin-bottom:.5rem}.help-panel p{margin:1rem 0 0}.hint{color:#495057;font-size:.9rem;margin-top:.5rem;text-align:center}.hint kbd{background-color:#e9ecef;border:1px solid #adb5bd;border-radius:3px;color:#495057;display:inline-block;font-size:.8rem;font-weight:600;margin:0 2px;padding:2px 6px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.AudioPlayerApp{max-width:95vw;padding:.75rem 1rem}.pulse-card{padding:1rem}}@media (min-width:1280px){:root{--content-max:1280px}}.modal-overlay{background:#ffffffeb;padding:1.5rem;z-index:2000}.modal-card{animation:fadeSlideIn .3s ease;box-shadow:0 10px 25px #0003;color:#1e1e2f;max-width:540px;scrollbar-color:var(--primary-color) #fff;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)}}.water-bottle-container{background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 8px #5ccfe633;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.water-bottle-wrapper{align-items:center;display:flex;gap:1rem;justify-content:center}.water-bottle{cursor:pointer;height:120px;position:relative;transition:transform .2s ease;width:60px}.water-bottle:hover{transform:scale(1.05)}.water-bottle-outline{background:#ffffff1a;border:3px solid var(--primary-color);border-radius:8px 8px 20px 20px;height:100%;overflow:hidden;position:relative;width:100%}.water-fill{background:linear-gradient(180deg,#5ccfe6cc,#5ccfe699 50%,#5ccfe666);border-radius:0 0 16px 16px;bottom:0;transition:height .5s ease}.water-fill,.water-waves{left:0;position:absolute;right:0}.water-waves{height:20px;overflow:hidden;top:0}.wave{animation:wave 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d 25%,#ffffff80 50%,#ffffff4d 75%,#0000);height:100%;position:absolute;width:200%}.wave1{animation-delay:0s;top:0}.wave2{animation-delay:.5s;top:5px}.wave3{animation-delay:1s;top:10px}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.water-bottle-cap{background:var(--primary-color);border-radius:4px 4px 0 0;height:12px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:20px}.water-drink-options{display:flex;gap:.5rem;justify-content:center;padding:.5rem 0}.custom-drink{align-items:center;display:flex;gap:.4rem}.custom-input{background:#ffffff14;border:1px solid var(--accent-color);border-radius:8px;color:#fff;padding:.4rem .5rem;text-align:center;width:70px}.custom-add-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem .75rem}.custom-add-btn:hover{filter:brightness(1.05)}.water-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.water-modal{background:#0e1a23;border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000080;max-width:420px;overflow:hidden;width:90%}.water-modal-header{align-items:center;background:linear-gradient(135deg,#5ccfe626,#5ccfe60d);border-bottom:1px solid #5ccfe64d;display:flex;justify-content:space-between;padding:.75rem 1rem}.water-modal-title{color:var(--primary-color);font-weight:700}.water-modal-close{background:#0000;border:none;color:var(--primary-color);cursor:pointer;font-size:1.25rem}.water-modal-body{padding:1rem}.water-field label{color:var(--primary-color);display:block;font-size:.9rem;margin-bottom:.35rem}.water-field input{background:#0b141b;border:1px solid #5ccfe666;border-radius:8px;color:#e6f7ff;outline:none;padding:.6rem .7rem;width:100%}.water-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ccfe626}.water-modal-footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem 1rem}.water-btn-cancel,.water-btn-save{border:1px solid #5ccfe666;border-radius:8px;cursor:pointer;padding:.5rem .9rem}.water-btn-cancel{background:#0000;color:var(--primary-color)}.water-btn-save{background:var(--primary-color);border-color:var(--primary-color);color:#0b141b;font-weight:700}.drink-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:.5rem .75rem;transition:all .3s ease}.drink-btn:hover{box-shadow:0 2px 8px #5ccfe64d;transform:translateY(-2px) scale(1.05)}.drink-icon{color:#fff;font-size:1.8rem;margin-bottom:.2rem}.drink-oz{background:#0003;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.1rem .3rem}.water-stats{text-align:center}.water-amount{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.current-oz{font-size:1.5rem}.target-oz{font-size:1rem;opacity:.7}.water-glasses{color:var(--primary-color);font-size:.9rem;margin-bottom:.25rem}.water-remaining{color:#fff;font-size:.8rem;font-style:italic}.water-complete{animation:celebration .5s ease-in-out;color:#3498db;font-size:.9rem;font-weight:600}@media (max-width:480px){.water-bottle-container{flex-direction:column;gap:.75rem;padding:.75rem;text-align:center}.water-bottle{height:100px;width:50px}.water-stats{text-align:center}.water-amount{font-size:1.1rem}.current-oz{font-size:1.3rem}}.brush-container{background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa40;border-radius:12px;box-shadow:0 2px 8px #1b84aa26;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.brush-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);width:100%}.brush-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #177da040;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;overflow:hidden;padding:.85rem .75rem;position:relative;transition:all .3s ease}.brush-btn:before{background:linear-gradient(135deg,#ffffff2e,#ffffff14);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.brush-btn:hover{box-shadow:0 6px 18px #177da052;transform:translateY(-3px) scale(1.03)}.brush-btn:hover:before{opacity:1}.brush-btn:active{transform:translateY(0) scale(.98)}.brush-icon-large{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem;margin-bottom:.35rem;transition:transform .3s ease}.brush-btn:hover .brush-icon-large{transform:scale(1.1)}.brush-number{background:#0003;border-radius:6px;font-weight:600;min-width:32px;padding:.2rem .5rem;text-shadow:0 2px 4px #0000004d}.brush-check,.brush-number{align-items:center;color:#fff;display:flex;font-size:1rem;justify-content:center}.brush-check{background:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #5ccfe64d;font-weight:700;height:24px;position:absolute;right:4px;top:4px;width:24px}.brush-btn.completed{background:linear-gradient(135deg,#1b84aaa6,#1b84aa73);border-color:#fff3;opacity:.8}.brush-btn.completed:hover{opacity:.9}.brush-stats{text-align:center}.brush-count{font-size:1.8rem;font-weight:700}.brush-count,.brush-text{color:var(--primary-color);margin-bottom:.5rem}.brush-text{font-size:.95rem;font-weight:500}.brush-complete{animation:brush-celebration .5s ease-in-out;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa73;border-radius:8px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:.5rem;text-align:center}@keyframes brush-celebration{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:480px){.brush-container{padding:.75rem}.brush-buttons{gap:.5rem}.brush-btn{min-height:80px;padding:.75rem .6rem}.brush-icon-large{font-size:1.8rem}.brush-number{font-size:.9rem;padding:.15rem .4rem}.brush-count{font-size:1.5rem}}.workout-container{background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa40;border-radius:12px;box-shadow:0 2px 8px #1b84aa26;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.exercise-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);width:100%}.exercise-btn,.exercise-btn-wrapper{position:relative}.exercise-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #177da040;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;overflow:hidden;padding:.85rem .75rem;transition:all .3s ease;width:100%}.exercise-btn:before{background:linear-gradient(135deg,#ffffff2e,#ffffff14);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.exercise-btn:hover{box-shadow:0 6px 18px #177da052;transform:translateY(-3px) scale(1.03)}.exercise-btn:hover:before{opacity:1}.exercise-btn:active{transform:translateY(0) scale(.98)}.exercise-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.8rem;margin-bottom:.35rem;transition:transform .3s ease}.exercise-btn:hover .exercise-icon{transform:scale(1.1) rotate(5deg)}.exercise-label{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.3rem;text-align:center;text-shadow:0 2px 4px #00000040;transition:transform .3s ease}.exercise-count{background:#ffffffd9;border-radius:999px;color:#0f5167;font-size:.8rem;font-weight:600;margin-top:0;padding:.2rem .55rem}.exercise-metrics{align-items:center;display:flex;gap:.45rem;margin-top:.15rem}.exercise-increment{background:#0e455a73;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.2rem .55rem}.edit-target-btn,.exercise-increment{align-items:center;color:#fff;justify-content:center}.edit-target-btn{background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;cursor:pointer;display:flex;font-family:inherit;font-size:.7rem;padding:.25rem;position:absolute;right:6px;top:6px;transition:all .2s ease;z-index:10}.edit-target-btn:hover{background:#ffffff4d;box-shadow:0 2px 6px #177da059;transform:scale(1.1)}.edit-target-form{align-items:center;background:#07212cf2;border-radius:8px;gap:.3rem;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.edit-target-form,.target-field{display:flex;flex-direction:column}.target-field{align-items:flex-start;gap:.25rem;width:100%}.target-field label{color:#f3fdff;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.target-input{background:#0d3546a6;border:1px solid #ffffff59;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .3rem;text-align:center;width:50px}.target-input:focus{background:#0d3546d9;border-color:#fff;outline:none}.target-buttons{display:flex;gap:.2rem;margin-top:.35rem}.cancel-btn,.save-btn{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.7rem;padding:.25rem .45rem;transition:all .2s ease}.save-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.cancel-btn:hover{background:#ff525259;border-color:#ff52528c}.exercise-btn:hover .exercise-label{transform:translateY(-1px)}.exercise-btn-wrapper.completed .exercise-btn{background:linear-gradient(135deg,#1b84aaa6,#1b84aa73);opacity:.8}.exercise-btn-wrapper.completed .exercise-btn:hover{opacity:.95}.workout-stats{text-align:center}.workout-count{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.current-reps,.target-reps,.workout-count{color:var(--primary-color)}.target-reps{opacity:.7}.workout-text{color:var(--primary-color);font-size:.95rem;font-weight:500;margin-bottom:.5rem}.workout-complete{animation:celebration .5s ease-in-out;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa73;border-radius:8px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:.5rem;text-align:center}@media (max-width:480px){.workout-container{padding:.75rem}.exercise-buttons{gap:.5rem}.exercise-btn{min-height:80px;padding:.75rem .6rem}.exercise-icon{font-size:1.6rem}.exercise-label{font-size:.9rem}.workout-count{font-size:1.5rem}}.walk-container{background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa40;border-radius:12px;box-shadow:0 2px 8px #1b84aa26;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.walk-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);width:100%}.walk-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #177da040;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;overflow:hidden;padding:.85rem .75rem;position:relative;transition:all .3s ease}.walk-btn:before{background:linear-gradient(135deg,#ffffff2e,#ffffff14);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.walk-btn:hover{box-shadow:0 6px 18px #177da052;transform:translateY(-3px) scale(1.03)}.walk-btn:hover:before{opacity:1}.walk-btn:active{transform:translateY(0) scale(.98)}.walk-icon-large{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem;margin-bottom:.35rem;transition:transform .3s ease}.walk-btn:hover .walk-icon-large{transform:scale(1.1)}.walk-number{align-items:center;background:#0003;border-radius:6px;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-width:32px;padding:.2rem .5rem;text-shadow:0 2px 4px #0000004d}.walk-entry-text{color:#fff;font-size:.85rem;margin-top:.25rem;text-shadow:0 1px 2px #0000004d}.walk-check{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #5ccfe64d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.walk-btn.completed{background:linear-gradient(135deg,#1b84aaa6,#1b84aa73);border-color:#fff3;opacity:.8}.walk-btn.completed:hover{opacity:.9}.walk-stats{text-align:center}.walk-count{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.current-walks,.target-walks,.walk-count{color:var(--primary-color)}.target-walks{opacity:.7}.walk-text{font-size:.95rem;font-weight:500}.walk-text,.walk-totals{color:var(--primary-color);margin-bottom:.5rem}.walk-totals{font-size:.9rem}.walk-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.walk-modal{background:#0e1a23;border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000080;max-width:420px;overflow:hidden;width:90%}.walk-modal-header{align-items:center;background:linear-gradient(135deg,#5ccfe626,#5ccfe60d);border-bottom:1px solid #5ccfe64d;display:flex;justify-content:space-between;padding:.75rem 1rem}.walk-modal-title{color:var(--primary-color);font-weight:700}.walk-modal-close{background:#0000;border:none;color:var(--primary-color);cursor:pointer;font-size:1.25rem}.walk-modal-body{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}.walk-field label{color:var(--primary-color);display:block;font-size:.9rem;margin-bottom:.35rem}.walk-field input{background:#0b141b;border:1px solid #5ccfe666;border-radius:8px;color:#e6f7ff;outline:none;padding:.6rem .7rem;width:100%}.walk-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ccfe626}.walk-modal-footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem 1rem}.walk-btn-cancel,.walk-btn-save{border:1px solid #5ccfe666;border-radius:8px;cursor:pointer;padding:.5rem .9rem}.walk-btn-cancel{background:#0000;color:var(--primary-color)}.walk-btn-save{background:var(--primary-color);border-color:var(--primary-color);color:#0b141b;font-weight:700}.walk-complete{animation:celebration .5s ease-in-out;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa73;border-radius:8px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:.5rem;text-align:center}@media (max-width:480px){.walk-container{padding:.75rem}.walk-buttons{gap:.5rem}.walk-btn{min-height:80px;padding:.75rem .6rem}.walk-icon-large{font-size:1.8rem}.walk-number{font-size:.9rem;padding:.15rem .4rem}.walk-entry-text{font-size:.8rem}.walk-count{font-size:1.5rem}.walk-modal{width:92%}}.run-container{background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa40;border-radius:12px;box-shadow:0 2px 8px #1b84aa26;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.run-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(1,1fr);width:100%}.run-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #177da040;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;overflow:hidden;padding:.85rem .75rem;position:relative;transition:all .3s ease}.run-btn:before{background:linear-gradient(135deg,#ffffff2e,#ffffff14);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.run-btn:hover{box-shadow:0 6px 18px #177da052;transform:translateY(-3px) scale(1.03)}.run-btn:hover:before{opacity:1}.run-btn:active{transform:translateY(0) scale(.98)}.run-icon-large{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem;margin-bottom:.35rem;transition:transform .3s ease}.run-btn:hover .run-icon-large{transform:scale(1.1)}.run-number{align-items:center;background:#0003;border-radius:6px;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-width:32px;padding:.2rem .5rem;text-shadow:0 2px 4px #0000004d}.run-entry-text{color:#fff;font-size:.85rem;margin-top:.25rem;text-shadow:0 1px 2px #0000004d}.run-check{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #5ccfe64d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.run-btn.completed{background:linear-gradient(135deg,#1b84aaa6,#1b84aa73);border-color:#fff3;opacity:.8}.run-btn.completed:hover{opacity:.9}.run-stats{text-align:center}.run-count{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.current-runs,.run-count,.target-runs{color:var(--primary-color)}.target-runs{opacity:.7}.run-weekly{color:var(--primary-color);font-size:.85rem;font-weight:600;margin-bottom:.3rem}.weekly-count{color:var(--accent-color)}.run-text{font-size:.95rem;font-weight:500;margin-bottom:.5rem}.run-text,.run-totals{color:var(--primary-color)}.run-totals{font-size:.9rem;margin-bottom:.35rem}.run-complete{animation:celebration .5s ease-in-out;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa73;border-radius:8px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:.5rem;text-align:center}@keyframes celebration{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:480px){.run-container{padding:.75rem}.run-buttons{gap:.5rem}.run-btn{min-height:80px;padding:.75rem .6rem}.run-icon-large{font-size:1.8rem}.run-number{font-size:.9rem;padding:.15rem .4rem}.run-count{font-size:1.5rem}}.run-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.run-modal{background:#0e1a23;border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000080;max-width:420px;overflow:hidden;width:90%}.run-modal-header{align-items:center;background:linear-gradient(135deg,#5ccfe626,#5ccfe60d);border-bottom:1px solid #5ccfe64d;display:flex;justify-content:space-between;padding:.75rem 1rem}.run-modal-title{color:var(--primary-color);font-weight:700}.run-modal-close{background:#0000;border:none;color:var(--primary-color);cursor:pointer;font-size:1.25rem}.run-modal-body{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}.run-field label{color:var(--primary-color);display:block;font-size:.9rem;margin-bottom:.35rem}.run-field input{background:#0b141b;border:1px solid #5ccfe666;border-radius:8px;color:#e6f7ff;outline:none;padding:.6rem .7rem;width:100%}.run-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ccfe626}.run-modal-footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem 1rem}.run-btn-cancel,.run-btn-save{border:1px solid #5ccfe666;border-radius:8px;cursor:pointer;padding:.5rem .9rem}.run-btn-cancel{background:#0000;color:var(--primary-color)}.run-btn-save{background:var(--primary-color);border-color:var(--primary-color);color:#0b141b;font-weight:700}.habit-checkmark.clicked{animation:habit-click-animation .3s ease-in-out}@keyframes habit-click-animation{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}*,:after,:before{box-sizing:border-box}body,html{-webkit-text-size-adjust:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.habit-tracker,body,html{background:var(--background-color);color:var(--text-color)}.habit-tracker{box-sizing:border-box;margin:0 auto;max-width:min(1300px,92vw);padding:2rem}.habit-h1-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:12px;box-shadow:0 4px 12px #00000026;margin:.5rem auto 2rem;padding:1rem 2rem;text-align:center;width:100%}.habit-h1-card h1{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.habit-accomplishments-container h3,.habit-daily-goals-container h3,.habit-list-container h3{color:var(--primary-color);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600;margin-bottom:1.5rem;text-align:center}.habit-accomplishments,.habit-add-habit,.habit-daily-goals{background-color:var(--card-bg-color);border-radius:20px;box-shadow:0 4px 16px #0000001f;margin-bottom:2rem;padding:1.5rem 1.25rem 1.25rem;text-align:left}.habit-list-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.habit-grid-wide{margin:0 auto;max-width:1280px;width:100%}@media screen and (min-width:769px){.habit-daily-goals{max-height:50vh;overflow-x:hidden;overflow-y:auto}}.section-title{color:var(--primary-color);font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:center}.habit-accomplishments-container{margin-bottom:2rem}.habit-accomplishments{background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);border:1px solid #5ccfe633;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:1.5rem 1.25rem 1.25rem;text-align:left}.habit-empty-state{color:var(--primary-color);padding:2rem;text-align:center}.habit-empty-icon{font-size:3rem;margin-bottom:1rem}.habit-empty-state p{font-size:1.1rem;opacity:.8}.habit-accomplished-goal{align-items:center;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa73;border-radius:12px;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.habit-accomplished-content{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:center;text-align:center}.habit-goal-text{color:var(--primary-color);font-size:1.1rem}.habit-accomplished-actions{display:flex;gap:.5rem}.habit-archive-button,.habit-restore-button{background:none;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.habit-accomplished-actions .habit-archive-button,.habit-archive-button{color:var(--primary-color)!important}.habit-archive-button:hover{background-color:#ffc1071a;transform:scale(1.1)}.habit-restore-button:hover{background-color:#2196f31a;transform:scale(1.1)}.habit-archived-container{margin-bottom:2rem}.habit-archived{background-color:var(--card-bg-color);border-radius:20px;box-shadow:0 4px 16px #0000001f;padding:2rem 1.5rem 1.5rem;text-align:left}.habit-archived-goal{align-items:center;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border:1px solid #1b84aa73;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;opacity:.9;padding:1rem;transition:all .2s ease}.habit-archived-content{flex:1 1;gap:1rem;text-align:center}.habit-archived-content,.habit-archived-icon{align-items:center;display:flex;justify-content:center}.habit-archived-icon{color:var(--primary-color);font-size:1.5rem}.habit-archived-content .habit-goal-text{color:var(--primary-color);text-align:center}.habit-archived-actions{display:flex;gap:.5rem}.habit-row{background-color:initial;border:none;border-radius:16px;cursor:move;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:0;transition:background-color .2s ease,opacity .2s ease}.habit-dragging{box-shadow:0 8px 24px #0000004d;opacity:.5;transform:rotate(2deg)}.habit-drag-over{background-color:#5ccfe626;border-color:var(--primary-color);transform:scale(1.02)}.habit-drag-handle{cursor:grab;font-size:1.2rem;margin:0 .5rem;padding:.5rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.habit-drag-handle,.habit-move-btn{color:var(--primary-color);font-weight:700}.habit-move-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;margin:0 .2rem;min-height:28px;min-width:28px;padding:.3rem .5rem;transition:all .2s ease}.habit-move-btn:hover:not(.disabled){background-color:#5ccfe626;box-shadow:0 2px 4px #5ccfe64d;color:var(--accent-color);transform:scale(1.15)}.habit-move-btn.disabled{color:#ccc;cursor:not-allowed;opacity:.4}.habit-move-down,.habit-move-up{transform:rotate(0deg)}.habit-drag-handle:hover{color:var(--primary-color)}.habit-drag-handle:active{cursor:grabbing}.habit-daily-goal{align-items:center;border-bottom:1px solid var(--accent-color);border-radius:12px;cursor:move;display:flex;justify-content:space-between;margin-bottom:1rem;min-height:60px;padding:1rem 1.25rem;transition:background-color .2s ease,transform .2s ease,opacity .2s ease}.habit-daily-goal:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.habit-daily-goal.habit-dragging{box-shadow:0 4px 16px #0003;opacity:.5;transform:rotate(1deg)}.habit-daily-goal.habit-drag-over{background-color:#5ccfe61a;border-color:var(--primary-color);transform:scale(1.01)}.habit-accomplished-goal{background-color:#ffffff05;border:1px solid var(--accent-color);border-radius:16px;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1.5rem;transition:background-color .2s ease}.habit-accomplished-goal:hover,.habit-daily-goal:hover,.habit-row:hover{background-color:#5ccfe60d}.habit-row-header{justify-content:space-between}.habit-row-details,.habit-row-header{align-items:center;display:flex;margin-bottom:1rem}.habit-row-details{justify-content:center}.habit-row-progress{align-items:center;display:flex;flex-direction:column;gap:.6rem;justify-content:center;margin:.6rem 0}.habit-row-actions{align-items:center;display:flex;gap:1rem}.habit-accomplished-goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.habit-accomplished-goal-details{align-items:center;display:flex;gap:1rem}.habit-accomplished-icon{align-items:center;color:#3498db;display:flex;font-size:1.5rem;justify-content:center;min-width:32px}.habit-checkmark,.habit-goal-checkmark{align-items:center;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;margin-right:1rem;min-width:28px;transition:transform .2s ease}.habit-checkmark svg,.habit-goal-checkmark svg{color:inherit}.light-theme .habit-checkmark,.light-theme .habit-goal-checkmark{color:#fff}.habit-checkmark:hover,.habit-goal-checkmark:hover{transform:scale(1.1)}.habit-goal-text{flex:1 1;font-weight:500;text-align:left}.habit-goal-text,.habit-name{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.5}.habit-name{font-weight:600}.habit-name,.habit-progress-text{color:var(--primary-color);text-align:center}.habit-progress-text{font-size:clamp(.8rem,1.8vw,.95rem);font-weight:500;margin:0;opacity:.85}.habit-progress-bar{background-color:var(--accent-color);border-radius:8px;height:8px;max-width:240px;overflow:hidden;width:100%}.habit-progress-fill{background-color:var(--primary-color);height:100%;transition:width .3s ease}.habit-remove-button{align-items:center;background-color:initial;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin-left:1rem;min-height:32px;min-width:32px;padding:.5rem;transition:all .2s ease}.habit-remove-button:hover{background-color:#ff00001a;color:var(--primary-color)}.habit-add-daily-goal{align-items:center;border-top:1px solid var(--accent-color);display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.habit-add-daily-goal .habit-button-group{display:flex;gap:.75rem;justify-content:center;width:100%}.habit-add-daily-goal .habit-button-group button{flex:1 1;max-width:120px;min-width:100px}.habit-add-habit{align-items:center;display:flex;flex-direction:column;gap:1rem}.habit-add-daily-goal input[type=text],.habit-add-habit input[type=number],.habit-add-habit input[type=text]{background-color:#ffffff0d;border:1px solid var(--accent-color);border-radius:12px;color:var(--primary-color);font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:.75rem;padding:1rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.habit-add-daily-goal input:focus,.habit-add-habit input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;outline:none}.habit-add-daily-goal input::placeholder,.habit-add-habit input::placeholder{color:var(--primary-color);opacity:.7}.habit-add-daily-goal button,.habit-add-habit button{align-items:center;background-color:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;justify-content:center;min-height:48px;padding:1rem 2rem;text-align:center;transition:all .2s ease}.habit-add-daily-goal button:hover,.habit-add-habit button:hover{background-color:#5ccfe6;transform:translateY(-1px)}.habit-icon-selection{margin-bottom:1rem;text-align:center}.habit-icon-selection label{color:var(--primary-color);display:block;font-size:clamp(.9rem,2.5vw,1rem);margin-bottom:.75rem}.habit-icon-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.habit-icon-option{align-items:center;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:48px;min-width:48px;padding:.75rem;transition:all .2s ease}.habit-icon-option:hover{background-color:#5ccfe61a;border-color:var(--primary-color)}.habit-icon-option.selected{background-color:var(--primary-color);border-color:var(--primary-color)}.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 screen and (max-width:768px){.habit-tracker{max-width:95vw;padding:.75rem 1rem}.habit-h1-card{border-radius:8px;margin:.3rem auto 1rem;padding:.25rem .7rem}}@media screen and (max-width:600px){.habit-h1-card{margin:.3rem auto 1rem;padding:.35rem 1.1rem}.habit-accomplishments,.habit-add-habit,.habit-daily-goals{margin-bottom:1rem;padding:18px}.habit-daily-goals{margin-top:.5rem}.habit-archived-content{justify-content:center;text-align:center}.habit-accomplishments{padding:1.5rem 1rem 1rem;text-align:center}.habit-row{margin-bottom:1.25rem;padding:14px}.habit-daily-goal{margin-bottom:.75rem;padding:14px}}@media screen and (max-width:480px){.habit-h1-card{border-radius:8px;margin:.1rem auto 1rem;padding:.25rem .9rem}.habit-accomplishments,.habit-add-habit,.habit-daily-goals{margin-bottom:1rem;padding:14px}.habit-daily-goals{margin-top:.3rem}.habit-archived-content{justify-content:center;text-align:center}.habit-accomplishments{padding:1.2rem .8rem .8rem;text-align:center}.habit-row{margin-bottom:1rem;padding:14px}.habit-daily-goal{margin-bottom:.5rem;padding:14px}}@media (min-width:1024px){.habit-tracker{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr;grid-template-rows:auto auto auto}.habit-h1-card{grid-column:1}.habit-daily-goals-container,.habit-list-container{display:flex;flex-direction:column;grid-column:1;grid-row:auto}.habit-list-container .habit-list-grid{gap:1rem;grid-template-columns:repeat(2,minmax(320px,1fr))}.habit-accomplishments-container{grid-column:1;grid-row:auto}}.light-theme .habit-accomplishments,.light-theme .habit-add-habit,.light-theme .habit-daily-goals,.light-theme .habit-h1-card,.light-theme .habit-row{background-color:var(--card-bg-color);color:var(--text-color)}.light-theme .habit-icon-option{color:#fff}.habit-tracker,body,html{overflow-x:hidden}.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{font-size:1.5rem;margin-top:0}.habit-help-title{color:var(--primary-color)}.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)}}.worldtime-container{background:var(--background-color);color:var(--text-color);margin:0 auto;max-width:min(1300px,92vw);padding:1.25rem 1.5rem}.worldtime-h1-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.75rem auto;max-width:none;padding:.5rem 1.2rem;text-align:center;width:100%}.worldtime-h1-card h1{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.worldtime-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1.5rem 0 2.5rem}.worldtime-add-btn{background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.worldtime-add-btn:hover{background-color:var(--accent-color);box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.worldtime-date-display{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--primary-color);font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;padding:.5rem 1rem}.worldtime-cards{display:flex;flex-direction:column;gap:1rem}@media (min-width:769px){.worldtime-container .worldtime-cards{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:1.5rem!important}.worldtime-container .worldtime-card{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:0!important}}.worldtime-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;padding:1.25rem}.worldtime-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.worldtime-card{cursor:grab;transition:all .2s ease}.worldtime-card:active{cursor:grabbing}.worldtime-card.dragging{box-shadow:0 8px 20px #0006;opacity:.5;transform:rotate(5deg);z-index:1000}.worldtime-drag-handle{align-items:center;background-color:initial;border:1px solid var(--accent-color);border-radius:50%;color:var(--primary-color);cursor:grab;display:flex;font-size:1.2rem;height:44px;justify-content:center;margin-right:.5rem;min-height:44px;min-width:32px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:32px}.worldtime-drag-handle:active{cursor:grabbing}.worldtime-drag-handle:hover{background-color:#5ccfe61a;border-color:var(--primary-color);color:var(--primary-color)}.worldtime-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.worldtime-card-actions{display:flex;gap:.5rem}.worldtime-home-btn,.worldtime-remove-btn{align-items:center;background-color:initial;border:1px solid var(--accent-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.worldtime-remove-btn:hover{background-color:#ff00001a;border-color:#ff6b6b;color:#ff6b6b}.worldtime-home-btn:hover{background-color:#5ccfe61a;border-color:var(--primary-color);color:var(--primary-color)}.worldtime-location{flex:1 1;min-width:120px;text-align:center}.worldtime-location-name{color:var(--primary-color);display:block;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;margin-bottom:.25rem}.worldtime-offset{color:var(--secondary-color);font-size:clamp(.8rem,2vw,.9rem)}.worldtime-current-time{min-width:120px;text-align:right}.worldtime-time{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;margin-bottom:.25rem}.worldtime-date{color:var(--secondary-color);font-size:clamp(.8rem,2vw,.9rem)}.worldtime-hour-tiles{margin-top:1rem}.worldtime-date-label{color:var(--secondary-color);font-size:clamp(.8rem,2vw,.9rem);font-weight:600;margin-bottom:.75rem;text-align:center}.worldtime-tiles-container{display:flex;gap:.25rem;overflow-x:auto;padding:.5rem 0;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin}.worldtime-tiles-container::-webkit-scrollbar{height:4px}.worldtime-tiles-container::-webkit-scrollbar-track{background:#0000}.worldtime-tiles-container::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:2px}.worldtime-hour-tile{align-items:center;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:4px;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(.7rem,2vw,.8rem);font-weight:500;height:40px;justify-content:center;min-width:60px;transition:all .2s ease}.worldtime-hour-tile:hover{background-color:#5ccfe61a;border-color:var(--primary-color);transform:scale(1.05)}.worldtime-hour-tile.selected{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px #5ccfe64d;color:#fff}.worldtime-hour-tile.current{background-color:#89d1851a;border-color:var(--highlight-color)}.worldtime-hour-tile.error{background-color:#ff00001a;border-color:#ff6b6b;color:#ff6b6b}.worldtime-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.worldtime-modal{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:12px;box-shadow:0 10px 30px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.worldtime-modal h3{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.4rem);margin-bottom:1.5rem;text-align:center}.worldtime-search-container{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.worldtime-search-input{background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);flex:1 1;font-size:1rem;padding:.75rem 1rem}.worldtime-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;outline:none}.worldtime-add-custom-btn{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.worldtime-add-custom-btn:hover:not(:disabled){background-color:var(--accent-color);transform:translateY(-1px)}.worldtime-add-custom-btn:disabled{cursor:not-allowed;opacity:.6}.worldtime-loading,.worldtime-no-results{color:var(--secondary-color);font-style:italic;padding:1rem;text-align:center}.worldtime-timezone-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.worldtime-timezone-option{align-items:center;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.worldtime-timezone-option:hover{background-color:#5ccfe61a;border-color:var(--primary-color);transform:translateY(-1px)}.worldtime-option-name{color:var(--primary-color);font-weight:600}.worldtime-option-offset{color:var(--secondary-color);font-size:.9rem}.worldtime-already-added{color:var(--highlight-color);font-size:.8rem;font-weight:600;margin-left:auto}.worldtime-timezone-option.disabled{background-color:#5ccfe61a;border-color:var(--primary-color)}.worldtime-close-btn{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.worldtime-close-btn:hover{background-color:var(--accent-color);transform:translateY(-1px)}@media screen and (max-width:600px){.worldtime-h1-card{margin:.3rem auto 1rem;padding:.35rem 1.1rem}}@media (max-width:768px){.worldtime-container{max-width:95vw;padding:.75rem 1rem}.worldtime-h1-card{border-radius:8px;margin-bottom:1.2rem;margin-top:.5rem;padding:.35rem .8rem}.worldtime-card{border-radius:14px;padding:1rem .7rem}.worldtime-card-header{align-items:center;flex-direction:column;gap:1rem}.worldtime-current-time,.worldtime-location{min-width:auto;text-align:center}.worldtime-controls{align-items:stretch;flex-direction:column;gap:.75rem}.worldtime-add-btn{text-align:center;width:100%}.worldtime-timezone-list{grid-template-columns:1fr}.worldtime-hour-tile{font-size:.7rem;height:35px;min-width:50px}}@media (max-width:480px){.worldtime-container{padding:.75rem}.worldtime-h1-card{border-radius:8px;margin:.4rem auto .6rem;padding:.35rem 1rem}.worldtime-card{padding:.8rem .5rem}.worldtime-card-header{gap:.75rem}.worldtime-card-actions{gap:.25rem}.worldtime-home-btn,.worldtime-remove-btn{font-size:1rem;height:28px;width:28px}.worldtime-hour-tile{font-size:.65rem;height:32px;min-width:45px}.worldtime-modal{margin:.5rem;padding:1.5rem}}@media (min-width:1200px){.worldtime-container{padding:2rem 2.5rem}.worldtime-h1-card{margin:1rem auto 1.5rem;padding:.6rem 1.5rem}.worldtime-h1-card h1{font-size:clamp(1.4rem,2.5vw,2rem)}.worldtime-container .worldtime-cards{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:1.5rem}.worldtime-container .worldtime-card{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:0!important}.worldtime-card{border-radius:12px;min-height:300px;padding:2rem}.worldtime-card-header{margin-bottom:1.5rem}.worldtime-hour-tiles{margin-top:1.5rem}.worldtime-location-name{font-size:clamp(1.1rem,2.5vw,1.3rem)}.worldtime-time{font-size:clamp(1.2rem,2.5vw,1.5rem)}.worldtime-hour-tile{font-size:.9rem;height:45px;min-width:70px}}@media (max-width:430px) and (min-height:900px){.worldtime-h1-card{margin-bottom:1.5rem;margin-top:.5rem;padding:.4rem 1rem}.worldtime-h1-card h1{margin-bottom:.5rem}}.light-theme .worldtime-h1-card{background-color:var(--card-bg-color)}.light-theme .worldtime-card,.light-theme .worldtime-modal{background-color:var(--card-bg-color);color:#fff}.worldtime-container,body,html{overflow-x:hidden}.currency-container{background:var(--background-color);color:var(--text-color);margin:0 auto;max-width:min(1300px,92vw);padding:1.25rem 1.5rem}.currency-favorite-btn,.currency-favorite-item,.currency-save-comparison-btn,.currency-swap-btn,.currency-toggle-comparison,.currency-toggle-history{background-color:var(--primary-color)!important;border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.currency-favorite-btn:hover,.currency-favorite-item:hover,.currency-save-comparison-btn:hover,.currency-swap-btn:hover,.currency-toggle-comparison:hover,.currency-toggle-history:hover{background-color:var(--accent-color)!important}.currency-h1-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto 1rem;max-width:none;padding:.4rem 1.2rem;text-align:center;width:100%}.currency-h1-card h1{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.currency-converter-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:2rem;transition:all .2s ease}.currency-converter-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.currency-input-section{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:1fr auto 1fr;margin-bottom:2rem}.currency-input-group{display:flex;flex-direction:column;gap:.5rem}.currency-label{color:var(--primary-color);font-size:clamp(.9rem,2vw,1rem);font-weight:600;margin-bottom:.25rem}.currency-amount-input{background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-size:1.1rem;font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.currency-amount-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;outline:none;transform:scale(1.02)}.currency-select-group{display:flex;flex-direction:column;gap:.5rem}.currency-select-container{align-items:center;display:flex;gap:.5rem}.currency-select{background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.currency-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;outline:none}.currency-favorite-btn{align-items:center;background-color:initial;border:1px solid var(--accent-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.currency-favorite-btn:hover{background-color:#5ccfe61a;border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.1)}.currency-favorite-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.currency-swap-btn{align-items:center;align-self:center;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 1rem;transition:all .2s ease;width:50px}.currency-swap-btn:hover{background-color:#5ccfe6;box-shadow:0 4px 12px #5ccfe64d;transform:scale(1.1) rotate(180deg)}.currency-comparison-actions{border-top:1px solid #5ccfe633;display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem}.currency-save-comparison-btn{background:linear-gradient(135deg,var(--primary-color),#4fb3d9);border:none;border-radius:8px;box-shadow:0 2px 8px #5ccfe64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.currency-save-comparison-btn:hover{background:linear-gradient(135deg,#4fb3d9,var(--primary-color));box-shadow:0 4px 12px #5ccfe666;transform:translateY(-2px)}.currency-save-comparison-btn:active{box-shadow:0 2px 8px #5ccfe64d;transform:translateY(0)}.currency-markup-section{background-color:#5ccfe608;border:1px solid #5ccfe61a;border-radius:8px;margin-top:1.5rem;padding:1rem}.currency-markup-title{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:center}.currency-comparison-markup{color:var(--accent-color);font-size:.85rem;font-style:italic;font-weight:500;margin-top:.25rem}.currency-comparison-amount-container{align-items:center;display:flex;position:relative}.currency-comparison-currency-symbol{color:var(--text-color);font-size:1.1rem;font-weight:600;left:1rem;pointer-events:none;position:absolute;z-index:1}.currency-comparison-amount-container .currency-comparison-input{padding-left:2.5rem}.currency-rate-helper{background-color:#5ccfe60d;border:1px solid #5ccfe633;border-radius:6px;margin-top:1rem;padding:.75rem}.currency-helper-title{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.currency-helper-text{color:var(--text-color);font-size:.8rem;line-height:1.4}.currency-history-markup{color:var(--accent-color);display:block;font-size:.8rem;font-style:italic;font-weight:500;margin-top:.2rem}.currency-history-comparison{width:100%}.currency-history-difference{border-radius:4px;font-size:.85rem;font-weight:600;margin-top:.25rem;padding:.25rem .5rem}.currency-history-difference.losing{background-color:#ff63631a;border:1px solid #ff636333;color:#ff6363}.currency-history-difference.gaining{background-color:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.currency-result{background-color:#5ccfe60d;border:1px solid #5ccfe633;border-radius:8px;padding:1.5rem;text-align:center}.currency-loading{align-items:center;color:var(--primary-color);display:flex;font-size:1.1rem;gap:1rem;justify-content:center}.currency-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--accent-color);border:2px solid var(--accent-color);border-radius:50%;border-top-color:var(--primary-color);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.currency-conversion-amount{color:var(--primary-color);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.currency-rate{color:var(--secondary-color);font-size:clamp(.9rem,2vw,1.1rem);margin-bottom:.5rem}.currency-last-updated{color:var(--secondary-color);font-size:.8rem;font-style:italic}.currency-favorites-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:1.5rem}.currency-favorites-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin-bottom:1rem;text-align:center}.currency-favorites{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.currency-favorite-item{align-items:center;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.currency-favorite-item:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 8px #5ccfe64d;color:#fff;transform:translateY(-2px)}.currency-rate-comparison-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:1.5rem}.currency-rate-comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.currency-rate-comparison-header h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0}.currency-toggle-comparison{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.currency-toggle-comparison:hover{background-color:#5ccfe6;transform:translateY(-1px)}.currency-comparison-content{margin-top:1rem}.currency-comparison-inputs{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.currency-comparison-group{display:flex;flex-direction:column;gap:.5rem}.currency-comparison-input{background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-size:1rem;font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.currency-comparison-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;outline:none;transform:scale(1.02)}.currency-comparison-hint{color:var(--secondary-color);font-size:.8rem;font-style:italic;margin-top:.25rem;text-align:center}.currency-comparison-results{background-color:#5ccfe60d;border:1px solid #5ccfe633;border-radius:8px;padding:1.5rem}.currency-comparison-summary{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:1fr auto 1fr;margin-bottom:1.5rem}.currency-comparison-custom,.currency-comparison-market{background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:8px;padding:1rem;text-align:center}.currency-comparison-label{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.currency-comparison-value{color:var(--text-color);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin-bottom:.5rem}.currency-comparison-rate{color:var(--secondary-color);font-size:.8rem}.currency-comparison-vs{align-items:center;background-color:var(--card-bg-color);border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.currency-comparison-difference{border-radius:8px;font-weight:600;margin-bottom:1rem;padding:1.5rem;text-align:center}.currency-comparison-difference.losing{background-color:#ff00001a;border:2px solid #ff6b6b;color:#ff6b6b}.currency-comparison-difference.gaining{background-color:#4caf501a;border:2px solid #4caf50;color:#4caf50}.currency-comparison-difference-label{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.currency-comparison-difference-amount{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.5rem}.currency-comparison-difference-percentage{font-size:1rem;opacity:.8}.currency-comparison-tip{border-radius:6px;font-size:.9rem;line-height:1.4;padding:1rem;text-align:center}.currency-tip-warning{background-color:#ffc1071a;border:1px solid #ffc107;border-radius:6px;color:#ff9800;padding:1rem}.currency-tip-good{background-color:#4caf501a;border:1px solid #4caf50;border-radius:6px;color:#4caf50;padding:1rem}.currency-history-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;padding:1.5rem}.currency-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.currency-history-header h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0}.currency-toggle-history{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.currency-toggle-history:hover{background-color:#5ccfe6;transform:translateY(-1px)}.currency-history-list{max-height:300px;overflow-y:auto;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin}.currency-history-list::-webkit-scrollbar{width:4px}.currency-history-list::-webkit-scrollbar-track{background:#0000}.currency-history-list::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:2px}.currency-no-history{color:var(--secondary-color);font-style:italic;padding:2rem;text-align:center}.currency-history-item{align-items:center;background-color:#5ccfe60d;border:1px solid #5ccfe61a;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.currency-history-item:hover{background-color:#5ccfe61a;transform:translateX(4px)}.currency-history-main{align-items:center;display:flex;font-weight:600;gap:.75rem}.currency-history-amount{color:var(--text-color);font-size:1rem}.currency-history-arrow{color:var(--primary-color);font-size:1.2rem;font-weight:700}.currency-history-details{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.currency-history-rate{color:var(--secondary-color);font-size:.8rem}.currency-history-time{color:var(--secondary-color);font-size:.75rem;font-style:italic}@media screen and (max-width:600px){.currency-h1-card{margin:.3rem auto 1rem;padding:.35rem 1.1rem}}@media (max-width:768px){.currency-container{max-width:95vw;padding:.75rem 1rem}.currency-h1-card{border-radius:8px;margin-bottom:1.2rem;margin-top:.3rem;padding:.25rem .7rem}.currency-converter-card{border-radius:14px;padding:1.5rem 1rem}.currency-input-section{gap:1rem;grid-template-columns:1fr}.currency-swap-btn{align-self:center;margin:.5rem 0}.currency-select-container{flex-direction:column;gap:.5rem}.currency-favorite-btn{align-self:center}.currency-favorites{gap:.5rem}.currency-favorite-item{font-size:.8rem;padding:.4rem .8rem}.currency-history-item{align-items:flex-start;flex-direction:column;gap:.5rem}.currency-history-details{align-items:flex-start}.currency-comparison-inputs,.currency-comparison-summary{gap:1rem;grid-template-columns:1fr}.currency-comparison-summary{text-align:center}.currency-comparison-vs{align-self:center;order:-1}}@media (max-width:480px){.currency-container{padding:.75rem}.currency-h1-card{border-radius:8px;margin:.2rem auto 1rem;padding:.25rem .9rem}.currency-converter-card{padding:1rem .75rem}}@media (max-width:430px) and (min-height:900px){.currency-h1-card{border-radius:8px;margin-bottom:1.5rem;margin-top:.5rem;padding:.4rem 1rem}.currency-h1-card h1{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:.5rem}.currency-input-section{gap:.75rem}.currency-amount-input{font-size:1rem;padding:.6rem .8rem}.currency-select{font-size:.9rem;padding:.6rem .8rem}.currency-favorite-btn{font-size:1.1rem;height:36px;width:36px}.currency-swap-btn{font-size:1.3rem;height:45px;width:45px}.currency-conversion-amount{font-size:clamp(1.5rem,4vw,2rem)}.currency-favorites{gap:.4rem}.currency-favorite-item{font-size:.75rem;padding:.3rem .6rem}.currency-markup-section{margin-top:1rem;padding:.75rem}.currency-markup-title{font-size:.9rem}.currency-h1-card{margin-bottom:1.5rem;margin-top:.5rem;padding:.4rem 1rem}.currency-h1-card h1{margin-bottom:.5rem}}@media (min-width:1200px){.currency-container{padding:2rem 2.5rem}.currency-h1-card{margin:1rem auto 1.5rem;padding:.6rem 1.5rem}.currency-h1-card h1{font-size:clamp(1.4rem,2.5vw,2rem)}.currency-converter-card{border-radius:12px;padding:2.5rem}.currency-input-section{gap:2rem}.currency-amount-input{font-size:1.2rem;padding:1rem 1.25rem}.currency-select{font-size:1.1rem;padding:1rem 1.25rem}.currency-favorite-btn{font-size:1.3rem;height:44px;width:44px}.currency-swap-btn{font-size:1.8rem;height:60px;width:60px}.currency-conversion-amount{font-size:clamp(2rem,4vw,3rem)}.currency-favorites-card,.currency-history-card{border-radius:12px;padding:2rem}.currency-favorite-item{font-size:1rem;padding:.6rem 1.2rem}}.light-theme .currency-h1-card{background-color:var(--card-bg-color)}.light-theme .currency-converter-card,.light-theme .currency-favorites-card,.light-theme .currency-history-card{background-color:var(--card-bg-color);color:#fff}.currency-container,body,html{overflow-x:hidden}.language-container{background:var(--background-color);color:var(--primary-color);margin:0 auto;max-width:min(1300px,92vw);padding:1rem;width:100%}.language-container,body,html{overflow-x:hidden}.language-h1-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto 1rem;padding:.4rem 1rem;text-align:center}.language-h1-card h1{color:var(--primary-color);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0}.language-translator-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:2rem}.language-input-section{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 80px 1fr;margin-bottom:1.5rem}.language-input-group,.language-select-group{display:flex;flex-direction:column;gap:.75rem}.language-label{color:var(--primary-color);font-size:1rem;font-weight:600}.language-select-container{align-items:center;display:flex;gap:.5rem;height:60px}.language-select{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--primary-color);flex:1 1;font-size:1rem;outline:none;padding:.75rem;transition:border-color .2s ease}.language-select:focus{border-color:var(--primary-color)}.language-select option,.language-textarea{background-color:var(--card-bg-color);color:var(--primary-color)}.language-textarea{border:1px solid var(--accent-color);border-radius:6px;font-family:inherit;font-size:1rem;min-height:120px;outline:none;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.language-textarea:focus{border-color:var(--primary-color)}.language-textarea::placeholder{color:var(--primary-color);opacity:.7}.language-textarea.loading{color:var(--primary-color);font-style:italic}.language-textarea.error{border-color:#ff6b6b;color:#ff6b6b}.language-result-textarea{background-color:#5ccfe60d;border:1px solid #5ccfe633}.language-swap-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0 auto;transition:all .2s ease;width:50px}.language-swap-btn:hover{background-color:var(--accent-color);transform:translateY(-2px)}.language-clear-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.language-clear-btn:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.language-speak-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.language-speak-btn:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.language-history-card,.language-word-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:1.25rem}.language-history-card:hover,.language-word-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.language-history-header,.language-word-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.language-history-header h3,.language-word-header h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0}.language-history-icon,.language-word-icon{color:var(--primary-color);font-size:1.2rem}.language-word-content{text-align:center}.language-word-translation{align-items:center;background-color:#5ccfe61a;border:1px solid #5ccfe64d;border-radius:8px;display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem;padding:1rem}.language-word-original,.language-word-translated{color:var(--primary-color);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.language-word-separator{color:var(--accent-color);font-size:1.5rem;font-weight:700}.language-word-language{color:var(--primary-color);font-size:.9rem;font-weight:600}.language-history-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.language-history-item{background-color:#5ccfe60d;border:1px solid #5ccfe633;border-radius:6px;padding:1rem;transition:all .2s ease}.language-history-item:hover{background-color:#5ccfe61a;transform:translateY(-1px)}.language-history-content{display:flex;flex-direction:column;gap:.5rem}.language-history-text{align-items:center;display:flex;flex:1 1;font-weight:600;gap:.75rem}.language-history-original,.language-history-translated{color:var(--primary-color);font-size:1rem}.language-history-arrow{color:var(--primary-color);font-size:1.2rem;font-weight:700}.language-history-meta{align-items:center;display:flex;flex:1 1;font-weight:600;gap:.75rem;justify-content:space-between}.language-history-languages{color:var(--primary-color);font-size:.8rem}.language-history-time{color:var(--primary-color);font-size:.75rem;font-style:italic}@media (max-width:768px){.language-container{max-width:95vw;padding:.75rem 1rem}.language-h1-card{margin:.4rem auto .8rem;padding:.3rem .8rem}.language-history-card,.language-translator-card,.language-word-card{border-radius:10px;margin:.25rem auto .75rem;padding:.75rem}.language-input-section{align-items:stretch;gap:1.5rem;grid-template-columns:1fr}.language-swap-btn{align-self:center;font-size:1.4rem;height:60px;margin:.5rem auto;width:60px}.language-clear-btn{font-size:.8rem;padding:.4rem .8rem}.language-speak-btn{font-size:.9rem;height:35px;width:35px}}@media (max-width:480px){.language-container{padding:.5rem}}@media (max-width:390px){.language-container{padding:.5rem}.language-h1-card{margin:.2rem auto .5rem;padding:.2rem .5rem}.language-history-card,.language-translator-card,.language-word-card{margin:.2rem auto .4rem;padding:.4rem}.language-textarea{min-height:80px;padding:.75rem}.language-swap-btn{font-size:1.1rem;height:40px;width:40px}.language-clear-btn{font-size:.75rem;padding:.3rem .6rem}.language-speak-btn{font-size:.8rem;height:30px;width:30px}}@media (min-width:1024px){.language-translator-card{margin:0 auto;max-width:1100px;padding:2.5rem}}@media (min-width:1200px){.language-container{padding:2rem 2.5rem}.language-history-card,.language-translator-card,.language-word-card{margin:0 auto;max-width:1200px;padding:3rem}}.contact-container{background:var(--background-color);color:var(--text-color);margin:0 auto;max-width:min(1300px,92vw);padding:1.25rem 1.5rem}.contact-header{color:#fff;margin-bottom:1rem;text-align:center}.h1-card{background-color:var(--card-bg-color);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%}.h1-card h1{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.form-card-contact p{font-size:1rem;margin-bottom:1.5rem}.form-card{background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:2rem auto;padding:2rem;text-align:center;width:100%}.form-card p{color:var(--primary-color);font-size:1rem;margin-bottom:1.5rem}.contact-form input,.contact-form textarea{background:#f5f5f5;border:none;border-radius:var(--border-radius);color:var(--primary-color);font-size:1rem;margin-bottom:1rem;padding:1rem;width:100%}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background-color:var(--primary-color);border:none;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:var(--accent-color)}.status{color:var(--primary-color);font-size:.95rem;font-style:italic;margin-top:1rem}@media (max-width:768px){.contact-container{max-width:95vw;padding:.75rem 1rem}.contact-header{margin-bottom:.4rem}.h1-card{border-radius:8px;margin-bottom:1rem;margin-top:.3rem;padding:.25rem .7rem}.h1-card h1{font-size:1.2rem}.form-card{margin:1.5rem auto;padding:1.5rem 1rem}.contact-form input,.contact-form textarea{font-size:.95rem;padding:.8rem}.contact-form button{font-size:.95rem;padding:.6rem 1.2rem}}@media (max-width:480px){.h1-card{border-radius:8px;margin-bottom:2px;margin-top:2px!important;padding:.25rem .7rem}.form-card{margin:1rem auto;padding:1rem .8rem}.contact-form input,.contact-form textarea{font-size:.9rem;padding:.7rem}.contact-form button{font-size:.9rem;padding:.5rem 1rem}}.weather-container{background:var(--background-color);color:var(--text-color);margin:0 auto;padding:1.25rem 1.5rem}.weather-container,.weather-h1-card{max-width:min(1300px,92vw);width:100%}.weather-h1-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto 1rem;padding:.4rem 1.2rem;text-align:center}.weather-h1-card h1{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin:0}.weather-search-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:1.5rem 1.5rem 1.5rem 4rem;position:relative;transition:all .2s ease}.weather-search-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.weather-search-card.collapsed{padding:1rem 1.5rem 1rem 4rem}.weather-search-toggle-btn{align-items:center;background-color:#5ccfe61a;border:1px solid var(--accent-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;left:1rem;position:absolute;top:1.2rem;transition:all .3s ease;width:32px;z-index:10}.weather-search-toggle-btn:hover{background-color:var(--primary-color);box-shadow:0 4px 8px #5ccfe64d;color:#fff;transform:scale(1.1)}.weather-search-collapsed{align-items:center;display:flex;justify-content:center;padding:.75rem 1.6rem .75rem 0}.weather-current-location-btn{background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:clamp(.8rem,1.8vw,.9rem);font-weight:600;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.weather-current-location-btn:hover:not(:disabled){background-color:#5ccfe6;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.weather-current-location-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.weather-search-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.weather-search-input{background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);flex:1 1;font-size:1rem;min-width:200px;padding:.75rem 1rem;transition:all .2s ease}.weather-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;outline:none}.weather-location-btn,.weather-refresh-btn,.weather-search-btn{background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.weather-location-btn:hover:not(:disabled),.weather-refresh-btn:hover:not(:disabled),.weather-search-btn:hover:not(:disabled){background-color:#5ccfe6;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.weather-location-btn:disabled,.weather-refresh-btn:disabled,.weather-search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.weather-refresh-btn{background-color:var(--highlight-color)}.weather-refresh-btn:hover:not(:disabled){background-color:#7ae076}.weather-auto-refresh-btn{background-color:var(--secondary-color);border:1px solid var(--accent-color);color:var(--text-color)}.weather-auto-refresh-btn.active{background-color:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.weather-auto-refresh-btn:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.weather-auto-refresh-btn.active:hover:not(:disabled){background-color:#7ae076}.weather-interval-select{background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 6px #0003;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.weather-interval-select:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 8px #0000004d;color:#fff;transform:translateY(-1px)}.weather-interval-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;outline:none}.weather-interval-select:disabled{background-color:var(--secondary-color);color:var(--text-color);cursor:not-allowed;opacity:.5;transform:none}.weather-card-toggle-btn{align-items:center;background-color:#5ccfe61a;border:1px solid var(--accent-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;left:1rem;position:absolute;top:1.2rem;transition:all .3s ease;width:32px;z-index:10}.weather-card-toggle-btn:hover{background-color:var(--primary-color);box-shadow:0 4px 8px #5ccfe64d;color:#fff;transform:scale(1.1)}.weather-card-save-btn{align-items:center;background-color:#ffd7001a;border:1px solid #ffd70066;border-radius:50%;color:gold;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:3.5rem;top:1rem;transition:all .3s ease;width:36px;z-index:10}.weather-card-save-btn:hover{background-color:gold;border-color:gold;box-shadow:0 4px 8px #ffd70066;transform:scale(1.1)}.weather-card-refresh-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px;z-index:10}.weather-card-refresh-btn:hover:not(:disabled){background-color:var(--primary-color);box-shadow:0 4px 8px #5ccfe64d;color:#fff;transform:rotate(180deg) scale(1.1)}.weather-card-refresh-btn:disabled{animation:weather-spin 1s linear infinite;cursor:not-allowed;opacity:.4}@keyframes weather-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-auto-refresh-info{align-items:center;background-color:#89d1851a;border:1px solid var(--highlight-color);border-radius:6px;color:var(--highlight-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.weather-refresh-icon{animation:weather-pulse 2s ease-in-out infinite}@keyframes weather-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.weather-refresh-text{flex:1 1}.weather-saved-locations{border-top:1px solid var(--accent-color);margin-top:1.5rem;padding-top:1.5rem}.weather-saved-locations h4{color:var(--primary-color);font-size:1rem;margin-bottom:1rem}.weather-saved-list{display:flex;flex-wrap:wrap;gap:.5rem}.weather-saved-item{align-items:center;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:20px;display:flex;gap:.25rem;overflow:hidden;transition:all .2s ease}.weather-saved-item:hover{border-color:var(--primary-color);transform:translateY(-1px)}.weather-saved-btn{background:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.weather-saved-btn:hover{color:var(--primary-color)}.weather-remove-btn{align-items:center;background:#0000;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;line-height:1;padding:.5rem;transition:all .2s ease}.weather-remove-btn:hover{color:#ff6b6b}.weather-loading-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:3rem;text-align:center}.weather-spinner{animation:weatherspin 1s linear infinite;border-top:3px solid var(--accent-color);border:3px solid var(--accent-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 1rem;width:40px}@keyframes weatherspin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-loading-card p{color:var(--primary-color);font-size:1.1rem;margin:0}.weather-error-card{background-color:#ff63631a;border:1px solid #ff6363;border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.weather-error-card p{color:#ff6363;font-size:1rem;margin:0}.weather-current-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:2rem;position:relative;transition:all .2s ease}.weather-current-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.weather-current-header{border-bottom:1px solid #5ccfe633;margin-bottom:1.5rem;padding-bottom:1rem}.weather-header-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.weather-location-name{color:var(--primary-color);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;line-height:1.2;margin:0}.weather-current-card.collapsed .weather-location-name{font-size:clamp(1rem,2.8vw,1.3rem)}.weather-header-details{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.weather-current-date{color:var(--primary-color);font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:500}.weather-last-updated{align-items:center;color:var(--accent-color);display:flex;font-size:clamp(.8rem,1.8vw,.9rem);font-weight:500;gap:.5rem}.weather-update-label{opacity:.8}.weather-update-time{color:var(--primary-color);font-weight:600}.weather-coordinates{color:var(--secondary-color);font-family:monospace;font-size:clamp(.75rem,1.8vw,.85rem);letter-spacing:.5px;opacity:.7}.weather-current-card.collapsed{min-height:auto;padding:1rem 1.5rem}.weather-collapsed-summary{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.weather-collapsed-location{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.weather-collapsed-city{color:var(--primary-color);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700}.weather-collapsed-coords{color:var(--secondary-color);font-family:monospace;font-size:clamp(.7rem,2vw,.85rem);letter-spacing:.5px;opacity:.8}.weather-collapsed-main{align-items:center;display:flex;gap:1rem;justify-content:center}.weather-collapsed-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:clamp(2.5rem,6vw,3rem)}.weather-collapsed-temp{color:var(--primary-color);font-size:clamp(2rem,5vw,2.5rem);font-weight:700}.weather-collapsed-desc{color:var(--primary-color);font-size:clamp(1rem,2.5vw,1.2rem);text-transform:capitalize}.weather-current-main{padding:2rem 0;text-align:center}.weather-current-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:clamp(4rem,10vw,6rem);margin-bottom:1rem}.weather-current-temp{color:var(--primary-color);font-size:clamp(3rem,8vw,5rem);font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.weather-current-description{color:var(--primary-color);font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:2rem;text-transform:capitalize}.weather-current-details{grid-gap:1.5rem;border-top:1px solid var(--accent-color);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem;padding-top:2rem}.weather-detail-item{align-items:center;background-color:#5ccfe60d;border:1px solid #5ccfe61a;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.weather-detail-item:hover{background-color:#5ccfe61a;transform:translateY(-2px)}.weather-detail-label{color:var(--secondary-color);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.weather-detail-value{color:var(--primary-color);font-size:1.2rem;font-weight:600}.weather-grid-two-col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.weather-uv-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;padding:1.5rem;position:relative;transition:all .2s ease}.weather-uv-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.weather-uv-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem}.weather-uv-content{display:flex;flex-direction:column;gap:1.5rem}.weather-uv-summary{text-align:center}.weather-uv-index{color:var(--primary-color);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;margin-bottom:.5rem}.weather-uv-level{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.weather-uv-bar{background-color:var(--secondary-color);border-radius:6px;height:12px;margin-bottom:1rem;overflow:hidden;width:100%}.weather-uv-fill{border-radius:6px;height:100%;transition:all .3s ease}.weather-uv-description{color:var(--secondary-color);font-size:.9rem;font-style:italic}.weather-uv-chart-section{border-top:1px solid var(--accent-color);padding-top:1.5rem}.weather-uv-chart-container{display:flex;flex-direction:column;gap:1rem}.weather-uv-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.weather-uv-chart-header h4{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0}.weather-uv-chart-time-labels{color:#fff;display:flex;font-size:.8rem;gap:1.5rem;text-shadow:0 1px 2px #00000080}.weather-uv-chart-wrapper{display:flex;justify-content:center;margin:1rem 0}.weather-uv-chart{background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);border:2px solid #5ccfe64d;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a}.weather-uv-chart-tooltip{fill:#fff;font-size:12px;font-weight:600;text-shadow:0 2px 4px #000c}.weather-uv-chart-current-label{font-size:10px;font-weight:600;text-shadow:0 1px 2px #000c}.weather-uv-chart-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.weather-uv-chart-legend-item{align-items:center;color:#fff;display:flex;font-size:.8rem;gap:.5rem;text-shadow:0 1px 2px #00000080}.weather-uv-chart-legend-color{border:2px solid #fff6;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:12px;width:12px}.weather-uv-selected-info{background-color:#5ccfe61a;border:1px solid var(--accent-color);border-radius:6px;margin-top:1rem;padding:1rem;text-align:center}.weather-uv-selected-time{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.weather-uv-selected-value{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.weather-uv-selected-level{font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.weather-uv-chart-loading{color:var(--secondary-color);font-style:italic;padding:2rem;text-align:center}.weather-additional-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;padding:1.5rem;position:relative;transition:all .2s ease}.weather-additional-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.weather-additional-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem}.weather-additional-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.weather-additional-item{align-items:center;background-color:#5ccfe60d;border:1px solid #5ccfe61a;border-radius:6px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.weather-additional-item:hover{background-color:#5ccfe61a;transform:scale(1.02)}.weather-additional-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.weather-additional-content{display:flex;flex-direction:column;gap:.25rem}.weather-additional-label{color:var(--secondary-color);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.weather-additional-value{color:var(--primary-color);font-size:1rem;font-weight:600}.weather-hourly-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .2s ease}.weather-hourly-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.weather-hourly-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem}.weather-hourly-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin}.weather-hourly-scroll::-webkit-scrollbar{height:6px}.weather-hourly-scroll::-webkit-scrollbar-track{background:#0000}.weather-hourly-scroll::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}.weather-hourly-item{align-items:center;background-color:#5ccfe60d;border:1px solid #5ccfe61a;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;min-width:100px;padding:1rem;transition:all .2s ease}.weather-hourly-item:hover{background-color:#5ccfe626;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.weather-hourly-item.current-hour{background-color:#5ccfe633;border:2px solid var(--primary-color);box-shadow:0 4px 12px #5ccfe64d;transform:translateY(-2px)}.weather-current-indicator{background-color:var(--primary-color);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .4rem;position:absolute;right:4px;text-transform:uppercase;top:-8px}.weather-hourly-time{color:var(--primary-color);font-size:.9rem;font-weight:600}.weather-hourly-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.weather-hourly-temp{color:var(--primary-color);font-size:1.1rem;font-weight:600}.weather-hourly-precip{color:var(--secondary-color);font-size:.8rem}.weather-daily-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .2s ease}.weather-daily-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.weather-daily-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem}.weather-daily-list{display:flex;flex-direction:column;gap:.75rem}.weather-daily-item{grid-gap:1rem;align-items:center;background-color:#5ccfe60d;border:1px solid #5ccfe61a;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr auto auto auto auto;padding:1rem;transition:all .2s ease}.weather-daily-item:hover{background-color:#5ccfe61a;transform:translateX(4px)}.weather-daily-day{color:var(--primary-color);font-size:1rem;font-weight:600;min-width:120px}.weather-daily-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.weather-daily-precip{color:var(--secondary-color);font-size:.9rem;min-width:60px}.weather-daily-temps{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;min-width:100px}.weather-daily-high{color:var(--primary-color)}.weather-daily-low,.weather-daily-separator,.weather-daily-wind{color:var(--secondary-color)}.weather-daily-wind{font-size:.9rem;min-width:80px}.weather-welcome-card{background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 6px #0003;margin-bottom:1.5rem;padding:4rem 2rem;text-align:center}.weather-welcome-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:5rem;margin-bottom:1.5rem}.weather-welcome-card h2{color:var(--primary-color);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1rem}.weather-welcome-card p{color:var(--secondary-color);font-size:clamp(1rem,2vw,1.2rem);margin:0}@media (max-width:768px){.weather-container{padding:.75rem 1rem}.weather-h1-card{border-radius:8px;margin:.3rem auto 1.2rem;padding:.35rem 1.1rem}.weather-search-card{padding:1.5rem 1.5rem 1.5rem 4rem}.weather-search-card.collapsed{padding:1rem 1.5rem 1rem 4rem}.weather-search-toggle-btn{font-size:.8rem;height:28px;left:.75rem;top:1rem;width:28px}.weather-search-toggle-btn:hover{transform:scale(1.1)}.weather-search-card.collapsed .weather-search-toggle-btn{left:.75rem;transform:none}.weather-search-card.collapsed .weather-search-toggle-btn:hover{transform:scale(1.1)}.weather-search-form{align-items:stretch;flex-direction:column}.weather-search-collapsed{padding-top:0;text-align:center}.weather-current-location-btn{max-width:300px;width:100%}.weather-auto-refresh-btn,.weather-interval-select,.weather-location-btn,.weather-refresh-btn,.weather-search-btn,.weather-search-input{width:100%}.weather-card-toggle-btn{font-size:.8rem;height:28px;left:.75rem;top:1rem;width:28px}.weather-card-save-btn{right:3rem}.weather-card-refresh-btn,.weather-card-save-btn{font-size:.9rem;height:32px;top:.75rem;width:32px}.weather-card-refresh-btn{right:.75rem}.weather-current-card.collapsed{padding:.75rem 1rem}.weather-collapsed-summary{padding:.5rem 0}.weather-auto-refresh-info{font-size:.85rem;padding:.6rem .8rem}.weather-current-card{border-radius:14px;padding:1.5rem 1rem}.weather-header-content{padding-top:0}.weather-current-details{gap:1rem;grid-template-columns:repeat(2,1fr)}.weather-location-name{font-size:clamp(1.3rem,4vw,1.8rem)}.weather-current-card.collapsed .weather-location-name{font-size:clamp(.9rem,3.2vw,1.1rem)}.weather-additional-grid,.weather-grid-two-col{grid-template-columns:1fr}.weather-uv-chart-header{flex-direction:column;gap:.5rem;text-align:center}.weather-uv-chart-time-labels{gap:2rem;justify-content:center}.weather-uv-chart-wrapper{overflow-x:auto;padding:.5rem 0}.weather-uv-chart-legend{gap:.5rem}.weather-uv-chart-legend-item{font-size:.75rem}.weather-daily-item{gap:.75rem;grid-template-columns:1fr;text-align:center}.weather-daily-day,.weather-daily-precip,.weather-daily-temps,.weather-daily-wind{justify-content:center;min-width:auto}.weather-daily-icon{display:flex}.weather-daily-icon,.weather-daily-temps{justify-content:center}}@media (max-width:480px){.weather-container{padding:.5rem}.weather-h1-card{border-radius:8px;margin-bottom:1rem;margin-top:.5rem;padding:.3rem .8rem}.weather-search-card{margin-bottom:.75rem;padding:1rem 1rem 1rem 3.5rem}.weather-search-card.collapsed{padding:.75rem .75rem .75rem 3.5rem}.weather-search-toggle-btn{font-size:.75rem;height:24px;left:.5rem;top:.8rem;width:24px}.weather-search-toggle-btn:hover{transform:scale(1.1)}.weather-search-card.collapsed .weather-search-toggle-btn{left:.5rem;transform:none}.weather-search-card.collapsed .weather-search-toggle-btn:hover{transform:scale(1.1)}.weather-search-collapsed{padding-top:0;text-align:center}.weather-current-location-btn{font-size:clamp(.8rem,2.8vw,.9rem);margin-left:-20px;max-width:260px;min-width:160px;padding:.5rem 1.2rem;width:auto}.weather-search-collapsed-text{font-size:clamp(.85rem,3vw,.95rem)}.weather-current-card{margin-bottom:.75rem;padding:1rem .75rem}.weather-additional-card,.weather-daily-card,.weather-hourly-card,.weather-uv-card{margin-bottom:.75rem;padding:1rem}.weather-grid-two-col{gap:.75rem;margin-bottom:.75rem}.weather-header-content{padding-top:0}.weather-card-toggle-btn{font-size:.75rem;height:24px;left:.5rem;top:.8rem;width:24px}.weather-card-save-btn{right:2.5rem}.weather-card-refresh-btn,.weather-card-save-btn{font-size:.85rem;height:28px;top:.5rem;width:28px}.weather-card-refresh-btn{right:.5rem}.weather-current-card.collapsed{padding:.6rem .75rem}.weather-collapsed-summary{gap:.5rem;padding:.25rem 0}.weather-collapsed-main{gap:.75rem}.weather-collapsed-city{font-size:clamp(.9rem,3.5vw,1.1rem)}.weather-collapsed-coords{font-size:clamp(.65rem,2.5vw,.8rem)}.weather-auto-refresh-info{font-size:.8rem;padding:.5rem .6rem}.weather-current-icon{font-size:3rem}.weather-current-temp{font-size:2.5rem}.weather-current-details{grid-template-columns:1fr}.weather-location-name{font-size:clamp(1.2rem,5vw,1.6rem)}.weather-current-card.collapsed .weather-location-name{font-size:clamp(.8rem,4vw,1rem)}.weather-hourly-item{min-width:80px;padding:.75rem}.weather-daily-icon,.weather-hourly-icon{font-size:1.5rem}.weather-uv-chart-time-labels{font-size:.7rem;gap:1rem}.weather-uv-chart-wrapper{margin:.5rem 0}.weather-uv-chart-legend{gap:.25rem}.weather-uv-chart-legend-item{font-size:.7rem;gap:.25rem}.weather-uv-chart-legend-color{height:10px;width:10px}.weather-uv-selected-info{padding:.75rem}.weather-uv-selected-time{font-size:1rem}.weather-uv-selected-value{font-size:1.1rem}.weather-uv-selected-level{font-size:.9rem}.weather-welcome-card{padding:3rem 1.5rem}.weather-welcome-icon{font-size:4rem}}@media (max-width:430px) and (min-height:900px){.weather-container{padding:.75rem 1rem}.weather-h1-card{border-radius:8px;margin-bottom:1.5rem;margin-top:.5rem;padding:.4rem 1rem}.weather-h1-card h1{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:.5rem}}@media (min-width:1200px){.weather-container{padding:2rem 2.5rem}.weather-h1-card{margin:1rem auto 1.5rem;padding:.6rem 1.5rem}.weather-h1-card h1{font-size:clamp(1.4rem,2.5vw,2rem)}.weather-current-card{border-radius:12px;padding:2.5rem}.weather-current-details{grid-template-columns:repeat(4,1fr)}.weather-grid-two-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.weather-grid-two-col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}}.dark-theme .weather-additional-label,.dark-theme .weather-additional-value,.dark-theme .weather-collapsed-city,.dark-theme .weather-collapsed-coords,.dark-theme .weather-collapsed-desc,.dark-theme .weather-collapsed-temp,.dark-theme .weather-coordinates,.dark-theme .weather-current-date,.dark-theme .weather-current-description,.dark-theme .weather-current-temp,.dark-theme .weather-daily-day,.dark-theme .weather-daily-high,.dark-theme .weather-daily-low,.dark-theme .weather-daily-precip,.dark-theme .weather-daily-wind,.dark-theme .weather-detail-label,.dark-theme .weather-detail-value,.dark-theme .weather-error-card p,.dark-theme .weather-hourly-precip,.dark-theme .weather-hourly-temp,.dark-theme .weather-hourly-time,.dark-theme .weather-loading-card p,.dark-theme .weather-location-name,.dark-theme .weather-update-label,.dark-theme .weather-update-time,.dark-theme .weather-uv-chart-current-label,.dark-theme .weather-uv-chart-legend-item,.dark-theme .weather-uv-chart-time-labels,.dark-theme .weather-uv-chart-tooltip,.dark-theme .weather-uv-description,.dark-theme .weather-uv-index,.dark-theme .weather-uv-level,.dark-theme .weather-uv-selected-level,.dark-theme .weather-uv-selected-time,.dark-theme .weather-uv-selected-value,.dark-theme .weather-welcome-card h2,.dark-theme .weather-welcome-card p{color:#fff}.dark-theme .weather-search-input{background-color:var(--secondary-color);color:#fff}.dark-theme .weather-search-input::placeholder{color:#ffffffb3}.light-theme .weather-h1-card{background-color:var(--card-bg-color)}.light-theme .weather-additional-card,.light-theme .weather-current-card,.light-theme .weather-daily-card,.light-theme .weather-hourly-card,.light-theme .weather-loading-card,.light-theme .weather-search-card,.light-theme .weather-uv-card,.light-theme .weather-welcome-card{background-color:var(--card-bg-color);color:#fff}.weather-container,body,html{overflow-x:hidden}.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(1300px,92vw);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-scrollable{margin-bottom:2rem;width:100%}.scrollable-buttons-container{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scroll-behavior:smooth;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin}.scrollable-buttons-container::-webkit-scrollbar{height:8px}.scrollable-buttons-container::-webkit-scrollbar-track{background:#0000}.scrollable-buttons-container::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px}.scrollable-buttons-container::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.home-btn{align-items:center;background-color:var(--primary-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #00000026;box-sizing:border-box;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.7rem;justify-content:flex-start;max-width:320px;min-height:80px;min-width:280px;outline:none;padding:.75rem 1.5rem;text-align:left;text-decoration:none;transition:all var(--transition-speed);width:280px}.home-btn:focus,.home-btn:hover{background-color:var(--accent-color);box-shadow:0 4px 16px #00000040;color:#fff;transform:translateY(-2px)}.home-btn:active{transform:translateY(0)}.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;width:100%}.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;width:100%}.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:6px;box-shadow:0 2px 6px #0003;margin:.5rem auto 1rem;max-width:none;padding:.4rem 1.2rem;text-align:center;width:100%}.h1-card-home h1{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;line-height:1.2;margin: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)}.support-card.full-width{grid-column:1/-1;width:100%}.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 screen and (max-width:600px){.h1-card-home{margin:.3rem auto 1rem;padding:.35rem 1.1rem}.home-sections{gap:.7rem}}@media (max-width:480px){.h1-card-home{border-radius:8px;margin:.1rem auto .4rem;padding:.25rem .9rem}.home-buttons{gap:.75rem;grid-template-columns:1fr}.home-btn{font-size:.9rem;padding:.6rem .8rem .6rem 1rem}.home-sections{gap:.6rem}.home-card{padding:.8rem .5rem .6rem}.home-btn{font-size:.85rem;max-width:260px;min-height:65px;min-width:240px;padding:.5rem .8rem;width:240px}.scrollable-buttons-container{gap:.8rem;padding:.4rem 0}.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-buttons{gap:.75rem;grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.home-buttons{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:862px) and (max-width:1024px){.home-buttons{gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:700px}}@media (min-width:1025px){.home-buttons{gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:800px}}@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-header h1{font-size:1.2rem}.subtitle{font-size:1rem}.home-buttons-scrollable{margin-bottom:1.2rem}.scrollable-buttons-container{gap:.75rem;padding:.5rem 0}.home-btn{font-size:.9rem;max-width:280px;min-height:70px;min-width:250px;padding:.6rem 1rem;width:250px}.home-sections{gap:.8rem;grid-template-columns:1fr}.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(1300px,92vw);padding:1rem 1.25rem}.home-buttons-scrollable{margin-bottom:1.8rem}.scrollable-buttons-container{gap:1rem;padding:.75rem 0}.home-btn{font-size:.95rem;max-width:300px;min-height:75px;min-width:260px;padding:.7rem 1.1rem;width:260px}.home-card{padding:1.2rem .8rem 1rem}}@media (min-width:769px) and (max-width:900px){.home-container{max-width:min(1300px,92vw)}.home-buttons{gap:.5rem}.home-btn{font-size:.95rem;min-width:48%;padding:.6rem 1rem}}@media (min-width:1200px){.home-container{max-width:min(1300px,92vw);padding-left:2.5rem;padding-right:2.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:#89c3f1;--medium-priority-color:#50fa7b;--copied-color:#4c9f70;--task-text-color:#abb2bf;--border-radius:6px;--box-shadow:0 4px 10px #0000004d;--transition-speed:0.3s;--button-text-color:#fff;--button-hover-scale:1.05;--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;--button-text-color:#fff;--button-hover-scale:1.05;--box-shadow:0 4px 10px #0003}.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;--button-text-color:#fff;--button-hover-scale:1.05;--box-shadow:0 4px 10px #0000004d}*{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(1.05);transform:scale(var(--button-hover-scale))}:focus-visible{outline:2px dashed #5ccfe6;outline:2px dashed var(--accent-color);outline-offset:4px}
/*# sourceMappingURL=main.8ddb1308.css.map*/