.navbar{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#141414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;box-shadow:0 2px 8px #0000004d;border-bottom:1px solid rgba(92,207,230,.1);flex-wrap:nowrap}.navbar-left,.navbar-center,.navbar-right{display:flex;align-items:center}.navbar-left{flex:1}.navbar-center{flex:2;justify-content:center;min-width:0}.navbar-right{flex:1;justify-content:flex-end;background-color:transparent;gap:10px}.navbar-logo{display:flex;align-items:center;gap:10px}.logo-image{height:40px;width:auto;object-fit:contain}.logo-text{color:#5ccfe6;font-size:1.6em;font-weight:600}.nav-links{list-style:none;display:flex;gap:15px;align-items:center;flex-shrink:1;white-space:nowrap;position:relative}.nav-link{color:var(--nav-text-color);text-decoration:none;font-size:1em;padding:10px 5px;position:relative;transition:color .4s ease,transform .4s cubic-bezier(.23,1,.32,1)}.nav-link:before,.nav-link:after{content:"";position:absolute;bottom:0;height:2px;width:50%;background-color:var(--accent-color);transform:scaleX(0);transition:transform .75s ease}.nav-link:before{left:0;transform-origin:left}.nav-link:after{right:0;transform-origin:right}.nav-link:hover,.nav-link.active{color:#5ccfe6;transform:scale(1.08) translateY(-2px);text-shadow:0 0 5px rgba(92,207,230,.4)}.nav-link:hover:before,.nav-link:hover:after,.nav-link.active:before,.nav-link.active:after{transform:scaleX(1)}.more-dropdown{position:relative;display:none}.more-dropdown-btn{background-color:transparent;border:none;color:var(--nav-text-color);font-size:1em;padding:10px 5px;cursor:pointer;transition:color .4s ease,transform .4s cubic-bezier(.23,1,.32,1);position:relative}.more-dropdown-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--accent-color);transform:scaleX(0);transition:transform .75s ease}.more-dropdown-btn:hover{color:#5ccfe6;transform:scale(1.08) translateY(-2px);text-shadow:0 0 5px rgba(92,207,230,.4)}.more-dropdown-btn:hover:after{transform:scaleX(1)}.more-dropdown-menu{position:absolute;top:100%;right:0;background-color:#1a1a1af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(92,207,230,.2);border-radius:8px;box-shadow:0 4px 16px #0006;list-style:none;padding:10px 0;margin:5px 0 0;min-width:150px;z-index:1001;animation:dropdownFadeIn .2s ease}@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;padding:10px 20px;font-size:1em}.more-dropdown-menu .nav-link:before,.more-dropdown-menu .nav-link:after{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-desktop{display:flex}.theme-toggle-mobile-item,.coffee-mobile-item{display:none}.buy-coffee-mobile-link{display:block;width:100%;font-size:1.2em;font-weight:600;padding:16px 20px;color:#fff;text-decoration:none;letter-spacing:.5px;transition:all .3s ease;background-color:#5ccfe60d;border-radius:8px;border:1px solid transparent;text-align:center}.buy-coffee-mobile-link:hover{color:#5ccfe6;transform:scale(1.02);background-color:#5ccfe626;border-color:#5ccfe64d}.theme-toggle-btn-mobile{background:none;border:none;color:#5ccfe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:12px;outline:none;margin:0 auto;-webkit-tap-highlight-color:transparent}.theme-toggle-btn-mobile:focus,.theme-toggle-btn-mobile:active,.theme-toggle-btn-mobile:focus-visible{outline:none;box-shadow:none}.theme-toggle-btn-mobile:hover{transform:scale(1.15)}.theme-toggle-btn-mobile svg{width:28px;height:28px;transition:transform .3s ease}.theme-toggle-btn-mobile:hover svg{transform:rotate(15deg)}.theme-toggle-btn{background:none;border:none!important;color:#5ccfe6;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.theme-toggle-btn:focus,.theme-toggle-btn:active,.theme-toggle-btn:focus-visible{outline:none;box-shadow:none}.theme-toggle-btn svg{width:16px;height:16px;transition:transform .3s ease}.theme-toggle-btn:hover{background-color:transparent;box-shadow:none;outline:none;transform:none}.theme-toggle-btn:hover svg{transform:rotate(15deg)}.theme-toggle-btn:focus{outline:none;box-shadow:none;background-color:transparent}.theme-toggle-btn:active{transform:scale(.95);outline:none;box-shadow:none;background-color:transparent}.buy-coffee-btn{background-color:var(--primary-color);color:#fff;font-weight:700;padding:8px 12px;border-radius:6px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 6px #0003;white-space:nowrap;border:none;display:flex;align-items:center;justify-content:center;gap:6px}.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;transform:translateY(-2px);color:#fff;box-shadow:0 4px 8px #5ccfe64d}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;margin-left:10px}.hamburger .bar{width:25px;height:3px;background-color:#5ccfe6;transition:all .3s ease;border-radius:2px}.hamburger.active .bar:nth-child(1){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{font-size:1.4em;color:#5ccfe6}.theme-toggle-btn{width:auto;height:auto;font-size:1.1rem}.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{width:auto;height:auto;font-size:1rem}.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{font-size:1.1em}.nav-link{font-size:1.1em;padding:14px 16px}.nav-links li{max-width:280px}.nav-links{gap:16px;padding:20px 15px}.theme-toggle-btn{width:auto;height:auto;font-size:.95rem}.theme-toggle-btn svg{width:14px;height:14px}.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{display:none;position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background-color:#0a0a0af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;gap:20px;z-index:1000;overflow-y:auto;transform:translateY(-100%);opacity:0;transition:transform .35s ease,opacity .3s ease;box-shadow:0 4px 18px #00000080;border-bottom:1px solid rgba(92,207,230,.1)}.nav-links.open{display:flex;transform:translateY(0);opacity:1}.nav-links li{width:100%;max-width:300px;text-align:center}.nav-links li.always-visible-nav-item{width:100%;max-width:300px;display:flex}.nav-link{display:block;width:100%;font-size:1.2em;font-weight:600;padding:16px 20px;color:#fff;text-decoration:none;letter-spacing:.5px;transition:all .3s ease;background-color:#5ccfe60d;border-radius:8px;border:1px solid transparent}.light-theme .nav-links .nav-link,.dark-theme .nav-links .nav-link{color:#fff}.nav-link:hover,.nav-link.active{color:#5ccfe6;transform:scale(1.02);background-color:#5ccfe626;border-color:#5ccfe64d}.light-theme .nav-link:hover,.light-theme .nav-link.active,.dark-theme .nav-link:hover,.dark-theme .nav-link.active{color:#5ccfe6;transform:scale(1.05)}.navbar-right{position:static}.navbar-right .theme-toggle-desktop{display:flex!important;position:absolute;left:50%;transform:translate(-50%)}.buy-coffee-btn{padding:5px 10px;width:auto;text-align:center}.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}.light-theme .nav-link,.dark-theme .nav-link{color:#fff}.coffee-mobile-item{display:flex;width:100%;max-width:300px}.light-theme .buy-coffee-mobile-link,.dark-theme .buy-coffee-mobile-link{color:#fff}.light-theme .buy-coffee-mobile-link:hover,.dark-theme .buy-coffee-mobile-link:hover{color:#5ccfe6}}@media (min-width: 769px){.mobile-visible{display:none}.desktop-visible{display:inline-block}.buy-coffee-btn{width:auto;text-align:center}}.light-theme .buy-coffee-btn{background-color:#5ccfe6;color:#fff}.light-theme .navbar{background-color:#141414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(92,207,230,.1)}.buy-coffee-icon-btn{background:none;border:none!important;color:#5ccfe6;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:1.5rem;position:relative;top:-2px}.buy-coffee-icon-btn:hover{background-color:transparent;transform:none;box-shadow:none}.login-btn{background:none;border:none!important;color:#5ccfe6;padding:6px 14px;border-radius:18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;outline:none}.login-btn:hover{background-color:#5ccfe61a;transform:scale(1.05);box-shadow:0 4px 8px #5ccfe64d}.login-btn:focus,.login-btn:active{outline:none}.user-dropdown{position:relative}.user-dropdown-btn{background:none;border:none;color:#5ccfe6;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.user-dropdown-btn:hover{background-color:#5ccfe61a;transform:scale(1.1)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:#141414f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:12px;min-width:200px;box-shadow:0 4px 12px #0000004d;z-index:1001}.user-email{color:#5ccfe6;font-size:.85rem;padding:8px 12px;border-bottom:1px solid rgba(92,207,230,.2);margin-bottom:8px;word-break:break-word}.signout-btn{width:100%;background-color:transparent;color:#fff;border:1px solid rgba(92,207,230,.3);padding:8px 12px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.signout-btn:hover{background-color:#5ccfe61a;border-color:#5ccfe6;color:#5ccfe6}.light-theme .user-dropdown-menu{background-color:#fffffff2;border-color:#5ccfe64d}.light-theme .user-email{color:#2c3e50;border-bottom-color:#5ccfe64d}.light-theme .signout-btn{color:#2c3e50;border-color:#5ccfe666}.light-theme .signout-btn:hover{background-color:#5ccfe61a;color:#5ccfe6}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-container{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:400px;position:relative;box-shadow:0 10px 40px #0003;margin:auto;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 480px){.auth-overlay{align-items:flex-start;padding:.5rem}.auth-container{padding:1.5rem;border-radius:8px;max-height:calc(100vh - 1rem);margin-top:.5rem;margin-bottom:.5rem}}.auth-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#666;line-height:1;padding:0;width:30px;height:30px}.auth-close:hover{color:#000}.auth-container h2{margin-top:0;margin-bottom:1.5rem;color:#333;font-size:1.5rem;text-align:center}@media (max-width: 480px){.auth-container h2{font-size:1.25rem;margin-bottom:1rem}}.form-group{margin-bottom:1.25rem}@media (max-width: 480px){.form-group{margin-bottom:1rem}}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}@media (max-width: 480px){.form-group input{padding:.65rem;font-size:.95rem}}.form-group input::placeholder{color:#fff;opacity:1}.form-group input:focus{outline:none;border-color:#4a90e2}.auth-submit{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}@media (max-width: 480px){.auth-submit{padding:.65rem;font-size:.9rem}}.auth-submit:hover:not(:disabled){background-color:#357abd}.auth-submit:disabled{background-color:#a0c4e8;cursor:not-allowed}.auth-error{background-color:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.auth-message{background-color:#efe;color:#383;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.auth-forgot-password{margin-top:.75rem;margin-bottom:0;text-align:center}.auth-forgot-password button{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s}.auth-forgot-password button:hover{background-color:#357abd}@media (max-width: 480px){.auth-forgot-password{margin-bottom:.75rem}.auth-forgot-password button{padding:.65rem;font-size:.9rem}}.auth-toggle{margin-top:1.5rem;text-align:center}.auth-toggle-text{color:#666;font-size:.95rem;margin-bottom:.5rem}.auth-toggle button{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}@media (max-width: 480px){.auth-toggle{font-size:.9rem}.auth-toggle button{padding:.65rem;font-size:.9rem}}.auth-toggle button:hover{background-color:#357abd}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media (max-width: 480px){.oauth-buttons{gap:.5rem;margin-bottom:1rem}}.oauth-btn{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#333}@media (max-width: 480px){.oauth-btn{padding:.65rem;font-size:.9rem}}.oauth-btn:hover:not(:disabled){background-color:#f8f8f8;border-color:#999}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-btn svg{flex-shrink:0}.google-btn:hover:not(:disabled){background-color:#f8f9fa}.github-btn{background-color:#24292e;color:#fff;border-color:#24292e}.github-btn:hover:not(:disabled){background-color:#1a1e22;border-color:#1a1e22}.discord-btn{background-color:#5865f2;color:#fff;border-color:#5865f2}.discord-btn:hover:not(:disabled){background-color:#4752c4;border-color:#4752c4}.divider{position:relative;text-align:center;margin:1.5rem 0}@media (max-width: 480px){.divider{margin:1rem 0}}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd}.divider span{position:relative;background-color:#fff;padding:0 1rem;color:#999;font-size:.9rem}@media (max-width: 480px){.divider span{font-size:.85rem;padding:0 .75rem}}button:hover{background-color:var(--accent-color);transform:scale(1.05)}.TimerApp{text-align:center;padding:1.25rem 1.5rem;max-width:min(1300px,92vw);margin:0 auto;background-color:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.row.top-row,.row.bottom-row{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px;width:100%;margin-bottom:40px}.row.top-row .col,.row.bottom-row .col{margin:0}.row.top-row .card,.row.bottom-row .card{background-color:var(--card-bg-color);height:100%;display:flex;flex-direction:column;min-height:450px}.TimerApp .task-input-container.card,.TimerApp .session-log.card{background-color:var(--card-bg-color);min-height:450px}}.TimerApp .card{background-color:var(--card-bg-color);padding:24px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:flex-start;width:100%;box-sizing:border-box;min-height:450px;max-width:100%}.TimerApp .card h2,.TimerApp .card h3{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-size:1.3em}.TimerApp .h1-card-timer{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:1.5rem 1.5rem 2rem;margin-top:.15rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.TimerApp .h1-card-timer h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;margin-bottom:1rem;color:var(--primary-color);line-height:1.2}.timer-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:flex-start;padding:8px 0;gap:8px}.TimerApp .timer-card,.timer-container .card{background-color:var(--card-bg-color);display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:16px;gap:8px;align-items:center}.mode-indicator{margin-bottom:4px;font-size:1.1em;color:var(--primary-color);font-weight:500;text-align:center;width:100%;flex-shrink:0}.mode-selector{display:flex;justify-content:center;gap:12px;margin-bottom:4px;flex-wrap:wrap;width:100%;flex-shrink:0}.mode-selector button{background-color:var(--secondary-color);color:var(--text-color);border:none;padding:10px 20px;cursor:pointer;font-size:1em;border-radius:6px;transition:background-color var(--transition-speed),transform .2s;min-width:100px;min-height:40px}.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{font-size:clamp(3rem,10vw,5rem);margin:0;color:var(--text-color);text-shadow:1px 1px 2px rgba(0,0,0,.4);font-weight:600;line-height:1;text-align:center;width:100%;flex:1;display:flex;align-items:center;justify-content:center}.progress-bar{width:100%;max-width:600px;height:10px;background-color:var(--secondary-color);border-radius:5px;overflow:hidden;margin:4px 0;flex-shrink:0}.progress{height:100%;background-color:var(--primary-color);transition:width .3s ease}.timer-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:4px;width:100%;padding-top:0;flex-shrink:0}.timer-buttons button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:.95em;border-radius:6px;transition:background-color var(--transition-speed),transform .2s;min-width:100px;flex:1;max-width:140px;min-height:38px}.timer-buttons button:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale))}.youtube-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:visible;height:100%;justify-content:flex-start;padding:15px 0;gap:15px}.TimerApp .youtube-container .card{background-color:var(--card-bg-color);padding:24px;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:visible;gap:15px;position:relative}.youtube-container h3{margin-bottom:0;text-align:center;width:100%;font-size:1.2em;flex-shrink:0;color:var(--primary-color)}.sound-controls{width:100%;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:space-between;gap:15px;position:relative}.youtube-container .sound-player-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;min-height:220px;overflow:visible;flex:1;justify-content:flex-start;gap:15px;position:relative}.youtube-container .video-wrapper{width:100%;max-width:100%;margin:0 auto;padding:0;position:relative;box-sizing:border-box;min-height:160px;overflow:visible;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;flex:1}.youtube-container .video-frame,.youtube-container iframe,.youtube-container .react-youtube{width:100%!important;height:100%!important;min-height:180px;max-height:none;border:none;border-radius:6px;overflow:visible;aspect-ratio:16 / 9;object-fit:contain;position:relative;z-index:1}.video-controls-row{display:flex;gap:15px;justify-content:center;align-items:center;width:100%;margin:auto 0 0;flex-wrap:wrap;flex-shrink:0;padding:10px 0}.video-controls-row button{height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:12px 24px;font-size:1em;border-radius:6px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:background-color var(--transition-speed),transform .2s;min-width:100px;flex:none;box-shadow:var(--box-shadow)}.video-controls-row button:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale))}.video-controls-row button:disabled{opacity:.5;cursor:not-allowed}.video-controls-row button:disabled:hover{transform:none}.manage-sound-button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;font-size:1em;border-radius:6px;cursor:pointer;transition:background-color var(--transition-speed),transform .2s;min-width:100px;max-width:140px;flex:none;box-shadow:var(--box-shadow);margin-top:0;align-self:center;flex-shrink:0;height:44px}.manage-sound-button:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale))}.task-input-container,.session-log{width:100%;display:flex;flex-direction:column;height:100%}.task-input-container .form-row{display:flex;flex-direction:column;margin-bottom:10px;flex-shrink:0}.task-input-container .form-row label{font-weight:600;margin-bottom:3px;color:var(--primary-color)}.task-input-container .form-row input{padding:12px 16px;border:2px solid var(--secondary-color);border-radius:6px;background-color:var(--background-color);color:var(--text-color);font-size:1em;transition:border-color var(--transition-speed);min-height:44px;box-sizing:border-box}.task-input-container .form-row input:focus{outline:none;border-color:var(--primary-color)}.add-task-button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;cursor:pointer;font-size:1em;border-radius:6px;transition:background-color var(--transition-speed),transform .2s;margin-top:10px;width:100%;min-width:auto;max-width:none;flex:none;flex-shrink:0;min-height:44px}.add-task-button:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale))}.task-list{margin-top:20px;flex:1;min-height:0;display:flex;flex-direction:column}.task-list-wrapper{width:100%;flex:1;overflow-y:auto;padding-right:4px;min-height:0}.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{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:12px;background-color:var(--secondary-color);border-radius:6px;margin-bottom:10px;transition:background-color var(--transition-speed) ease;min-height:44px}.task-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.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{white-space:nowrap;font-size:.9em;color:var(--primary-color);text-align:right}.session-log h3{flex-shrink:0}.session-log .log-list{flex:1;overflow-y:auto;padding-right:4px;min-height:0}.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{text-align:center;font-style:italic;color:var(--text-color);margin-top:10px;opacity:.8}.log-list{list-style:none;padding:0;margin:0}.log-entry{display:flex;align-items:center;background-color:var(--card-bg-color);margin-bottom:10px;padding:14px 16px;border-radius:8px;border:1px solid transparent;transition:all var(--transition-speed) ease;color:var(--text-color);font-size:.95em;min-height:50px;box-shadow:0 2px 4px #0000001a;position:relative}.log-entry:hover{background-color:#5ccfe61a;border-color:var(--primary-color);transform:translate(4px);box-shadow:0 4px 8px #5ccfe633}.log-entry-icon{margin-right:12px;color:var(--primary-color);font-size:1.3em;filter:drop-shadow(0 2px 4px rgba(92,207,230,.3))}.log-entry-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1}.log-delete-button{background-color:transparent;color:var(--text-color);border:none;border-radius:50%;width:28px;height:28px;font-size:1.5em;line-height:1;cursor:pointer;padding:0;margin-left:12px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all var(--transition-speed) ease;min-height:auto;box-shadow:none;flex-shrink:0}.log-delete-button:hover{background-color:#e74c3c33;color:#e74c3c;opacity:1;transform:scale(1.1)}.log-delete-button:active{transform:scale(.95)}.log-task-name{font-weight:600;color:var(--primary-color);font-size:1em;letter-spacing:.3px}.log-time{font-size:.85em;color:#fffc;font-weight:400;opacity:.9}.settings-modal,.music-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color);padding:20px;border-radius:var(--border-radius);z-index:999;width:90%;max-width:420px;color:var(--text-color);box-shadow:var(--box-shadow)}.settings-modal h2,.music-modal h2{margin-bottom:15px;color:var(--primary-color);text-align:center}.settings-modal label,.music-modal .track-url{display:block;margin:10px 0;color:var(--text-color);font-size:.95em}.settings-modal .input-row,.music-modal .form-row{display:flex;align-items:center;gap:5px}.settings-modal button,.music-modal button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;margin:10px 5px 0 0;cursor:pointer;border-radius:6px;transition:background-color var(--transition-speed);min-width:auto;max-width:none;flex:none;min-height:44px}.settings-modal button:hover,.music-modal button:hover{background-color:var(--accent-color)}.timer-h1-text-only{text-align:center;margin:0 auto;padding:0;width:100%}.timer-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1.3rem;padding-bottom:1.5rem;line-height:1.2}@media screen and (max-width: 768px){.timer-h1-text-only{margin:0 auto}.timer-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1.3rem;padding-bottom:2rem;margin:0}.TimerApp{max-width:95vw!important;padding:.75rem 1rem 1.5rem;width:100%}.TimerApp .h1-card-timer{margin-top:.1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:.25rem .7rem 1rem;border-radius:8px}.row{gap:16px;margin-bottom:16px;justify-content:stretch}.row .col{min-width:0!important;max-width:100%!important;margin-bottom:16px;width:100%}.card{background-color:var(--card-bg-color);padding:16px;min-height:400px}.TimerApp .timer-card{margin-top:0}.timer-container{padding:6px 0;gap:6px}.TimerApp .timer-card{background-color:var(--card-bg-color);padding:12px;gap:6px}.mode-indicator{font-size:1.1em;margin-bottom:4px}.mode-selector{gap:8px;margin-bottom:4px;flex-wrap:wrap;justify-content:center}.mode-selector button{padding:10px 16px;font-size:.9em;min-width:80px;min-height:44px;flex:1;max-width:110px}.timer-display{font-size:clamp(3.5rem,10vw,4.5rem);margin:10px 0}.timer-buttons{gap:8px;margin-top:4px;flex-wrap:wrap;justify-content:center}.timer-buttons button{min-width:80px;padding:10px 16px;font-size:.9em;min-height:44px;flex:1;max-width:110px}.progress-bar{height:8px;margin:4px 0}.youtube-container{padding:15px 0;gap:15px}.TimerApp .youtube-container .card{background-color:var(--card-bg-color);padding:20px;gap:15px}.youtube-container h3{font-size:1.1em}.youtube-container .sound-player-container{min-height:160px;gap:15px}.youtube-container .video-wrapper{min-height:140px}.video-controls-row{gap:10px;flex-wrap:wrap;justify-content:center}.video-controls-row button{padding:10px 16px;font-size:.85em;min-width:90px;height:44px;flex:1;max-width:120px}.manage-sound-button{padding:10px 16px;min-width:90px;height:44px;width:100%;max-width:200px}}@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{min-width:280px;max-width:350px}.youtube-container .sound-player-container{min-height:200px}}@media screen and (min-width: 1024px){.TimerApp{max-width:min(1300px,92vw);padding:.5rem 1.5rem 1.5rem}.timer-h1-text-only{margin-top:0;margin-bottom:0}.timer-h1-text-only h1{padding-top:1.3rem;padding-bottom:1.5rem}.row{gap:22px;margin-bottom:30px}.row .col{min-width:400px;max-width:450px}.youtube-container .sound-player-container{min-height:220px}}@media screen and (min-width: 1200px){.TimerApp{max-width:1400px;padding-top:.75rem;padding-bottom:2rem;padding-left:20px;padding-right:20px}.timer-h1-text-only{margin-top:0;margin-bottom:0}.timer-h1-text-only h1{padding-top:1.3rem;padding-bottom:1.5rem}.card{background-color:var(--card-bg-color);padding:32px;min-height:600px}.row .col{min-width:500px;max-width:550px}.row{gap:24px;margin-bottom:30px}.mode-selector button{padding:15px 30px;font-size:1.1em;min-width:120px}.timer-display{font-size:clamp(4rem,12vw,6rem)}.timer-buttons button{padding:15px 30px;font-size:1.1em;min-width:120px;max-width:160px;min-height:42px}.progress-bar{height:16px}.youtube-container .video-wrapper{min-height:220px}.youtube-container .sound-player-container{min-height:280px}.video-controls-row button{padding:15px 30px;font-size:1.1em;min-width:120px;height:50px}.manage-sound-button{padding:15px 30px;font-size:1.1em;min-width:120px;max-width:150px;height:50px}}@media screen and (min-width: 1400px){.TimerApp{max-width:1600px;padding:25px}.card{background-color:var(--card-bg-color);padding:40px;min-height:700px}.row .col{min-width:600px;max-width:700px}.mode-selector button{padding:18px 36px;font-size:1.2em;min-width:140px}.timer-display{font-size:clamp(5rem,15vw,7rem)}.timer-buttons button{padding:18px 36px;font-size:1.2em;min-width:140px;max-width:180px;min-height:46px}.progress-bar{height:18px}.youtube-container .video-wrapper{min-height:250px}.youtube-container .sound-player-container{min-height:320px}.video-controls-row button{padding:18px 36px;font-size:1.2em;min-width:140px;height:55px}.manage-sound-button{padding:18px 36px;font-size:1.2em;min-width:140px;max-width:160px;height:55px}}@media screen and (min-width: 1800px){.TimerApp{max-width:1800px;padding-top:1rem;padding-bottom:2.5rem;padding-left:30px;padding-right:30px}.timer-h1-text-only{margin-top:0;margin-bottom:0}.timer-h1-text-only h1{padding-top:1.3rem;padding-bottom:1.5rem}.row{gap:32px;margin-bottom:40px}.card{background-color:var(--card-bg-color);padding:50px;min-height:800px}.row .col{min-width:700px;max-width:800px}.mode-selector button{padding:20px 40px;font-size:1.3em;min-width:160px}.timer-display{font-size:clamp(6rem,18vw,8rem)}.timer-buttons button{padding:20px 40px;font-size:1.3em;min-width:160px;max-width:200px;min-height:50px}.progress-bar{height:20px}.youtube-container .video-wrapper{min-height:300px}.youtube-container .sound-player-container{min-height:380px}.video-controls-row button{padding:20px 40px;font-size:1.3em;min-width:160px;height:60px}.manage-sound-button{padding:20px 40px;font-size:1.3em;min-width:180px;height:60px}}@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){.video-controls-row button,.manage-sound-button,.timer-buttons button,.mode-selector button,.add-task-button,.task-item input[type=checkbox]{min-height:44px;min-width:44px}.task-item input[type=checkbox]{min-width:20px;min-height:20px}button,input[type=text],input[type=number]{min-height:44px;touch-action:manipulation}}@media screen and (max-width: 768px){.youtube-container{width:100%;max-width:100%;overflow:hidden}.youtube-container .video-wrapper{max-width:100%;width:100%;min-width:unset;overflow:hidden}.youtube-container .sound-player-container{width:100%;max-width:100%;overflow:hidden}.youtube-container .video-frame,.youtube-container iframe,.youtube-container .react-youtube{max-width:100%;width:100%;height:auto;overflow:hidden}.task-list-wrapper,.session-log .log-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input[type=text],input[type=number]{font-size:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.youtube-container .video-frame,.youtube-container iframe{border-radius:8px}.video-controls-row button,.manage-sound-button{border-radius:5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.youtube-container{width:100%;max-width:100%;overflow:hidden}.youtube-container .video-wrapper{max-width:100%;width:100%;min-width:unset;overflow:hidden}.youtube-container .sound-player-container{width:100%;max-width:100%;overflow:hidden}.youtube-container .video-frame,.youtube-container iframe,.youtube-container .react-youtube{max-width:100%;width:100%;height:auto;overflow:hidden}}@media screen and (min-width: 1024px) and (max-width: 1799px){.youtube-container{width:100%;max-width:100%;overflow:hidden}.youtube-container .video-wrapper{max-width:100%;width:100%;min-width:unset;overflow:hidden}.youtube-container .sound-player-container{width:100%;max-width:100%;overflow:hidden}.youtube-container .video-frame,.youtube-container iframe,.youtube-container .react-youtube{max-width:100%;width:100%;height:auto;overflow:hidden}}@media screen and (max-width: 768px){.timer-buttons button{min-width:90px;max-width:120px}}@media screen and (max-width: 600px){.TimerApp{max-width:95vw!important;width:100%}.row .col{min-width:0!important;max-width:100%!important}.TimerApp .card{background-color:var(--card-bg-color);padding:18px;min-height:300px}.TimerApp .timer-card{background-color:var(--card-bg-color);padding:14px;gap:6px}.timer-container{padding:4px 0;gap:6px}.row{gap:8px;margin-bottom:8px;margin-top:0}.row .col{margin-bottom:8px;margin-top:0}.TimerApp .row{gap:8px;margin-bottom:8px}.TimerApp .h1-card-timer{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.35rem 1.1rem}.timer-container{margin-top:0;padding-top:3px}.TimerApp .timer-card{margin-top:0}.mode-indicator{margin-bottom:6px;font-size:1.1em}.mode-selector{gap:8px;margin-bottom:6px}.mode-selector button{padding:10px 16px;font-size:.9em;min-width:80px;min-height:44px}.timer-display{font-size:clamp(3rem,8vw,4rem);margin:8px 0}.timer-buttons{gap:8px;margin-top:6px}.timer-buttons button{padding:10px 16px;font-size:.9em;min-width:80px;min-height:44px}.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{padding:10px 14px;font-size:.95em;min-height:44px}.add-task-button{padding:10px 20px;font-size:.95em;min-height:44px}.task-item{padding:10px;gap:6px;min-height:44px}.task-item input[type=checkbox]{width:18px;height:18px}.task-text{font-size:.9em}.task-pomodoros{font-size:.85em}.log-entry{padding:10px;min-height:44px;font-size:.9em}.log-entry-icon{font-size:1.1em;margin-right:8px}.log-delete-button{width:26px;height:26px;font-size:1.4em;margin-left:8px}}@media screen and (max-width: 390px){.TimerApp{max-width:95vw!important;width:100%;padding:.5rem}.TimerApp .card{background-color:var(--card-bg-color);padding:16px;min-height:320px}.TimerApp .timer-card{padding:12px;gap:4px}.timer-container{padding:3px 0;gap:4px}.row{gap:6px;margin-bottom:6px;margin-top:0}.row .col{margin-bottom:6px;margin-top:0}.TimerApp .row{gap:6px;margin-bottom:6px}.mode-indicator{margin-bottom:4px;font-size:1em}.mode-selector{gap:6px;margin-bottom:4px}.mode-selector button{padding:8px 12px;font-size:.85em;min-width:70px;min-height:44px}.timer-display{font-size:clamp(2.5rem,7vw,3.5rem);margin:6px 0}.timer-buttons{gap:6px;margin-top:4px}.timer-buttons button{padding:8px 12px;font-size:.85em;min-width:70px;min-height:44px}.progress-bar{height:6px;margin:2px 0}.TimerApp .h1-card-timer{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.25rem .9rem;border-radius:8px}.TimerApp .h1-card-timer h1{font-size:clamp(1.2rem,2.5vw,1.75rem)}.timer-container{margin-top:0;padding-top:2px}.TimerApp .timer-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{padding:8px 12px;font-size:.9em;min-height:44px}.add-task-button{padding:8px 16px;font-size:.9em;min-height:44px}.task-item{padding:8px;gap:4px;min-height:44px}.task-item input[type=checkbox]{width:16px;height:16px}.task-text{font-size:.85em}.task-pomodoros{font-size:.8em}.log-entry{padding:8px;min-height:44px;font-size:.85em}.log-entry-icon{font-size:1em;margin-right:6px}.log-delete-button{width:24px;height:24px;font-size:1.3em;margin-left:6px}.youtube-container .card{padding:16px}.youtube-container h3{font-size:1em}.TimerApp .card h3{margin-top:.5rem}.video-controls-row button,.manage-sound-button{padding:8px 12px;font-size:.8em;min-width:70px;height:44px}}@media screen and (max-width: 480px){.TimerApp{max-width:95vw!important;width:100%}.TimerApp .card{background-color:var(--card-bg-color);padding:14px;min-height:360px}.TimerApp .timer-card{padding:14px;gap:8px}.timer-container{padding:4px 0;gap:6px}.row{gap:6px;margin-bottom:6px;margin-top:0}.row .col{margin-bottom:6px;margin-top:0}.TimerApp .row{gap:6px;margin-bottom:6px}.mode-indicator{margin-bottom:3px}.mode-selector{gap:8px;margin-bottom:3px}.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}.TimerApp .timer-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 .modal-header h2{color:var(--primary-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--primary-color)}.light-theme .form-row label{color:var(--primary-color)}.light-theme .mode-selector button.active{background-color:var(--primary-color);color:var(--button-text-color)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;box-sizing:border-box;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-card{background-color:var(--card-bg-color);color:var(--text-color);padding:2rem;border-radius:1rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 20px #0006;animation:scaleIn .3s ease;display:flex;flex-direction:column;box-sizing:border-box}.modal-card h2{margin-top:0}.modal-card ul{padding-left:1.25rem;margin:1rem 0}.modal-card button{margin-top:auto;background-color:var(--primary-color);color:var(--button-text-color);border:none;padding:.6rem 1.2rem;font-weight:700;border-radius:.5rem;cursor:pointer;align-self:flex-end}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.celebration{font-size:1.3em;font-weight:700;margin-top:24px;color:var(--highlight-color);text-align:center;animation:pulse-glow 2s ease-in-out infinite;text-shadow:0 0 5px var(--highlight-color),0 0 10px var(--highlight-color);padding:10px;border-radius:12px;transition:transform .3s ease}@keyframes pulse-glow{0%{transform:scale(1);text-shadow:0 0 5px var(--highlight-color)}50%{transform:scale(1.05);text-shadow:0 0 15px var(--highlight-color),0 0 30px var(--highlight-color)}to{transform:scale(1);text-shadow:0 0 5px var(--highlight-color)}}.typing-text{color:var(--primary-color);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600;margin:0;line-height:1.3;text-align:center;display:inline-block;text-shadow:0 0 20px rgba(92,207,230,.15);letter-spacing:-.01em}.typing-cursor{color:var(--primary-color);animation:blink 1s infinite;margin-left:3px;font-weight:400}.typing-cursor.blinking{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.typing-text{font-size:clamp(1.3rem,4vw,1.7rem)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:var(--background-color, #1e1e2f);padding:2rem;border-radius:8px;max-width:500px;width:90%;color:var(--text-color, #f8f8f2);box-shadow:0 4px 15px #0009;animation:slideUp .3s ease-in-out}.modal-header h2{margin:0;font-size:1.5em;color:var(--accent-color, #6272a4)}.close-button{background:transparent;border:none;font-size:1.5em;color:var(--text-color, #f8f8f2);cursor:pointer}.form-row{margin-bottom:1rem}.form-row label{display:block;margin-bottom:.25rem;font-size:.95em;color:#1a73e8}.form-row .input-row{display:flex;gap:.5rem}.form-row input[type=number],.form-row input[type=text],.form-row select{width:100%;padding:.5rem;border:1px solid var(--accent-color, #6272a4);border-radius:4px;background:var(--secondary-color, #03040a);color:#5ccfe6;font-size:1em}.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{padding:.75rem 1.5rem;background-color:var(--accent-color, #6272a4);border:none;border-radius:4px;color:var(--text-color, #f8f8f2);font-size:1em;cursor:pointer;transition:background-color .3s ease}.modal-actions button:hover{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{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:800px;width:90%;box-shadow:0 4px 12px #00000026;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888}.tab-container{display:flex;margin-bottom:1rem;border-bottom:1px solid #ccc}.tab{padding:.5rem 1rem;cursor:pointer;font-weight:500;color:#555;border-bottom:2px solid transparent;transition:border-color .3s,color .3s}.tab:hover{color:#333}.tab.active{color:#1a73e8;border-color:#1a73e8}.search-input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.track-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.track-card{background:#f7f7f7;border-radius:6px;padding:.75rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.track-card img{width:100%;max-width:200px;border-radius:4px;margin-bottom:.5rem;object-fit:cover}.track-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#333}.track-url{font-size:.85rem;color:#1a73e8;text-decoration:none;word-break:break-all;margin-bottom:.5rem}.track-url:hover{text-decoration:underline}.track-actions{margin-top:auto}.delete-button{background:#e74c3c;color:#fff;border:none;padding:.35rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .3s}.delete-button:hover{background:#c0392b}.form-section{margin-top:1.5rem;border-top:1px solid #ddd;padding-top:1rem}.form-section h3{margin-top:0;color:#333}.form-row{margin-bottom:.75rem}.input-field{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.add-button{width:100%;padding:.6rem;background:#1a73e8;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s}.add-button:hover{background:#1669c1}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.reset-button,.close-button-footer{background:#f1c40f;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .3s}.reset-button:hover,.close-button-footer:hover{background:#d4ac0d}.error-message{color:#e74c3c;margin-bottom:.75rem;text-align:center}button{background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:12px 24px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color var(--transition-speed),transform var(--transition-speed);box-shadow:var(--box-shadow);min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}button:hover{background-color:var(--accent-color);transform:translateY(-2px)}.splitter-container{text-align:center;padding:1.25rem 1.5rem;max-width:min(1300px,92vw);margin:0 auto;background-color:var(--background-color);color:var(--primary-color);min-height:100vh;display:flex;flex-direction:column}.row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;margin-bottom:20px;width:100%;max-width:100%}.row .col{flex:1;min-width:0;max-width:100%;margin:0}@media (min-width: 768px){.row.top-row,.row.bottom-row,.row.main-row{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px;width:100%;margin-bottom:40px}.row.single-row{display:grid;grid-template-columns:1fr;gap:20px;width:100%;margin-bottom:40px}.row.top-row .col,.row.bottom-row .col,.row.main-row .col,.row.single-row .col{margin:0}.row.top-row .card,.row.bottom-row .card,.row.main-row .card,.row.single-row .card{background-color:var(--card-bg-color);height:100%;display:flex;flex-direction:column;min-height:450px}.text-input-card{min-height:180px}.controls-card{min-height:280px}.text-input-card .splitter-textarea{min-height:120px}}.splitter-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.splitter-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1.5rem;padding-bottom:1.5rem;line-height:1.2}@media screen and (max-width: 768px){.splitter-container{max-width:95vw;padding:.75rem 1rem}.text-input-container{margin-bottom:.2rem}.splitter-h1-text-only{margin-top:.1rem}.splitter-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1.3rem;padding-bottom:1.5rem;margin:0}.splitter-textarea{min-height:15px;padding:.3rem;font-size:.9rem}.char-counter{font-size:.8rem;bottom:2rem;right:1rem}.row{flex-direction:column;gap:.2rem;margin-bottom:.2rem}.row .col{min-width:0!important;max-width:100%!important;margin-bottom:16px;width:100%}.button-group{grid-template-columns:1fr;max-width:100%;gap:.6rem}.control-button{width:100%;max-width:none;min-height:42px;padding:.6rem 1rem;font-size:.9rem}.chunk-list{flex-direction:column;align-items:center;padding:1rem;margin-bottom:.2rem}.chunk-button{width:100%;max-width:280px;padding:.6rem 1rem;font-size:.85rem}.h1-card-splitter{margin:.3rem auto .8rem;padding:.3rem .9rem;border-radius:8px}.h1-card-splitter h1{font-size:1.4rem}.card{min-height:auto;margin-bottom:.2rem;padding:1rem .7rem .8rem}.control-panel{gap:.8rem;margin-top:.8rem}.home-video-card{margin-top:10px;margin-bottom:12px;padding:.6rem;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;min-height:230px}.video-wrapper{width:100%;max-width:100%;overflow:hidden;min-height:170px}.splitter-header{margin-bottom:.5rem}}@media screen and (max-width: 550px){.splitter-container{max-width:92vw;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{margin-top:.6rem;gap:.6rem}.card{margin-bottom:.3rem;padding:1rem}.h1-card-splitter{margin-top:.2rem;margin-bottom:.5rem;padding:.25rem .7rem}.splitter-textarea{min-height:12px;padding:.25rem;font-size:.85rem}.control-button{min-height:40px;padding:.5rem .8rem;font-size:.85rem}.home-video-card{padding:.5rem;margin:.5rem auto;min-height:220px}.video-wrapper{margin:.3rem 0 0;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: 537px){.home-video-card{padding:.4rem;margin:.3rem auto}.video-wrapper{aspect-ratio:4/3;margin:.2rem 0 0;min-height:180px}}@media screen and (max-width: 480px){.splitter-container{max-width:95vw;padding:.5rem}.card{padding:.8rem .5rem .6rem;margin-bottom:.3rem}.h1-card-splitter{margin-top:.1rem;margin-bottom:.4rem;padding:.25rem .9rem;border-radius:8px}.splitter-textarea{min-height:8px;padding:.2rem;font-size:.85rem}.char-counter{font-size:.75rem;bottom:1.8rem;right:.7rem;padding:.15rem .3rem}.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{margin-top:.5rem;gap:.5rem}.control-button{min-height:38px;padding:.4rem .7rem;font-size:.8rem}.chunk-button{padding:.5rem .8rem;font-size:.8rem;min-height:38px}.home-video-card{margin:.2rem auto;padding:.3rem;min-height:220px}.video-wrapper{margin:.1rem 0 0;aspect-ratio:3/2;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);padding:16px;min-height:320px}.h1-card-splitter{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.25rem .9rem;border-radius:8px}.h1-card-splitter h1{font-size:1.15rem}.splitter-textarea{min-height:5px;padding:.15rem;font-size:.8rem}.control-panel{margin-top:.4rem;gap:.4rem}.control-button{min-height:36px;padding:.35rem .6rem;font-size:.75rem}.chunk-button{padding:.4rem .7rem;font-size:.75rem;min-height:36px}.chunk-list{padding:.5rem;margin-bottom:.25rem}.char-counter{font-size:.7rem;bottom:1.5rem;right:.6rem;padding:.1rem .25rem}}@media (max-width: 430px) and (min-height: 900px){.splitter-container{padding:.75rem 1rem}.h1-card-splitter{margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;padding:.4rem 1rem;border-radius:8px}.h1-card-splitter h1{margin:0;font-size:clamp(1.3rem,4vw,1.6rem)}}@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{grid-template-columns:repeat(2,1fr);gap:.75rem}.control-button{font-size:.85rem;padding:.6rem 1rem;min-height:42px}}@media (min-width: 1025px){.button-group{grid-template-columns:repeat(2,1fr);max-width:700px;gap:1.25rem}.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);padding:1.5rem 1rem 1.1rem;height:100%;display:flex;flex-direction:column;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.card h2,.card h3{color:var(--primary-color);margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.splitter-header{text-align:center;color:#fff;margin-bottom:1rem;width:100%}.h1-card-splitter{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:2rem 1.5rem;margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.h1-card-splitter h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.chunk-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;padding:2rem;background-color:var(--card-bg-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);width:100%;margin-bottom:.5rem;box-shadow:var(--box-shadow);min-height:80px}.chunk-button{background-color:var(--primary-color);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-speed);min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026}.chunk-button:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.chunk-button:active{transform:translateY(0)}.chunk-button.copied{background-color:var(--highlight-color);color:#000;box-shadow:0 2px 8px #f0c9874d}.copy-all-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-speed);min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.copy-all-button:hover{background-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.copy-all-button:active{transform:translateY(0)}.copy-all-button:disabled{background-color:#666;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.text-splitter{position:relative;flex:1}.text-input-container{width:100%;margin-bottom:20px}.text-input-card{position:relative;min-height:auto;max-width:none;width:100%;padding:1.5rem}.text-input-card h2{margin-bottom:1rem;font-size:1.3rem}.controls-card{min-height:auto;padding:1.5rem}.controls-card h2{margin-bottom:1rem;font-size:1.3rem}.splitter-textarea{width:100%;padding:1rem;border:1px solid var(--primary-color);border-radius:var(--border-radius);font-size:1rem;resize:vertical;background-color:var(--background-color);color:var(--primary-color);box-shadow:inset 0 2px 4px #0003;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);outline:none;min-height:20px;font-family:Consolas,Monaco,monospace;box-sizing:border-box}.splitter-textarea:focus{border-color:var(--primary-color);box-shadow:inset 0 3px 6px #00000040,0 0 5px var(--primary-color)}.char-counter{font-size:.9em;color:var(--primary-color);position:absolute;bottom:2.5rem;right:1.5rem;background-color:var(--card-bg-color);padding:.25rem .5rem;border-radius:4px}.control-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1.5rem;width:100%}.control-panel label{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--primary-color)}.chunk-size-input{background-color:var(--background-color);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:.75rem;font-size:1rem;width:140px;text-align:center;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.chunk-size-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #89d18533}.button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:600px;justify-items:stretch;align-items:stretch}.ai-summary-btn{grid-column:1}.clear-text-btn{grid-column:2}.help-btn{grid-column:span 2}.control-button{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-speed);min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px #00000026}.control-button:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.control-button:active{transform:translateY(0)}.control-button:disabled{background-color:#666;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.control-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.summary-card{flex:1}.summary-card h2{margin-top:0;color:var(--primary-color);font-size:1.5rem;font-weight:600}.combined-text{width:100%;height:200px;resize:vertical;padding:1rem;border:1px solid var(--accent-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:.9rem;margin-bottom:1rem;font-family:Consolas,Monaco,monospace;box-sizing:border-box}.home-video-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:.7rem;margin:.8rem auto;width:100%;max-width:100%;text-align:center;box-shadow:0 2px 6px #0003;transition:transform .2s,box-shadow .3s,outline .2s,border-color .2s;overflow:hidden;box-sizing:border-box;position:relative;min-height:230px}.home-video-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px #00000040;outline:2px solid #5ccfe6;border-color:#5ccfe666}.home-video-card:focus{outline:2px solid #5ccfe6;outline-offset:2px}.video-wrapper{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #00000026;margin:.2rem 0 0;transition:box-shadow .3s;box-sizing:border-box;min-height:170px;aspect-ratio:16/9;padding-bottom:56.25%}.video-wrapper:hover{box-shadow:0 4px 16px #0003}.video-wrapper iframe,.video-wrapper .video-frame,.video-wrapper .react-youtube{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px;max-width:100%;box-sizing:border-box;z-index:1}.save-output-button,.save-summary-button{background-color:var(--highlight-color);color:#000;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-speed);min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.save-output-button:hover,.save-summary-button:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.save-output-button:active,.save-summary-button:active{transform:translateY(0)}.summary-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.summary-actions p{margin:0;color:var(--primary-color)}.splitter-save-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.splitter-save-modal-card{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:2rem;max-width:500px;width:100%;box-shadow:0 8px 32px #00000080;border:1px solid var(--primary-color)}.splitter-save-modal-card h2{margin-top:0;margin-bottom:1rem;color:var(--primary-color);font-size:1.5rem}.splitter-save-modal-type{color:var(--primary-color);opacity:.8;margin-bottom:1.5rem;font-size:.9rem}.splitter-save-modal-card label{display:block;margin-bottom:.5rem;color:var(--primary-color);font-weight:500}.splitter-save-modal-input{width:100%;padding:.75rem;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:1rem;box-sizing:border-box;margin-bottom:1.5rem}.splitter-save-modal-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #89d18533}.splitter-save-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.splitter-save-modal-confirm-btn,.splitter-save-modal-cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-speed);min-height:44px}.splitter-save-modal-confirm-btn{background-color:var(--primary-color);color:#fff}.splitter-save-modal-confirm-btn:hover{background-color:var(--accent-color);transform:translateY(-2px)}.splitter-save-modal-cancel-btn{background-color:var(--card-bg-color);color:var(--primary-color);border:1px solid var(--primary-color)}.splitter-save-modal-cancel-btn:hover{background-color:var(--primary-color);color:#fff}@media screen and (max-width: 768px){.splitter-save-modal-card{padding:1.5rem;max-width:90%}.splitter-save-modal-card h2{font-size:1.3rem}.splitter-save-modal-actions{flex-direction:column}.splitter-save-modal-confirm-btn,.splitter-save-modal-cancel-btn{width:100%}.summary-actions{flex-direction:column;align-items:stretch}.save-summary-button{width:100%}}.transcript-card{width:100%;max-width:650px;margin:1.5rem auto;padding:1.5rem;background-color:var(--surface-color, var(--background-color));border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;text-align:center;box-sizing:border-box}.transcript-card h2{color:var(--primary-color);margin-bottom:1rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;letter-spacing:-.015em}.transcript-input,.transcript-textarea{width:100%;padding:1rem;margin-top:1rem;border-radius:var(--border-radius);border:1px solid var(--primary-color);background-color:var(--background-color);color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:.95rem;box-sizing:border-box;transition:all .25s ease}.transcript-textarea{min-height:150px;resize:vertical}.transcript-input:focus,.transcript-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #6ee7b74d}.transcript-button,.transcript-paste-button,.transcript-save-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:1rem;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease;min-height:48px;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px #0000001f;box-sizing:border-box}.transcript-button:hover,.transcript-paste-button:hover,.transcript-save-button:hover{background-color:var(--accent-color);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 18px #0000002e}.transcript-button:active,.transcript-paste-button:active,.transcript-save-button:active{transform:translateY(0)}.transcript-button:disabled,.transcript-save-button:disabled{background-color:#666;cursor:not-allowed;transform:none;box-shadow:none}.transcript-save-button.saved{background-color:#10b981;animation:savedPulse .5s ease}@keyframes savedPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.transcript-controls{display:flex;justify-content:flex-start;align-items:center;margin-top:1rem;margin-bottom:.5rem}.transcript-timestamp-toggle{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.transcript-timestamp-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.transcript-title{color:var(--text-color);background-color:#6ee7b71a;padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.95rem;text-align:left;border-left:4px solid var(--accent-color);margin-top:1rem;margin-bottom:.5rem;word-wrap:break-word}.transcript-title strong{color:var(--primary-color);font-weight:600;margin-right:.5rem}.transcript-error{color:#ef4444;background-color:#ef444414;padding:.75rem 1rem;border-radius:var(--border-radius);font-weight:500;text-align:left;border-left:4px solid #ef4444;margin-top:1rem}@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;padding:.8rem;margin-top:.8rem}.transcript-textarea{min-height:120px}.transcript-button,.transcript-paste-button{padding:.6rem 1rem;font-size:.9rem;min-height:44px}}@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;padding:.7rem;margin-top:.6rem}.transcript-textarea{min-height:100px}.transcript-button,.transcript-paste-button{padding:.6rem .9rem;font-size:.85rem;min-height:44px}}@media (max-width: 390px){.transcript-card{padding:.9rem}.transcript-card h2{font-size:1rem;margin-bottom:.6rem}.transcript-input,.transcript-textarea{font-size:.75rem;padding:.6rem;margin-top:.5rem}.transcript-textarea{min-height:80px}.transcript-button,.transcript-paste-button{padding:.5rem .8rem;font-size:.8rem;min-height:40px}}@media (min-width: 1025px){.transcript-button,.transcript-paste-button{padding:.8rem 2rem;font-size:1.05rem;min-height:52px}}.splitter-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1.5rem;box-sizing:border-box}.splitter-modal-card{background-color:var(--card-bg-color);color:var(--text-color);padding:2rem;border-radius:var(--border-radius);max-width:560px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--box-shadow);animation:scaleIn .3s ease-out;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--card-bg-color)}.splitter-modal-card h2,.splitter-modal-card h3{margin-top:0;margin-bottom:.5rem;color:var(--accent-color)}.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{padding-left:1.4rem;margin:1rem 0 1.5rem}.splitter-modal-card li{margin-bottom:.6rem;line-height:1.6}.splitter-modal-card p{margin:.75rem 0;line-height:1.6}.splitter-modal-close{margin-top:1.5rem;background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;align-self:flex-end;transition:background-color var(--transition-speed),transform var(--transition-speed);min-height:44px}.splitter-modal-close:hover{background-color:var(--accent-color);transform:translateY(-2px)}.inline-coffee-link{color:var(--accent-color);text-decoration:none;font-weight:600}.inline-coffee-link:hover{text-decoration:underline}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.splitter-modal-overlay{padding:1rem}.splitter-modal-card{padding:1.5rem;max-height:90vh}.splitter-modal-card h2{font-size:1.25rem}.splitter-modal-card h3{font-size:1.1rem}}.splitter-history-container{width:100%;margin-top:20px}.splitter-history-card{min-height:auto;padding:1.5rem}.splitter-history-card h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--primary-color)}.splitter-history-loading,.splitter-history-empty{text-align:center;color:var(--primary-color);padding:2rem;font-size:1rem}.splitter-history-list{display:flex;flex-direction:column;gap:1rem}.splitter-history-item{background-color:var(--background-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:1rem;transition:box-shadow var(--transition-speed),transform var(--transition-speed)}.splitter-history-item:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.splitter-history-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.splitter-history-item-info{flex:1;min-width:200px}.splitter-history-item-name{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0 0 .5rem;word-break:break-word}.splitter-history-item-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--primary-color);opacity:.8}.splitter-history-type{background-color:var(--card-bg-color);padding:.25rem .5rem;border-radius:4px;font-weight:500}.splitter-history-date{opacity:.7;margin-top:.25rem}.splitter-history-char-count,.splitter-history-chunk-size{opacity:.7}.splitter-history-item-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.splitter-history-copy-btn,.splitter-history-expand-btn,.splitter-history-edit-btn,.splitter-history-delete-btn,.splitter-history-save-btn,.splitter-history-cancel-btn{padding:.5rem 1rem;font-size:.85rem;min-height:36px;border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:500;transition:all var(--transition-speed);white-space:nowrap}.splitter-history-copy-btn{background-color:var(--primary-color);color:#fff}.splitter-history-copy-btn:hover{background-color:var(--accent-color);transform:translateY(-1px)}.splitter-history-copy-btn.copied{background-color:var(--highlight-color);color:#000}.splitter-history-expand-btn,.splitter-history-edit-btn{background-color:var(--card-bg-color);color:var(--primary-color);border:1px solid var(--primary-color)}.splitter-history-expand-btn:hover,.splitter-history-edit-btn:hover{background-color:var(--primary-color);color:#fff}.splitter-history-delete-btn{background-color:#dc3545;color:#fff}.splitter-history-delete-btn:hover{background-color:#c82333;transform:translateY(-1px)}.splitter-history-edit-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;width:100%}.splitter-history-edit-input{flex:1;min-width:200px;padding:.5rem;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:1rem}.splitter-history-edit-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #89d18533}.splitter-history-save-btn{background-color:var(--primary-color);color:#fff}.splitter-history-save-btn:hover{background-color:var(--accent-color)}.splitter-history-cancel-btn{background-color:var(--card-bg-color);color:var(--primary-color);border:1px solid var(--primary-color)}.splitter-history-cancel-btn:hover{background-color:var(--primary-color);color:#fff}.splitter-history-item-content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--primary-color)}.splitter-history-content-textarea{width:100%;min-height:200px;max-height:500px;padding:1rem;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--primary-color);font-size:.9rem;font-family:Consolas,Monaco,monospace;resize:vertical;box-sizing:border-box}.splitter-history-content-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #89d18533}@media screen and (max-width: 768px){.splitter-history-container{margin-top:.2rem}.splitter-history-card{padding:1rem .7rem}.splitter-history-card h2{font-size:1.3rem;margin-bottom:1rem}.splitter-history-item{padding:.8rem}.splitter-history-item-header{flex-direction:column;gap:.75rem}.splitter-history-item-info{width:100%}.splitter-history-item-actions{width:100%;justify-content:flex-start}.splitter-history-copy-btn,.splitter-history-expand-btn,.splitter-history-edit-btn,.splitter-history-delete-btn{flex:1;min-width:80px;font-size:.8rem;padding:.4rem .8rem}.splitter-history-edit-form{flex-direction:column;align-items:stretch}.splitter-history-edit-input{width:100%;min-width:auto}.splitter-history-save-btn,.splitter-history-cancel-btn{width:100%}.splitter-history-content-textarea{min-height:150px;max-height:300px;font-size:.85rem;padding:.8rem}}@media screen and (max-width: 480px){.splitter-history-card{padding:.8rem .5rem}.splitter-history-item{padding:.6rem}.splitter-history-item-name{font-size:1rem}.splitter-history-item-meta{font-size:.8rem;gap:.5rem}.splitter-history-copy-btn,.splitter-history-expand-btn,.splitter-history-edit-btn,.splitter-history-delete-btn{font-size:.75rem;padding:.35rem .6rem;min-height:32px}.splitter-history-content-textarea{min-height:120px;max-height:250px;font-size:.8rem;padding:.6rem}}.AudioPlayerApp{--button-hover-scale: 1.03;--visualizer-bg: #f8f9fa;--content-max: 1300px;--ring: 0 0 0 3px rgba(110, 231, 183, .25)}html,body,.AudioPlayerApp{overflow-x:hidden}.AudioPlayerApp{text-align:center;padding:1.25rem 1.5rem;max-width:min(var(--content-max),92vw);margin:0 auto;background-color:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;align-items:stretch}.pulse-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.pulse-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1.2rem;padding-bottom:1.5rem;line-height:1.2}@media (max-width: 768px){.pulse-h1-text-only{margin-top:.1rem;margin-bottom:-.3rem}.pulse-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1.3rem;padding-bottom:1.7rem;margin:0}}.h1-card-pulse{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:1.5rem 1.5rem 2rem;margin-top:0;margin-bottom:.15rem;margin-left:auto;margin-right:auto;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.h1-card-pulse h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}@media (max-width: 768px){.h1-card-pulse{margin-top:0;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.85rem 1.2rem;border-radius:10px}.h1-card-pulse h1{font-size:1.2rem}}@media screen and (max-width: 600px){.h1-card-pulse{margin-top:0;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.85rem 1.2rem}}@media (max-width: 480px){.h1-card-pulse{margin-top:0;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem}}@media (max-width: 430px) and (min-height: 900px){.h1-card-pulse{margin-top:0;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.85rem 1.2rem;border-radius:10px}.h1-card-pulse h1{margin:0;font-size:clamp(1.3rem,4vw,1.6rem)}}.pulse-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 1024px){.pulse-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;align-items:stretch;gap:1.25rem}.fullspan,.player-card{grid-column:1 / -1}}.pulse-card{background-color:var(--card-bg-color);padding:24px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:flex-start;width:100%;box-sizing:border-box;margin:.5rem 0;align-items:stretch;border:1px solid rgba(92,207,230,.14)}.pulse-card.equal{height:100%;min-height:260px}.pulse-card h2,.pulse-card h3{margin:0 0 16px;color:var(--primary-color);font-size:1.15rem;letter-spacing:.2px}.input-section input,.audio-list select{width:100%;max-width:560px;padding:12px 14px;margin:8px auto;border:1px solid rgba(92,207,230,.35);border-radius:12px;background-color:#fff;color:#1e1e2f;font-size:1rem;box-sizing:border-box;outline:none;transition:border-color var(--transition-speed),box-shadow var(--transition-speed),transform var(--transition-speed)}.visualizer-controls select{width:100%;max-width:560px;padding:12px 14px;margin:8px auto;border:2px solid #2196f3;border-radius:12px;background-color:#fff;color:#1976d2;font-size:1rem;font-weight:600;box-sizing:border-box;outline:none;transition:border-color var(--transition-speed),box-shadow var(--transition-speed),transform var(--transition-speed)}.input-section input:focus,.audio-list select:focus,.visualizer-controls select:focus{border-color:var(--accent-color);box-shadow:var(--ring);transform:translateY(-1px)}.input-section{align-items:center}.pulse-card button,.ghost-btn{padding:.85rem 1.25rem;border-radius:12px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed),border-color var(--transition-speed);min-height:46px;border:1px solid transparent;cursor:pointer;margin:8px 0}.pulse-card button{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #00000026}.pulse-card button:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale));box-shadow:0 4px 16px #00000040}.pulse-card button:focus{outline:none;box-shadow:var(--ring)}.pulse-card button:active{transform:translateY(0)}.pulse-card button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghost-btn{background-color:#f8f9fa;color:#1e1e2f;border:1px solid var(--accent-color);box-shadow:0 2px 8px #00000026}.ghost-btn:hover{background-color:var(--accent-color);color:#fff}.link-button{background:transparent;color:#495057;border:none;box-shadow:none;padding:0;min-height:auto;width:auto;max-width:none}.link-button:hover{text-decoration:underline;transform:none}.button-row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:560px;margin:6px auto 0}@media (max-width: 768px){.button-row{flex-direction:column;align-items:stretch}.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);color:#495057;border-color:#5ccfe659}.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;padding:1rem;margin:.5rem 0}.visualizer-controls label{color:#1976d2;font-weight:700;font-size:1.1rem;text-shadow:0 1px 2px rgba(25,118,210,.2)}.control-row{display:grid;grid-template-columns:1fr;gap:.9rem}.form-field{display:flex;flex-direction:column;align-items:center}.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{grid-template-columns:1fr 1fr;align-items:end}.form-field{align-items:stretch}.actions{flex-direction:row}}.visualizer{background-color:var(--visualizer-bg);border-radius:18px;padding:22px;margin:20px 0;width:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:visible}.visualizer canvas{width:100%;height:260px;border-radius:12px;display:block}.form-error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef4444;border-radius:12px;padding:.75rem;margin:.5rem 0;width:100%;text-align:left;max-width:560px}.help-panel{width:100%;text-align:left;padding:1rem;background-color:#f8f9fa;border:1px solid rgba(92,207,230,.25);border-radius:12px;margin-top:1rem;max-width:560px;color:#1e1e2f}.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;padding:2px 6px;margin:0 2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-player .controls{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:1rem 0}.audio-player .controls button{padding:.85rem 1.25rem;border-radius:12px;font-weight:700;font-size:1rem;background-color:var(--primary-color);color:#fff;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed);min-height:46px;box-shadow:0 2px 8px #00000026}.audio-player .controls button:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale));box-shadow:0 4px 16px #00000040}.audio-player .controls button:focus{outline:none;box-shadow:var(--ring)}.audio-player .controls button:active{transform:translateY(0)}@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{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffeb;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1.5rem;box-sizing:border-box}.modal-card{background:#fff;color:#1e1e2f;padding:2rem;border-radius:1rem;max-width:540px;width:100%;max-height:85vh;overflow-y:auto;text-align:left;box-shadow:0 10px 25px #0003;animation:fadeSlideIn .3s ease;font-family:Segoe UI,sans-serif;scrollbar-width:thin;scrollbar-color:var(--primary-color) #ffffff}.modal-card h2{margin-top:0;color:var(--primary-color);font-size:1.6rem;margin-bottom:1rem}.modal-card ul{padding-left:1.5rem;margin-bottom:1.5rem;line-height:1.6}.modal-card li{margin-bottom:.75rem}.modal-card p{margin:.75rem 0;line-height:1.6}.modal-card button{margin-top:1.5rem;background-color:var(--primary-color);border:none;padding:.65rem 1.5rem;color:#fff;font-weight:600;border-radius:.5rem;cursor:pointer;transition:background .2s ease}.modal-card button:hover{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{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);border-radius:12px;border:1px solid var(--primary-color);box-shadow:0 2px 8px #5ccfe633}.water-bottle-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem}.water-bottle{position:relative;width:60px;height:120px;cursor:pointer;transition:transform .2s ease}.water-bottle:hover{transform:scale(1.05)}.water-bottle-outline{position:relative;width:100%;height:100%;border:3px solid var(--primary-color);border-radius:8px 8px 20px 20px;background:#ffffff1a;overflow:hidden}.water-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#5ccfe6cc,#5ccfe699,#5ccfe666);transition:height .5s ease;border-radius:0 0 16px 16px}.water-waves{position:absolute;top:0;left:0;right:0;height:20px;overflow:hidden}.wave{position:absolute;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 25%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 75%,transparent 100%);animation:wave 2s infinite linear}.wave1{animation-delay:0s;top:0}.wave2{animation-delay:.5s;top:5px}.wave3{animation-delay:1s;top:10px}@keyframes wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.water-bottle-cap{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:12px;background:var(--primary-color);border-radius:4px 4px 0 0}.water-drink-options{display:flex;justify-content:center;gap:.5rem;padding:.5rem 0}.custom-drink{display:flex;align-items:center;gap:.4rem}.custom-input{width:70px;padding:.4rem .5rem;border-radius:8px;border:1px solid var(--accent-color);background:#ffffff14;color:#fff;text-align:center}.custom-add-btn{padding:.5rem .75rem;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600}.custom-add-btn:hover{filter:brightness(1.05)}.water-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.water-modal{width:90%;max-width:420px;background:#0e1a23;border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000080;overflow:hidden}.water-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#5ccfe626,#5ccfe60d);border-bottom:1px solid rgba(92,207,230,.3)}.water-modal-title{color:var(--primary-color);font-weight:700}.water-modal-close{background:transparent;border:none;color:var(--primary-color);font-size:1.25rem;cursor:pointer}.water-modal-body{padding:1rem}.water-field label{display:block;font-size:.9rem;color:var(--primary-color);margin-bottom:.35rem}.water-field input{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid rgba(92,207,230,.4);background:#0b141b;color:#e6f7ff;outline:none}.water-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ccfe626}.water-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem}.water-btn-cancel,.water-btn-save{padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(92,207,230,.4);cursor:pointer}.water-btn-cancel{background:transparent;color:var(--primary-color)}.water-btn-save{background:var(--primary-color);color:#0b141b;font-weight:700;border-color:var(--primary-color)}.drink-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .75rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:60px}.drink-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 2px 8px #5ccfe64d}.drink-icon{font-size:1.8rem;margin-bottom:.2rem;color:#fff}.drink-oz{font-size:.75rem;font-weight:600;color:#fff;background:#0003;padding:.1rem .3rem;border-radius:4px}.water-stats{text-align:center}.water-amount{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.current-oz{font-size:1.5rem}.target-oz{font-size:1rem;opacity:.7}.water-edit-target-btn{background:transparent;border:1px solid rgba(92,207,230,.4);color:var(--primary-color);padding:.25rem .5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.water-edit-target-btn:hover{background:#5ccfe61a;border-color:var(--primary-color);transform:scale(1.05)}.water-glasses{font-size:.9rem;color:var(--primary-color);margin-bottom:.25rem}.water-remaining{font-size:.8rem;color:#fff;font-style:italic}.water-complete{font-size:.9rem;color:#3498db;font-weight:600;animation:celebration .5s ease-in-out}@keyframes celebration{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 480px){.water-bottle-container{flex-direction:column;text-align:center;gap:.75rem;padding:.75rem}.water-bottle{width:50px;height:100px}.water-stats{text-align:center}.water-amount{font-size:1.1rem}.current-oz{font-size:1.3rem}}.brush-container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border-radius:12px;border:1px solid rgba(27,132,170,.25);box-shadow:0 2px 8px #1b84aa26}.brush-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.brush-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .75rem;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:90px;color:#fff;box-shadow:0 4px 12px #177da040}.brush-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff2e,#ffffff14);opacity:0;transition:opacity .3s ease}.brush-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 18px #177da052}.brush-btn:hover:before{opacity:1}.brush-btn:active{transform:translateY(0) scale(.98)}.brush-icon-large{font-size:2rem;margin-bottom:.35rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.brush-btn:hover .brush-icon-large{transform:scale(1.1)}.brush-number{font-size:1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:#0003;padding:.2rem .5rem;border-radius:6px;min-width:32px;display:flex;align-items:center;justify-content:center}.brush-check{position:absolute;top:4px;right:4px;background:var(--primary-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 4px #5ccfe64d}.brush-btn.completed{opacity:.8;background:linear-gradient(135deg,#1b84aaa6,#1b84aa73);border-color:#fff3}.brush-btn.completed:hover{opacity:.9}.brush-stats{text-align:center}.brush-count{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.brush-text{font-size:.95rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:500}.brush-complete{font-size:.85rem;color:var(--primary-color);font-weight:600;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);padding:.5rem;border-radius:8px;border:1px solid rgba(27,132,170,.45);text-align:center;animation:brush-celebration .5s ease-in-out}@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{padding:.75rem .6rem;min-height:80px}.brush-icon-large{font-size:1.8rem}.brush-number{font-size:.9rem;padding:.15rem .4rem}.brush-count{font-size:1.5rem}}.workout-container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border-radius:12px;border:1px solid rgba(27,132,170,.25);box-shadow:0 2px 8px #1b84aa26}.exercise-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.exercise-btn-wrapper{position:relative}.exercise-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .75rem;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:90px;width:100%;color:#fff;box-shadow:0 4px 12px #177da040}.exercise-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff2e,#ffffff14);opacity:0;transition:opacity .3s ease}.exercise-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 18px #177da052}.exercise-btn:hover:before{opacity:1}.exercise-btn:active{transform:translateY(0) scale(.98)}.exercise-icon{font-size:1.8rem;margin-bottom:.35rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.exercise-btn:hover .exercise-icon{transform:scale(1.1) rotate(5deg)}.exercise-label{font-size:.95rem;font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.25);margin-bottom:.3rem;transition:transform .3s ease}.exercise-count{font-size:.8rem;font-weight:600;color:#0f5167;background:#ffffffd9;padding:.2rem .55rem;border-radius:999px;margin-top:0}.exercise-metrics{display:flex;align-items:center;gap:.45rem;margin-top:.15rem}.exercise-increment{font-size:.75rem;font-weight:600;color:#fff;background:#0e455a73;padding:.2rem .55rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.edit-target-btn{position:absolute;top:6px;right:6px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-size:.7rem;padding:.25rem;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;z-index:10}.edit-target-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 2px 6px #177da059}.edit-target-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#07212cf2;padding:1rem;border-radius:8px;z-index:20}.target-field{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}.target-field label{font-size:.7rem;font-weight:600;color:#f3fdff;letter-spacing:.02em;text-transform:uppercase}.target-input{width:50px;padding:.2rem .3rem;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:#0d3546a6;color:#fff;font-size:.8rem;text-align:center;font-weight:700}.target-input:focus{outline:none;border-color:#fff;background:#0d3546d9}.target-buttons{display:flex;gap:.2rem;margin-top:.35rem}.exercise-btn:hover .exercise-label{transform:translateY(-1px)}.exercise-btn-wrapper.completed .exercise-btn{opacity:.8;background:linear-gradient(135deg,#1b84aaa6,#1b84aa73)}.exercise-btn-wrapper.completed .exercise-btn:hover{opacity:.95}.workout-stats{text-align:center}.workout-count{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.current-reps{color:var(--primary-color)}.target-reps{color:var(--primary-color);opacity:.7}.workout-text{font-size:.95rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:500}.workout-complete{font-size:.85rem;color:var(--primary-color);font-weight:600;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);padding:.5rem;border-radius:8px;border:1px solid rgba(27,132,170,.45);text-align:center;animation:celebration .5s ease-in-out}@media (max-width: 480px){.workout-container{padding:.75rem}.exercise-buttons{gap:.5rem}.exercise-btn{padding:.75rem .6rem;min-height:80px}.exercise-icon{font-size:1.6rem}.exercise-label{font-size:.9rem}.workout-count{font-size:1.5rem}}.walk-container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border-radius:12px;border:1px solid rgba(27,132,170,.25);box-shadow:0 2px 8px #1b84aa26}.walk-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.walk-btn-wrapper{position:relative}.walk-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .75rem;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:90px;width:100%;color:#fff;box-shadow:0 4px 12px #177da040}.walk-edit-btn{all:unset;position:absolute;top:6px;right:6px;cursor:pointer;color:#fff;font-size:.9rem;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.walk-edit-btn:hover{opacity:.7}.walk-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff2e,#ffffff14);opacity:0;transition:opacity .3s ease}.walk-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 18px #177da052}.walk-btn:hover:before{opacity:1}.walk-btn:active{transform:translateY(0) scale(.98)}.walk-icon-large{font-size:2rem;margin-bottom:.35rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.walk-btn:hover .walk-icon-large{transform:scale(1.1)}.walk-number{font-size:1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:#0003;padding:.2rem .5rem;border-radius:6px;min-width:32px;display:flex;align-items:center;justify-content:center}.walk-entry-text{margin-top:.25rem;font-size:.85rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.walk-check{position:absolute;top:4px;right:4px;background:var(--primary-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 4px #5ccfe64d}.walk-btn.completed{opacity:.8;background:linear-gradient(135deg,#1b84aaa6,#1b84aa73);border-color:#fff3}.walk-btn.completed:hover{opacity:.9}.walk-stats{text-align:center}.walk-count{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.current-walks{color:var(--primary-color)}.target-walks{color:var(--primary-color);opacity:.7}.walk-text{font-size:.95rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:500}.walk-totals{font-size:.9rem;color:var(--primary-color);margin-bottom:.5rem}.walk-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.walk-modal{width:90%;max-width:420px;background:#0e1a23;border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000080;overflow:hidden}.walk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#5ccfe626,#5ccfe60d);border-bottom:1px solid rgba(92,207,230,.3)}.walk-modal-title{color:var(--primary-color);font-weight:700}.walk-modal-close{background:transparent;border:none;color:var(--primary-color);font-size:1.25rem;cursor:pointer}.walk-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.walk-field label{display:block;font-size:.9rem;color:var(--primary-color);margin-bottom:.35rem}.walk-field input{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid rgba(92,207,230,.4);background:#0b141b;color:#e6f7ff;outline:none}.walk-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ccfe626}.walk-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem}.walk-btn-cancel,.walk-btn-save{padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(92,207,230,.4);cursor:pointer}.walk-btn-cancel{background:transparent;color:var(--primary-color)}.walk-btn-save{background:var(--primary-color);color:#0b141b;font-weight:700;border-color:var(--primary-color)}.walk-complete{font-size:.85rem;color:var(--primary-color);font-weight:600;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);padding:.5rem;border-radius:8px;border:1px solid rgba(27,132,170,.45);text-align:center;animation:celebration .5s ease-in-out}@media (max-width: 480px){.walk-container{padding:.75rem}.walk-buttons{gap:.5rem}.walk-btn{padding:.75rem .6rem;min-height:80px}.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{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border-radius:12px;border:1px solid rgba(27,132,170,.25);box-shadow:0 2px 8px #1b84aa26}.run-buttons{display:grid;grid-template-columns:repeat(1,1fr);gap:.75rem;width:100%}.run-btn-wrapper{position:relative}.run-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .75rem;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:90px;width:100%;color:#fff;box-shadow:0 4px 12px #177da040}.run-edit-btn{all:unset;position:absolute;top:6px;right:6px;cursor:pointer;color:#fff;font-size:.9rem;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.run-edit-btn:hover{opacity:.7}.run-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff2e,#ffffff14);opacity:0;transition:opacity .3s ease}.run-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 18px #177da052}.run-btn:hover:before{opacity:1}.run-btn:active{transform:translateY(0) scale(.98)}.run-icon-large{font-size:2rem;margin-bottom:.35rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.run-btn:hover .run-icon-large{transform:scale(1.1)}.run-number{font-size:1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:#0003;padding:.2rem .5rem;border-radius:6px;min-width:32px;display:flex;align-items:center;justify-content:center}.run-entry-text{margin-top:.25rem;font-size:.85rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.run-check{position:absolute;top:4px;right:4px;background:var(--primary-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 4px #5ccfe64d}.run-btn.completed{opacity:.8;background:linear-gradient(135deg,#1b84aaa6,#1b84aa73);border-color:#fff3}.run-btn.completed:hover{opacity:.9}.run-stats{text-align:center}.run-count{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.current-runs{color:var(--primary-color)}.target-runs{color:var(--primary-color);opacity:.7}.run-weekly{font-size:.85rem;color:var(--primary-color);font-weight:600;margin-bottom:.3rem}.weekly-count{color:var(--accent-color)}.run-text{font-size:.95rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:500}.run-totals{font-size:.9rem;color:var(--primary-color);margin-bottom:.35rem}.run-complete{font-size:.85rem;color:var(--primary-color);font-weight:600;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);padding:.5rem;border-radius:8px;border:1px solid rgba(27,132,170,.45);text-align:center;animation:celebration .5s ease-in-out}@media (max-width: 480px){.run-container{padding:.75rem}.run-buttons{gap:.5rem}.run-btn{padding:.75rem .6rem;min-height:80px}.run-icon-large{font-size:1.8rem}.run-number{font-size:.9rem;padding:.15rem .4rem}.run-count{font-size:1.5rem}}.run-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.run-modal{width:90%;max-width:420px;background:#0e1a23;border:1px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000080;overflow:hidden}.run-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#5ccfe626,#5ccfe60d);border-bottom:1px solid rgba(92,207,230,.3)}.run-modal-title{color:var(--primary-color);font-weight:700}.run-modal-close{background:transparent;border:none;color:var(--primary-color);font-size:1.25rem;cursor:pointer}.run-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.run-field label{display:block;font-size:.9rem;color:var(--primary-color);margin-bottom:.35rem}.run-field input{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid rgba(92,207,230,.4);background:#0b141b;color:#e6f7ff;outline:none}.run-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ccfe626}.run-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem}.run-btn-cancel,.run-btn-save{padding:.5rem .9rem;border-radius:8px;border:1px solid rgba(92,207,230,.4);cursor:pointer}.run-btn-cancel{background:transparent;color:var(--primary-color)}.run-btn-save{background:var(--primary-color);color:#0b141b;font-weight:700;border-color:var(--primary-color)}.vitamins-container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);border-radius:12px;border:1px solid rgba(27,132,170,.25);box-shadow:0 2px 8px #1b84aa26}.vitamin-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.vitamin-btn-wrapper,.vitamin-btn-group{position:relative}.vitamin-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .75rem;background:linear-gradient(135deg,var(--primary-color),#1b84aa);border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;height:120px;min-height:120px;width:100%;color:#fff;box-shadow:0 4px 12px #177da040}.vitamin-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff2e,#ffffff14);opacity:0;transition:opacity .3s ease}.vitamin-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 18px #8e44ad52}.vitamin-btn:hover:before{opacity:1}.vitamin-btn:active{transform:translateY(0) scale(.98)}.vitamin-icon{font-size:2rem;font-weight:700;margin-bottom:.35rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff26}.vitamin-btn:hover .vitamin-icon{transform:scale(1.1) rotate(5deg)}.vitamin-label{font-size:.9rem;font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.25);margin-bottom:.3rem;transition:transform .3s ease;line-height:1.3}.vitamin-count{font-size:.8rem;font-weight:600;color:#0f5167;background:#ffffffd9;padding:.2rem .55rem;border-radius:999px;margin-top:0}.vitamin-metrics{display:flex;align-items:center;gap:.45rem;margin-top:.15rem}.vitamin-actions-left{position:absolute;top:6px;left:6px;display:flex;gap:.25rem;z-index:10}.vitamin-actions-bottom-left{position:absolute;bottom:6px;left:6px;display:flex;gap:.25rem;z-index:10}.vitamin-actions-right{position:absolute;top:6px;right:6px;display:flex;gap:.25rem;z-index:10}.edit-vitamin-btn,.delete-vitamin-btn,.info-vitamin-btn{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.edit-vitamin-btn:hover,.delete-vitamin-btn:hover,.info-vitamin-btn:hover{opacity:.7}.edit-vitamin-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#07212cf2;padding:1rem;border-radius:8px;z-index:20;min-width:200px}.vitamin-field{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}.vitamin-field label{font-size:.7rem;font-weight:600;color:#f3fdff;letter-spacing:.02em;text-transform:uppercase}.vitamin-input{width:100%;padding:.3rem .4rem;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:#0d3546a6;color:#fff;font-size:.8rem;font-weight:700}.vitamin-input:focus{outline:none;border-color:#fff;background:#0d3546d9}.vitamin-buttons-form{display:flex;gap:.2rem;margin-top:.35rem}.save-btn,.cancel-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:.7rem;padding:.25rem .45rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.save-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.cancel-btn:hover{background:#ff525259;border-color:#ff52528c}.vitamin-btn:hover .vitamin-label{transform:translateY(-1px)}.vitamin-btn-wrapper.completed .vitamin-btn{opacity:.8;background:linear-gradient(135deg,#1b84aaa6,#1b84aa73)}.vitamin-btn-wrapper.completed .vitamin-btn:hover{opacity:.95}.add-vitamin-dropdown-wrapper{width:100%;max-width:300px;margin:0 auto;position:relative}.add-vitamin-dropdown{width:100%;padding:.85rem 2.5rem .85rem .75rem;background:#0b141b;border:1px solid rgba(92,207,230,.4);border-radius:12px;color:#e6f7ff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;position:relative}.add-vitamin-dropdown:hover{background-color:#0e1a23;border-color:var(--primary-color)}.add-vitamin-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5ccfe633;background-color:#0e1a23}.add-vitamin-dropdown-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-vitamin-dropdown-arrow{color:var(--primary-color);font-size:.9rem;transition:transform .3s ease;margin-left:.5rem}.add-vitamin-dropdown-arrow.open{transform:rotate(180deg)}.add-vitamin-dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#0e1a23;border:1px solid rgba(92,207,230,.4);border-radius:12px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #00000080}.add-vitamin-dropdown-item{padding:.75rem 1rem;color:#e6f7ff;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(92,207,230,.1);font-size:.85rem;line-height:1.4}.add-vitamin-dropdown-item:last-child{border-bottom:none}.add-vitamin-dropdown-item:hover{background:linear-gradient(135deg,#5ccfe633,#5ccfe61a);color:var(--primary-color)}.add-vitamin-dropdown-item.empty{color:#e6f7ff99;font-style:italic;cursor:default}.add-vitamin-dropdown-item.empty:hover{background:transparent;color:#e6f7ff99}.vitamins-stats{text-align:center}.vitamins-count{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.current-vitamins{color:var(--primary-color)}.target-vitamins{color:var(--primary-color);opacity:.7}.vitamins-text{font-size:.95rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:500;display:flex;justify-content:center;align-items:center}.vitamins-complete{font-size:.85rem;color:var(--primary-color);font-weight:600;background:linear-gradient(135deg,#1b84aa1f,#1b84aa0d);padding:.5rem;border-radius:8px;border:1px solid rgba(27,132,170,.45);text-align:center;animation:celebration .5s ease-in-out}@keyframes celebration{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 480px){.vitamins-container{padding:.75rem}.vitamin-buttons{gap:.5rem}.vitamin-btn{padding:.75rem .6rem;height:120px;min-height:120px}.vitamin-icon{font-size:1.6rem}.vitamin-label{font-size:.85rem}.vitamins-count{font-size:1.5rem}}.supplement-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1ed9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.supplement-modal-card{background:#fff;color:#2c2c2c;padding:0;border-radius:1rem;max-width:600px;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 10px 25px #00000059;font-family:Segoe UI,sans-serif;animation:slideFadeIn .25s ease;display:flex;flex-direction:column}.supplement-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid rgba(27,132,170,.2);background:linear-gradient(135deg,#1b84aa1a,#1b84aa0d)}.supplement-modal-title{margin:0;font-size:1.5rem;color:var(--primary-color);font-weight:600}.supplement-modal-close{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.supplement-modal-close:hover{background:#1b84aa1a;color:var(--primary-color);transform:rotate(90deg)}.supplement-modal-content{padding:1.5rem 2rem;overflow-y:auto;flex:1}.supplement-info-section{margin-bottom:1.5rem}.supplement-info-section:last-child{margin-bottom:0}.supplement-info-title{color:var(--primary-color);font-size:.95rem;font-weight:600;margin:0 0 .5rem;text-transform:none;letter-spacing:0}.supplement-info-section p{margin:.5rem 0;line-height:1.6;color:#444}.supplement-info-section ul{margin:.5rem 0;padding-left:1.5rem;list-style-type:disc}.supplement-info-section li{margin-bottom:.5rem;line-height:1.6;color:#444}.supplement-modal-close-btn{margin:0 2rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;padding:.7rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;align-self:stretch}.supplement-modal-close-btn:hover{background-color:#1b84aa}@media (max-width: 480px){.supplement-modal-card{max-width:95%;max-height:90vh}.supplement-modal-header{padding:1rem 1.5rem}.supplement-modal-title{font-size:1.25rem}.supplement-modal-content{padding:1rem 1.5rem}.supplement-modal-close-btn{margin:0 1.5rem 1rem}}.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)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background:var(--background-color);color:var(--text-color);-webkit-text-size-adjust:100%}.habit-tracker{background:var(--background-color);color:var(--text-color);max-width:min(1300px,92vw);margin:0 auto;padding:2rem;box-sizing:border-box}.habits-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.habits-h1-text-only h1,.habits-h1-text-only h3{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1rem;padding-bottom:1rem;line-height:1.2}@media (max-width: 768px){.habits-h1-text-only{margin-top:.2rem;margin-bottom:.2rem}.habits-h1-text-only h1,.habits-h1-text-only h3{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1rem;padding-bottom:1.6rem;margin:0}}.habit-h1-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:12px;padding:1.75rem 2rem 2.25rem;margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;width:100%;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.habit-h1-card h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.habit-priorities-container h3,.habit-daily-goals-container h3,.habit-accomplishments-container h3{text-align:center;margin-bottom:1.5rem;font-size:clamp(1.2rem,3vw,1.5rem);color:var(--primary-color);font-weight:600}.habit-h1-card h3{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.habit-priorities,.habit-daily-goals,.habit-accomplishments,.habit-add-habit{background-color:var(--card-bg-color);padding:1.5rem 1rem 1.1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid rgba(92,207,230,.2);margin-bottom:2rem;text-align:left;transition:transform var(--transition-speed),box-shadow var(--transition-speed);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.habit-priorities:hover,.habit-daily-goals:hover,.habit-accomplishments:hover,.habit-add-habit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.habit-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;align-items:start;margin-bottom:2rem}.habit-grid-wide{width:100%;max-width:1280px;margin:0 auto}@media screen and (min-width: 769px){.habit-daily-goals{max-height:50vh;overflow-y:auto;overflow-x:hidden}}.section-title{text-align:center;color:var(--primary-color);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.habit-accomplishments-container{margin-bottom:2rem}.habit-accomplishments{background-color:var(--card-bg-color);padding:1.5rem 1rem 1.1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid rgba(92,207,230,.2);text-align:left;transition:transform var(--transition-speed),box-shadow var(--transition-speed);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.habit-accomplishments:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.habit-empty-state{text-align:center;padding:2rem;color:var(--primary-color)}.habit-empty-icon{font-size:3rem;margin-bottom:1rem}.habit-empty-state p{font-size:1.1rem;opacity:.8}.habit-accomplished-goal{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:1rem;background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);border:1px solid rgba(92,207,230,.3);border-radius:var(--border-radius);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.habit-accomplished-content{display:flex;align-items:center;justify-content:center;gap:1rem;flex:1;text-align:center}.habit-accomplished-icon{color:#3498db;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.habit-goal-text{font-size:1.1rem;font-weight:500;color:var(--primary-color)}.habit-accomplished-actions{display:flex;gap:.5rem}.habit-archive-button,.habit-restore-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;color:var(--primary-color)}.habit-archive-button,.habit-accomplished-actions .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);padding:1.5rem 1rem 1.1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid rgba(92,207,230,.2);text-align:left;transition:transform var(--transition-speed),box-shadow var(--transition-speed);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.habit-archived:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.habit-archived-goal{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:1rem;background:linear-gradient(135deg,#5ccfe614,#5ccfe608);border:1px solid rgba(92,207,230,.25);border-radius:var(--border-radius);transition:transform var(--transition-speed),box-shadow var(--transition-speed);opacity:.9}.habit-archived-content{display:flex;align-items:center;justify-content:center;gap:1rem;flex:1;text-align:center}.habit-archived-icon{color:var(--primary-color);font-size:1.5rem;display:flex;align-items:center;justify-content:center}.habit-archived-content .habit-goal-text{color:var(--primary-color);text-align:center}.habit-archived-actions{display:flex;gap:.5rem}.habit-row{display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1.5rem 1rem 1.1rem;border:1px solid rgba(92,207,230,.2);border-radius:var(--border-radius);transition:transform var(--transition-speed),box-shadow var(--transition-speed),opacity var(--transition-speed);background-color:var(--card-bg-color);box-shadow:var(--box-shadow);cursor:move;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.habit-dragging{opacity:.5;transform:rotate(2deg);box-shadow:0 8px 24px #0000004d}.habit-drag-over{border-color:var(--primary-color);background-color:#5ccfe626;transform:scale(1.02)}.habit-drag-handle{cursor:grab;color:var(--primary-color);font-size:1.2rem;font-weight:700;padding:.5rem;margin:0 .5rem;-webkit-user-select:none;user-select:none;transition:color .2s ease}.habit-move-btn{background:none;border:none;color:var(--primary-color);font-size:.9rem;font-weight:700;padding:.3rem .5rem;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;margin:0 .2rem}.habit-move-btn:hover:not(.disabled){background-color:#5ccfe626;color:var(--accent-color);transform:scale(1.15);box-shadow:0 2px 4px #5ccfe64d}.habit-move-btn.disabled{color:#ccc;cursor:not-allowed;opacity:.4}.habit-move-up,.habit-move-down{transform:rotate(0)}.habit-drag-handle:hover{color:var(--primary-color)}.habit-drag-handle:active{cursor:grabbing}.habit-priority,.habit-daily-goal{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.25rem;border-radius:var(--border-radius);transition:background-color var(--transition-speed),transform var(--transition-speed),opacity var(--transition-speed);min-height:60px;cursor:move;background-color:#5ccfe60d;border:1px solid rgba(92,207,230,.2)}.habit-priority{background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);border:1px solid rgba(92,207,230,.3)}.habit-goal-completed{background:linear-gradient(135deg,#5ccfe626,#5ccfe61a);border-color:#5ccfe680;opacity:.9}.habit-priority:hover,.habit-daily-goal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.habit-priority.habit-dragging,.habit-daily-goal.habit-dragging{opacity:.5;transform:rotate(1deg);box-shadow:0 4px 16px #0003}.habit-priority.habit-drag-over,.habit-daily-goal.habit-drag-over{border-color:var(--primary-color);background-color:#5ccfe61a;transform:scale(1.01)}.habit-row:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.habit-daily-goal:hover,.habit-accomplished-goal:hover{background-color:#5ccfe614}.habit-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.habit-row-details{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.habit-row-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;margin:.6rem 0}.habit-row-actions{display:flex;align-items:center;gap:1rem}.habit-accomplished-goal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.habit-accomplished-goal-details{display:flex;align-items:center;gap:1rem}.habit-accomplished-icon{font-size:1.5rem;color:#3498db;display:flex;align-items:center;justify-content:center;min-width:32px}.habit-goal-checkmark,.habit-checkmark{cursor:pointer;margin-right:1rem;font-size:1.4rem;min-width:28px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.habit-goal-checkmark svg,.habit-checkmark svg{color:inherit}.light-theme .habit-goal-checkmark,.light-theme .habit-checkmark{color:#fff}.habit-goal-checkmark:hover,.habit-checkmark:hover{transform:scale(1.1)}.habit-goal-text{flex:1;text-align:left;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.5;font-weight:500}.habit-name{text-align:center;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.5;font-weight:600;color:var(--primary-color)}.habit-progress-text{margin:0;font-size:clamp(.8rem,1.8vw,.95rem);color:var(--primary-color);font-weight:500;text-align:center;opacity:.85}.habit-progress-bar{width:100%;max-width:240px;background-color:var(--accent-color);height:8px;border-radius:8px;overflow:hidden}.habit-progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease}.habit-remove-button{margin-left:1rem;background-color:transparent;border:none;color:var(--primary-color);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:.5rem;min-width:32px;min-height:32px;transition:all .2s ease}.habit-remove-button:hover{color:var(--primary-color);background-color:#ff00001a}.habit-add-priority{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--accent-color)}.habit-add-daily-goal{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--accent-color)}.habit-add-daily-goal .habit-button-group{display:flex;gap:.75rem;width:100%;justify-content:center}.habit-add-daily-goal .habit-button-group button{flex:1;max-width:120px;min-width:100px}.habit-add-habit{display:flex;flex-direction:column;align-items:center;gap:1rem}.habit-add-priority input[type=text],.habit-add-daily-goal input[type=text],.habit-add-habit input[type=text],.habit-add-habit input[type=number]{width:100%;padding:1rem;margin-bottom:.75rem;text-align:center;border:1px solid var(--primary-color);border-radius:12px;background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);color:var(--primary-color);font-size:clamp(1rem,2.5vw,1.1rem);transition:border-color .2s ease,box-shadow .2s ease}.habit-add-priority input:focus,.habit-add-daily-goal input:focus,.habit-add-habit input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.habit-add-priority input::placeholder,.habit-add-daily-goal input::placeholder,.habit-add-habit input::placeholder{color:var(--primary-color);opacity:.7}.habit-add-priority button,.habit-add-daily-goal button,.habit-add-habit button{background-color:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:clamp(1rem,2.5vw,1.1rem);transition:all .2s ease;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.habit-add-priority button:hover,.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{display:block;margin-bottom:.75rem;font-size:clamp(.9rem,2.5vw,1rem);color:var(--primary-color)}.habit-icon-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.habit-icon-option{cursor:pointer;font-size:1.5rem;color:#fff;border:2px solid transparent;border-radius:8px;padding:.75rem;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;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{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.25rem .7rem;border-radius:8px}}@media screen and (max-width: 600px){.habit-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.35rem 1.1rem}.habit-priorities,.habit-daily-goals,.habit-add-habit,.habit-accomplishments{padding:18px;margin-bottom:1rem}.habit-priorities,.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{padding:14px;margin-bottom:1.25rem}.habit-daily-goal{padding:14px;margin-bottom:.75rem}}@media screen and (max-width: 480px){.habit-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.25rem .9rem;border-radius:8px}.habit-priorities,.habit-daily-goals,.habit-add-habit,.habit-accomplishments{padding:14px;margin-bottom:1rem}.habit-priorities,.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{padding:14px;margin-bottom:1rem}.habit-daily-goal{padding:14px;margin-bottom:.5rem}}@media (min-width: 1024px){.habit-tracker{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1rem;align-items:start}.habit-h1-card{grid-column:1}.habit-daily-goals-container,.habit-list-container{grid-column:1;grid-row:auto;display:flex;flex-direction:column}.habit-list-container .habit-list-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:1rem}.habit-accomplishments-container{grid-column:1;grid-row:auto}}.light-theme .habit-h1-card,.light-theme .habit-priorities,.light-theme .habit-daily-goals,.light-theme .habit-add-habit,.light-theme .habit-accomplishments,.light-theme .habit-archived,.light-theme .habit-row{background-color:var(--card-bg-color);color:var(--text-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.light-theme .habit-icon-option{color:#fff}html,body,.habit-tracker{overflow-x:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1ed9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-card{background:#fff;color:#2c2c2c;padding:2rem;border-radius:1rem;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 10px 25px #00000059;font-family:Segoe UI,sans-serif;animation:slideFadeIn .25s ease}.modal-card h2{margin-top:0;font-size:1.5rem}.habit-help-title{color:var(--primary-color)}.modal-card p{margin:1rem 0;line-height:1.6}.modal-card ol{padding-left:1.5rem;margin:1rem 0}.modal-card li{margin-bottom:.8rem;line-height:1.5}.modal-close-btn{margin-top:1.5rem;background-color:#00c897;color:#fff;border:none;padding:.7rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:.5rem;cursor:pointer;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);max-width:min(1300px,92vw);margin:0 auto;padding:1.25rem 1.5rem}.worldtime-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.worldtime-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1rem;padding-bottom:.5rem;line-height:1.2}@media (max-width: 768px){.worldtime-h1-text-only{margin-top:.2rem;margin-bottom:.2rem}.worldtime-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1rem;padding-bottom:1rem;margin:0}}.worldtime-h1-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:1.5rem 1.5rem 2rem;margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.worldtime-h1-card h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.worldtime-controls{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0 2.5rem;align-items:stretch}.worldtime-date-display{font-size:clamp(.9rem,2.5vw,1rem);color:var(--primary-color);font-weight:600;padding:1rem 1.5rem;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;transition:transform .2s,box-shadow .3s}.worldtime-add-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0003;margin-top:1.5rem}.worldtime-add-btn:hover{background-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.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:1 1 calc(50% - .75rem)!important;min-width:0!important}}.worldtime-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:18px;padding:1.5rem 1rem 1.1rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s,box-shadow .3s;text-align:center;margin-bottom:1.2rem}.worldtime-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 4px 16px #00000040}.worldtime-card{cursor:grab;transition:all .2s ease}.worldtime-card:active{cursor:grabbing}.worldtime-card.dragging{opacity:.5;transform:rotate(5deg);box-shadow:0 8px 20px #0006;z-index:1000}.worldtime-drag-handle{background-color:transparent;border:1px solid var(--accent-color);color:var(--primary-color);width:32px;height:44px;border-radius:50%;cursor:grab;margin-right:.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;min-width:32px;min-height:44px}.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{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.worldtime-card-actions{display:flex;gap:.5rem}.worldtime-remove-btn,.worldtime-home-btn{background-color:transparent;border:1px solid var(--accent-color);color:var(--primary-color);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.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;text-align:center;min-width:120px}.worldtime-location-name{display:block;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;color:var(--primary-color);margin-bottom:.25rem}.worldtime-offset{font-size:clamp(.8rem,2vw,.9rem);color:#fff}.worldtime-current-time{text-align:center;min-width:120px}.worldtime-time{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;color:var(--primary-color);margin-bottom:.25rem}.worldtime-date{font-size:clamp(.8rem,2vw,.9rem);color:#fff}.worldtime-hour-tiles{margin-top:1rem;text-align:center}.worldtime-date-label{font-size:clamp(.8rem,2vw,.9rem);color:var(--primary-color);margin-bottom:.75rem;font-weight:600;text-align:center}.worldtime-tiles-container{display:flex;gap:.25rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.worldtime-tiles-container::-webkit-scrollbar{height:4px}.worldtime-tiles-container::-webkit-scrollbar-track{background:transparent}.worldtime-tiles-container::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:2px}.worldtime-hour-tile{min-width:60px;height:40px;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(.7rem,2vw,.8rem);font-weight:500;color:var(--primary-color);transition:all .2s ease;flex-shrink:0}.worldtime-hour-tile:hover{background-color:#5ccfe61a;border-color:var(--primary-color);transform:scale(1.05)}.worldtime-hour-tile.current{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #5ccfe64d}.worldtime-hour-tile.selected{background-color:var(--highlight-color);border-color:var(--highlight-color);color:#fff;box-shadow:0 2px 8px #89d1854d}.worldtime-hour-tile.selected.current{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #5ccfe64d}.worldtime-hour-tile.error{background-color:#ff00001a;border-color:#ff6b6b;color:#ff6b6b}.worldtime-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.worldtime-modal{background-color:var(--card-bg-color);border-radius:12px;padding:2rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;border:none}.worldtime-modal h3{color:var(--primary-color);margin-bottom:1.5rem;text-align:center;font-size:clamp(1.2rem,2.5vw,1.4rem)}.worldtime-search-container{margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:center}.worldtime-search-input{flex:1;padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-size:1rem}.worldtime-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.worldtime-add-custom-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;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{opacity:.6;cursor:not-allowed}.worldtime-loading,.worldtime-no-results{text-align:center;color:var(--secondary-color);font-style:italic;padding:1rem}.worldtime-timezone-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.worldtime-timezone-option{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.worldtime-timezone-option:hover{background-color:#5ccfe61a;border-color:var(--primary-color);transform:translateY(-1px)}.worldtime-option-name{font-weight:600;color:var(--primary-color)}.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);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;width:100%;transition:all .2s ease}.worldtime-close-btn:hover{background-color:var(--accent-color);transform:translateY(-1px)}@media screen and (max-width: 600px){.worldtime-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.35rem 1.1rem}}@media (max-width: 768px){.worldtime-container{max-width:95vw;padding:.75rem 1rem}.worldtime-h1-card{margin-bottom:1.2rem;margin-top:.5rem;padding:.35rem .8rem;border-radius:8px}.worldtime-card{padding:1rem .7rem;border-radius:14px}.worldtime-card-header{flex-direction:column;align-items:center;gap:1rem}.worldtime-location,.worldtime-current-time{text-align:center;min-width:auto;width:100%}.worldtime-controls{flex-direction:column;align-items:stretch;gap:.75rem}.worldtime-add-btn{width:100%;text-align:center}.worldtime-timezone-list{grid-template-columns:1fr}.worldtime-hour-tile{min-width:50px;height:35px;font-size:.7rem}}@media (max-width: 480px){.worldtime-container{padding:.75rem}.worldtime-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.35rem 1rem;border-radius:8px}.worldtime-card{padding:.8rem .5rem}.worldtime-card-header{gap:.75rem}.worldtime-card-actions{gap:.25rem}.worldtime-remove-btn,.worldtime-home-btn{width:28px;height:28px;font-size:1rem}.worldtime-hour-tile{min-width:45px;height:32px;font-size:.65rem}.worldtime-modal{padding:1.5rem;margin:.5rem}}@media (min-width: 1200px){.worldtime-container{padding:2rem 2.5rem}.worldtime-h1-card{padding:.6rem 1.5rem;margin-top:.2rem;margin-bottom:.2rem;margin-left:auto;margin-right:auto}.worldtime-h1-card h1{font-size:clamp(1.4rem,2.5vw,2rem)}.worldtime-container .worldtime-cards{gap:1.5rem;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}.worldtime-container .worldtime-card{flex:1 1 calc(50% - .75rem)!important;min-width:0!important}.worldtime-card{padding:2rem;border-radius:12px;min-height:300px}.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{min-width:70px;height:45px;font-size:.9rem}}@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{background-color:var(--card-bg-color);color:#fff}.light-theme .worldtime-offset,.light-theme .worldtime-date{color:#fff}.light-theme .worldtime-modal{background-color:var(--card-bg-color);color:#fff}.worldtime-comparison-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:18px;padding:2rem;margin-top:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.worldtime-comparison-card h2{color:var(--primary-color);font-size:clamp(1.3rem,2.5vw,1.6rem);margin-bottom:1.5rem;text-align:center;font-weight:600}.worldtime-comparison-card h3{color:var(--primary-color);font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:1rem;font-weight:600}.worldtime-comparison-selectors{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.worldtime-comparison-select-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.worldtime-comparison-select-group label{color:var(--primary-color);font-size:clamp(.9rem,2vw,1rem);font-weight:600}.worldtime-comparison-select{padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:8px;color:var(--text-color);font-size:clamp(.9rem,2vw,1rem);cursor:pointer;transition:all .2s ease}.worldtime-comparison-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.worldtime-comparison-select:hover{border-color:var(--primary-color)}.worldtime-comparison-search-wrapper{position:relative;width:100%}.worldtime-comparison-search-input{width:100%;padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:8px;color:var(--text-color);font-size:clamp(.9rem,2vw,1rem);transition:all .2s ease;box-sizing:border-box}.worldtime-comparison-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.worldtime-comparison-search-input:hover{border-color:var(--primary-color)}.worldtime-comparison-search-input::placeholder{color:#ffffff80}.worldtime-comparison-search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg-color);border:1px solid var(--accent-color);border-radius:8px;margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.worldtime-comparison-search-result{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(92,207,230,.1)}.worldtime-comparison-search-result:last-child{border-bottom:none}.worldtime-comparison-search-result:hover{background-color:#5ccfe61a}.worldtime-comparison-result-name{color:var(--primary-color);font-weight:600;font-size:clamp(.9rem,2vw,1rem)}.worldtime-comparison-result-offset{color:var(--text-color);font-size:clamp(.8rem,2vw,.9rem)}.worldtime-comparison-vs{color:var(--primary-color);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin-top:1.5rem}.worldtime-comparison-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.worldtime-comparison-section{background-color:#5ccfe60d;border:1px solid var(--accent-color);border-radius:12px;padding:1.5rem;transition:all .2s ease}.worldtime-comparison-section:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #5ccfe633}.worldtime-comparison-info{text-align:center}.worldtime-comparison-highlight{color:var(--primary-color);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;margin-bottom:.5rem}.worldtime-comparison-info p{color:var(--text-color);margin:.5rem 0;font-size:clamp(.9rem,2vw,1rem)}.worldtime-comparison-times{display:flex;flex-direction:column;gap:1rem}.worldtime-comparison-time-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:8px;transition:all .2s ease}.worldtime-comparison-time-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.worldtime-comparison-location{color:var(--primary-color);font-weight:600;font-size:clamp(1rem,2vw,1.1rem)}.worldtime-comparison-time{color:var(--text-color);font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600}.worldtime-comparison-status{font-size:clamp(.8rem,2vw,.9rem);padding:.25rem .75rem;border-radius:12px;display:inline-block;font-weight:600;align-self:flex-start}.worldtime-comparison-status.business{background-color:#89d18533;color:var(--highlight-color);border:1px solid var(--highlight-color)}.worldtime-comparison-status.off{background-color:#ffb84d33;color:#ffb84d;border:1px solid #ffb84d}.worldtime-meeting-times{text-align:center}.worldtime-meeting-info{color:var(--primary-color);font-size:clamp(1rem,2vw,1.1rem);font-weight:600;margin-bottom:1rem}.worldtime-meeting-slots{display:flex;flex-direction:column;gap:.75rem}.worldtime-meeting-slot{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;font-size:clamp(.85rem,2vw,.95rem);transition:all .2s ease;gap:.5rem;flex-wrap:wrap}.worldtime-meeting-slot:hover{border-color:var(--primary-color);background-color:#5ccfe60d}.worldtime-meeting-slot span{color:var(--text-color)}.worldtime-meeting-arrow{color:var(--primary-color);font-weight:700;font-size:1.2rem}.worldtime-meeting-more{color:var(--primary-color);font-size:clamp(.85rem,2vw,.95rem);font-style:italic;margin-top:.5rem}.worldtime-no-overlap{color:#ffb84d;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;margin-bottom:.5rem}.worldtime-no-overlap-hint{color:var(--text-color);font-size:clamp(.85rem,2vw,.95rem);font-style:italic}.worldtime-comparison-placeholder{text-align:center;padding:2rem;color:var(--text-color);font-size:clamp(.95rem,2vw,1.05rem);font-style:italic}@media (max-width: 768px){.worldtime-comparison-card{padding:1.5rem 1rem;margin-top:1.5rem}.worldtime-comparison-selectors{flex-direction:column;gap:1rem}.worldtime-comparison-select-group{width:100%;min-width:auto}.worldtime-comparison-vs{margin-top:0}.worldtime-comparison-results{grid-template-columns:1fr;gap:1rem}.worldtime-comparison-section{padding:1rem}.worldtime-meeting-slot{flex-direction:column;align-items:flex-start;gap:.5rem}.worldtime-meeting-arrow{align-self:center;transform:rotate(90deg)}.worldtime-comparison-search-results{max-height:150px}}@media (max-width: 480px){.worldtime-comparison-card{padding:1rem .75rem;border-radius:14px}.worldtime-comparison-placeholder{padding:1.5rem 1rem}}html,body,.worldtime-container{overflow-x:hidden}.currency-container{background:var(--background-color);color:var(--text-color);width:100%;max-width:min(1300px,92vw);padding:1.25rem 1.5rem;margin:0 auto}.currency-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.currency-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1rem;padding-bottom:1.6rem;line-height:1.2}@media (max-width: 768px){.currency-h1-text-only{margin-top:.1rem;margin-bottom:.2rem}.currency-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1rem;padding-bottom:2rem;margin:0}}.currency-favorite-btn,.currency-swap-btn,.currency-toggle-comparison,.currency-save-comparison-btn,.currency-toggle-history,.currency-favorite-item{background-color:var(--primary-color)!important;color:#fff!important;border:none!important;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.currency-favorite-btn:hover,.currency-swap-btn:hover,.currency-toggle-comparison:hover,.currency-save-comparison-btn:hover,.currency-toggle-history:hover,.currency-favorite-item:hover{background-color:var(--accent-color)!important}.currency-h1-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:1.5rem 1.5rem 2rem;margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.currency-h1-card h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.currency-converter-card{background-color:var(--card-bg-color);border-radius:6px;padding:2rem;box-shadow:var(--box-shadow);border:none;margin-bottom:1.5rem;transition:all .2s ease}.currency-converter-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.currency-input-section{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:end;margin-bottom:2rem}.currency-input-group{display:flex;flex-direction:column;gap:.5rem}.currency-label{font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:var(--primary-color);margin-bottom:.25rem}.currency-amount-input{padding:.75rem 1rem;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;text-align:center;transition:all .2s ease}.currency-amount-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;transform:scale(1.02)}.currency-select-group{display:flex;flex-direction:column;gap:.5rem}.currency-select-container{display:flex;gap:.5rem;align-items:center}.currency-select{flex:1;padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .2s ease}.currency-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.currency-favorite-btn{background-color:transparent;border:1px solid var(--accent-color);color:var(--text-color);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.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{background-color:var(--primary-color);border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:all .2s ease;align-self:center;margin:0 1rem}.currency-swap-btn:hover{background-color:#5ccfe6;transform:scale(1.1) rotate(180deg);box-shadow:0 4px 12px #5ccfe64d}.currency-comparison-actions{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(92,207,230,.2)}.currency-save-comparison-btn{background:linear-gradient(135deg,var(--primary-color),#4fb3d9);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #5ccfe64d}.currency-save-comparison-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5ccfe666;background:linear-gradient(135deg,#4fb3d9,var(--primary-color))}.currency-save-comparison-btn:active{transform:translateY(0);box-shadow:0 2px 8px #5ccfe64d}.currency-markup-section{margin-top:1.5rem;padding:1rem;background-color:#5ccfe608;border-radius:8px;border:1px solid rgba(92,207,230,.1)}.currency-markup-title{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 1rem;text-align:center}.currency-comparison-markup{font-size:.85rem;color:var(--accent-color);font-weight:500;margin-top:.25rem;font-style:italic}.currency-comparison-amount-container{position:relative;display:flex;align-items:center}.currency-comparison-currency-symbol{position:absolute;left:1rem;font-size:1.1rem;font-weight:600;color:var(--text-color);z-index:1;pointer-events:none}.currency-comparison-amount-container .currency-comparison-input{padding-left:2.5rem}.currency-rate-helper{margin-top:1rem;padding:.75rem;background-color:#5ccfe60d;border-radius:6px;border:1px solid rgba(92,207,230,.2)}.currency-helper-title{font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.currency-helper-text{font-size:.8rem;color:var(--text-color);line-height:1.4}.currency-history-markup{font-size:.8rem;color:var(--accent-color);font-weight:500;font-style:italic;display:block;margin-top:.2rem}.currency-history-comparison{width:100%}.currency-history-difference{font-size:.85rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;margin-top:.25rem}.currency-history-difference.losing{background-color:#ff63631a;color:#ff6363;border:1px solid rgba(255,99,99,.2)}.currency-history-difference.gaining{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.currency-result{text-align:center;padding:1.5rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.2)}.currency-loading{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--primary-color);font-size:1.1rem}.currency-spinner{width:20px;height:20px;border:2px solid var(--accent-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.currency-conversion-amount{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--primary-color);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.currency-rate{font-size:clamp(.9rem,2vw,1.1rem);color:#fff;margin-bottom:.5rem}.currency-last-updated{font-size:.8rem;color:#fff;font-style:italic}.currency-favorites-card{background-color:var(--card-bg-color);border-radius:6px;padding:1.5rem;box-shadow:var(--box-shadow);border:none;margin-bottom:1.5rem;transition:all .2s ease}.currency-favorites-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.currency-favorites-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:clamp(1.1rem,2.5vw,1.3rem);text-align:center}.currency-favorites{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.currency-favorite-item{background-color:var(--secondary-color);border:1px solid var(--accent-color);color:var(--text-color);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.currency-favorite-item:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #5ccfe64d}.currency-rate-comparison-card{background-color:var(--card-bg-color);border-radius:6px;padding:1.5rem;box-shadow:var(--box-shadow);border:none;margin-bottom:1.5rem;transition:all .2s ease}.currency-rate-comparison-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.currency-rate-comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.currency-rate-comparison-header h3{color:var(--primary-color);margin:0;font-size:clamp(1.1rem,2.5vw,1.3rem)}.currency-toggle-comparison{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.currency-toggle-comparison:hover{background-color:#5ccfe6;transform:translateY(-1px)}.currency-comparison-content{margin-top:1rem}.currency-comparison-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.currency-comparison-group{display:flex;flex-direction:column;gap:.5rem}.currency-comparison-input{padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-size:1rem;font-weight:600;text-align:center;transition:all .2s ease}.currency-comparison-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633;transform:scale(1.02)}.currency-comparison-hint{font-size:.8rem;color:var(--secondary-color);font-style:italic;text-align:center;margin-top:.25rem}.currency-comparison-results{background-color:#5ccfe60d;border-radius:8px;padding:1.5rem;border:1px solid rgba(92,207,230,.2)}.currency-comparison-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:1.5rem}.currency-comparison-market,.currency-comparison-custom{text-align:center;padding:1rem;background-color:var(--secondary-color);border-radius:8px;border:1px solid var(--accent-color)}.currency-comparison-label{font-size:.9rem;color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.currency-comparison-value{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:var(--text-color);margin-bottom:.5rem}.currency-comparison-rate{font-size:.8rem;color:var(--secondary-color)}.currency-comparison-vs{font-size:1.5rem;font-weight:700;color:var(--primary-color);background-color:var(--card-bg-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-color)}.currency-comparison-difference{text-align:center;padding:1.5rem;border-radius:8px;margin-bottom:1rem;font-weight:600}.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{text-align:center;padding:1rem;border-radius:6px;font-size:.9rem;line-height:1.4}.currency-tip-warning{background-color:#ffc1071a;border:1px solid #ffc107;color:#ff9800;padding:1rem;border-radius:6px}.currency-tip-good{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:1rem;border-radius:6px}.currency-history-card{background-color:var(--card-bg-color);border-radius:6px;padding:1.5rem;box-shadow:var(--box-shadow);border:none;transition:all .2s ease}.currency-history-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.currency-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.currency-history-header h3{color:var(--primary-color);margin:0;font-size:clamp(1.1rem,2.5vw,1.3rem)}.currency-toggle-history{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.currency-toggle-history:hover{background-color:#5ccfe6;transform:translateY(-1px)}.currency-history-list{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.currency-history-list::-webkit-scrollbar{width:4px}.currency-history-list::-webkit-scrollbar-track{background:transparent}.currency-history-list::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:2px}.currency-no-history{text-align:center;color:var(--secondary-color);font-style:italic;padding:2rem}.currency-history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background-color:#5ccfe60d;border-radius:6px;border:1px solid rgba(92,207,230,.1);transition:all .2s ease}.currency-history-item:hover{background-color:#5ccfe61a;transform:translate(4px)}.currency-history-main{display:flex;align-items:center;gap:.75rem;font-weight:600}.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{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.currency-history-rate{font-size:.8rem;color:var(--secondary-color)}.currency-history-time{font-size:.75rem;color:var(--secondary-color);font-style:italic}@media screen and (max-width: 600px){.currency-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.35rem 1.1rem}}@media (max-width: 768px){.currency-container{max-width:95vw;padding:.75rem 1rem}.currency-h1-card{margin-bottom:1.2rem;margin-top:.3rem;padding:.25rem .7rem;border-radius:8px}.currency-converter-card{padding:1.5rem 1rem;border-radius:8px}.currency-favorites-card,.currency-rate-comparison-card,.currency-history-card{border-radius:6px}.currency-input-section{grid-template-columns:1fr;gap:1rem}.currency-swap-btn{margin:.5rem 0;align-self:center}.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{flex-direction:column;align-items:flex-start;gap:.5rem}.currency-history-details{align-items:flex-start}.currency-comparison-inputs{grid-template-columns:1fr;gap:1rem}.currency-comparison-summary{grid-template-columns:1fr;gap:1rem;text-align:center}.currency-comparison-vs{order:-1;align-self:center}}@media (max-width: 480px){.currency-container{padding:.75rem}.currency-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.25rem .9rem;border-radius:8px}.currency-converter-card{padding:1rem .75rem}}@media (max-width: 430px) and (min-height: 900px){.currency-h1-card{margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;padding:.4rem 1rem;border-radius:8px}.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{width:36px;height:36px;font-size:1.1rem}.currency-swap-btn{width:45px;height:45px;font-size:1.3rem}.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}}@media (max-width: 430px) and (min-height: 900px){.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-text-only h1{padding-top:1rem;padding-bottom:1.6rem}.currency-h1-card{padding:.6rem 1.5rem;margin-top:.2rem;margin-bottom:.2rem;margin-left:auto;margin-right:auto}.currency-h1-card h1{font-size:clamp(1.4rem,2.5vw,2rem)}.currency-converter-card{padding:2.5rem;border-radius:6px}.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{width:44px;height:44px;font-size:1.3rem}.currency-swap-btn{width:60px;height:60px;font-size:1.8rem}.currency-conversion-amount{font-size:clamp(2rem,4vw,3rem)}.currency-favorites-card,.currency-rate-comparison-card,.currency-history-card{padding:2rem;border-radius:6px}.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:var(--text-color)}html,body,.currency-container{overflow-x:hidden}.language-container{background:var(--background-color);color:var(--primary-color);max-width:min(1300px,92vw);margin:0 auto;padding:1.25rem 1.5rem;width:100%}.language-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.language-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1rem;padding-bottom:1.5rem;line-height:1.2}@media (max-width: 768px){.language-h1-text-only{margin-top:.2rem;margin-bottom:.2rem}.language-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1rem;padding-bottom:1.8rem;margin:0}}html,body,.language-container{overflow-x:hidden}.language-h1-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:1.5rem 1.5rem 2rem;margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.language-h1-card h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--primary-color);margin:0}.language-translator-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:18px;padding:1.5rem 1rem 1.1rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.language-translator-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#5ccfe666}.language-input-section{display:grid;grid-template-columns:1fr 80px 1fr;gap:2rem;align-items:start;margin-bottom:1.5rem}.language-input-group,.language-select-group{display:flex;flex-direction:column;gap:.75rem}.language-label{font-weight:600;color:var(--primary-color);font-size:1rem}.language-select-container{display:flex;align-items:center;gap:.5rem;height:60px}.language-select{flex:1;padding:.75rem;border:1px solid var(--accent-color);border-radius:6px;background-color:var(--card-bg-color);color:var(--primary-color);font-size:1rem;outline:none;transition:border-color .2s ease}.language-select:focus{border-color:var(--primary-color)}.language-select option{color:var(--primary-color);background-color:var(--card-bg-color)}.language-textarea{width:100%;min-height:120px;padding:1rem;border:1px solid var(--accent-color);border-radius:6px;background-color:var(--card-bg-color);color:var(--primary-color);font-size:1rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s ease}.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{color:#ff6b6b;border-color:#ff6b6b}.language-result-textarea{background-color:#5ccfe60d;border:1px solid rgba(92,207,230,.2)}.language-swap-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026;margin:0 auto}.language-swap-btn:hover{background-color:var(--accent-color);transform:translateY(-2px)}.language-clear-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 6px #00000026}.language-clear-btn:hover{background-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.language-speak-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;width:40px;height:40px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #00000026}.language-speak-btn:hover{background-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.language-word-card,.language-history-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:18px;padding:1.5rem 1rem 1.1rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.language-word-card:hover,.language-history-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#5ccfe666}.language-word-header,.language-history-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.language-word-header h3,.language-history-header h3{color:var(--primary-color);margin:0;font-size:clamp(1.1rem,2.5vw,1.3rem)}.language-word-icon,.language-history-icon{font-size:1.2rem;color:var(--primary-color)}.language-word-content{text-align:center}.language-word-translation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem;background-color:#5ccfe61a;padding:1rem;border-radius:8px;border:1px solid rgba(92,207,230,.3)}.language-word-original,.language-word-translated{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--primary-color)}.language-word-separator{font-size:1.5rem;color:var(--accent-color);font-weight:700}.language-word-language{font-size:.9rem;color:var(--primary-color);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 rgba(92,207,230,.2);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{display:flex;align-items:center;gap:.75rem;font-weight:600;flex:1}.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{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-weight:600;flex:1}.language-history-languages{font-size:.8rem;color:var(--primary-color)}.language-history-time{font-size:.75rem;color:var(--primary-color);font-style:italic}@media (max-width: 768px){.language-container{max-width:95vw;padding:.75rem 1rem}.language-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.3rem .8rem}.language-translator-card,.language-word-card,.language-history-card{padding:1rem .7rem .8rem;margin:.25rem auto .75rem;border-radius:8px}.language-input-section{grid-template-columns:1fr;gap:1.5rem;align-items:stretch}.language-swap-btn{width:60px;height:60px;font-size:1.4rem;margin:.5rem auto;align-self:center}.language-clear-btn{padding:.4rem .8rem;font-size:.8rem}.language-speak-btn{width:35px;height:35px;font-size:.9rem}}@media (max-width: 480px){.language-container{padding:.5rem}}@media (max-width: 390px){.language-container{padding:.5rem}.language-h1-card{padding:.2rem .5rem;margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto}.language-translator-card,.language-word-card,.language-history-card{padding:.8rem .5rem .6rem;margin:.2rem auto .4rem;border-radius:14px}.language-textarea{min-height:80px;padding:.75rem}.language-swap-btn{width:40px;height:40px;font-size:1.1rem}.language-clear-btn{padding:.3rem .6rem;font-size:.75rem}.language-speak-btn{width:30px;height:30px;font-size:.8rem}}@media (min-width: 1024px){.language-translator-card{padding:1.5rem 1rem 1.1rem;max-width:1100px;margin:0 auto 1.5rem}}@media (min-width: 1200px){.language-container{padding:1.25rem 1.5rem}.language-translator-card,.language-word-card,.language-history-card{padding:1.5rem 1rem 1.1rem;max-width:1200px;margin:0 auto 1.5rem}}.contact-container{background:var(--background-color);color:var(--text-color);max-width:min(1300px,92vw);margin:0 auto;padding:1.25rem 1.5rem}.contact-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.contact-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1rem;padding-bottom:.8rem;line-height:1.2}@media (max-width: 768px){.contact-h1-text-only{margin-top:.2rem;margin-bottom:.2rem}.contact-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1rem;padding-bottom:.6rem;margin:0}}.contact-header{text-align:center;color:var(--text-color);margin-bottom:1rem}.h1-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:1.5rem 1.5rem 2rem;margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.h1-card h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.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);padding:2rem;margin:2rem auto;width:100%;text-align:center}.form-card p{font-size:1rem;margin-bottom:1.5rem;color:var(--primary-color)}.contact-form input,.contact-form textarea{width:100%;padding:1rem;margin-bottom:1rem;border:none;border-radius:var(--border-radius);background:var(--secondary-color);font-size:1rem;color:var(--text-color);border:1px solid var(--input-border-color)}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background .3s;width:100%}.contact-form button:hover{background-color:var(--accent-color)}.status{margin-top:1rem;font-style:italic;font-size:.95rem;color:var(--primary-color)}@media (max-width: 768px){.contact-container{max-width:95vw;padding:.75rem 1rem}.contact-header{margin-bottom:.4rem}.h1-card{margin-bottom:1rem;margin-top:.3rem;padding:.25rem .7rem;border-radius:8px}.h1-card h1{font-size:1.2rem}.form-card{padding:1.5rem 1rem;margin:1.5rem auto}.contact-form input,.contact-form textarea{padding:.8rem;font-size:.95rem}.contact-form button{padding:.6rem 1.2rem;font-size:.95rem}}@media (max-width: 480px){.h1-card{margin-bottom:2px;margin-top:2px!important;padding:.25rem .7rem;border-radius:8px}.form-card{padding:1rem .8rem;margin:1rem auto}.contact-form input,.contact-form textarea{padding:.7rem;font-size:.9rem}.contact-form button{padding:.5rem 1rem;font-size:.9rem}}.weather-container{background:var(--background-color);color:var(--text-color);width:100%;max-width:min(1300px,92vw);margin:0 auto;padding:1.25rem 1.5rem}.weather-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.weather-h1-text-only h1{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);padding-top:1rem;padding-bottom:1.5rem;line-height:1.2}.weather-h1-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:1.5rem 1.5rem 2rem;margin-top:.15rem;margin-bottom:.15rem;margin-left:auto;margin-right:auto;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.weather-h1-card h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.weather-search-card{position:relative;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:1.5rem 1.5rem 1.5rem 4rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-search-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);border-color:#5ccfe666}.weather-search-card.collapsed{padding:1rem 1.5rem 1rem 4rem}.weather-search-toggle-btn{position:absolute;top:50%;left:1rem;transform:translateY(-50%);background-color:#5ccfe61a;border:1px solid var(--accent-color);color:var(--primary-color);width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:0;transition:all .3s ease;z-index:10;box-sizing:border-box}.weather-search-toggle-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 8px #5ccfe64d}.weather-search-collapsed{display:flex;align-items:center;justify-content:center;padding:2rem 1.6rem 2rem 0;min-height:60px}.weather-current-location-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 2rem;border-radius:6px;cursor:pointer;font-size:clamp(.8rem,1.8vw,.9rem);font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0003;white-space:nowrap;min-width:180px}.weather-current-location-btn:hover:not(:disabled){background-color:#5ccfe6;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.weather-current-location-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.weather-search-form{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.weather-search-input{flex:1;min-width:200px;padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-size:1rem;transition:all .2s ease}.weather-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.weather-search-btn,.weather-location-btn,.weather-refresh-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0003;white-space:nowrap}.weather-search-btn:hover:not(:disabled),.weather-location-btn:hover:not(:disabled),.weather-refresh-btn:hover:not(:disabled){background-color:#5ccfe6;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.weather-search-btn:disabled,.weather-location-btn:disabled,.weather-refresh-btn:disabled{opacity:.6;cursor:not-allowed;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);color:var(--text-color);border:1px solid var(--accent-color)}.weather-auto-refresh-btn.active{background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.weather-auto-refresh-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.weather-auto-refresh-btn.active:hover:not(:disabled){background-color:#7ae076}.weather-interval-select{background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--accent-color);padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0003;white-space:nowrap;min-width:100px}.weather-interval-select:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.weather-interval-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.weather-interval-select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--secondary-color);color:var(--text-color);transform:none}.weather-card-toggle-btn{position:absolute;top:1rem;left:1rem;transform:none;background-color:#5ccfe61a;border:1px solid var(--accent-color);color:var(--primary-color);width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:0;transition:all .3s ease;z-index:10;box-sizing:border-box}.weather-card-toggle-btn:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 8px #5ccfe64d}.weather-card-save-btn{position:absolute;top:1rem;right:3.5rem;background-color:#ffd7001a;border:1px solid rgba(255,215,0,.4);color:gold;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease;z-index:10}.weather-card-save-btn:hover{background-color:gold;border-color:gold;transform:scale(1.1);box-shadow:0 4px 8px #ffd70066}.weather-card-refresh-btn{position:absolute;top:1rem;right:1rem;background-color:#5ccfe61a;border:1px solid var(--accent-color);color:var(--primary-color);width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:0;transition:all .3s ease;z-index:10;box-sizing:border-box}.weather-card-refresh-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;transform:rotate(180deg) scale(1.1);box-shadow:0 4px 8px #5ccfe64d}.weather-card-refresh-btn:disabled{opacity:.4;cursor:not-allowed;animation:weather-spin 1s linear infinite}@keyframes weather-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-auto-refresh-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-top:1rem;background-color:#89d1851a;border:1px solid var(--highlight-color);border-radius:6px;font-size:.9rem;color:var(--highlight-color);font-weight:600}.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}.weather-saved-locations{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--accent-color)}.weather-saved-locations h4{color:var(--primary-color);margin-bottom:1rem;font-size:1rem}.weather-saved-list{display:flex;flex-wrap:wrap;gap:.5rem}.weather-saved-item{display:flex;align-items:center;gap:.25rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:20px;overflow:hidden;transition:all .2s ease}.weather-saved-item:hover{border-color:var(--primary-color);transform:translateY(-1px)}.weather-saved-btn{background:transparent;border:none;color:var(--text-color);padding:.5rem 1rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.weather-saved-btn:hover{color:var(--primary-color)}.weather-remove-btn{background:transparent;border:none;color:var(--text-color);padding:.5rem;cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.weather-remove-btn:hover{color:#ff6b6b}.weather-loading-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:3rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-spinner{width:40px;height:40px;border:3px solid var(--accent-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:weatherspin 1s linear infinite;margin:0 auto 1rem}@keyframes weatherspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-loading-card p{color:var(--primary-color);font-size:1.1rem;margin:0}.weather-error-card{background-color:#ff63631a;border-radius:8px;padding:1.5rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #ff6363;text-align:center;margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-error-card p{color:#ff6363;font-size:1rem;margin:0}.weather-current-card{position:relative;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:2rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-current-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);border-color:#5ccfe666}.weather-current-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(92,207,230,.2)}.weather-header-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.weather-location-name{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--primary-color);margin:0;line-height:1.2}.weather-current-card.collapsed .weather-location-name{font-size:clamp(1rem,2.8vw,1.3rem)}.weather-header-details{display:flex;flex-direction:column;align-items:center;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{display:flex;align-items:center;gap:.5rem;color:var(--accent-color);font-size:clamp(.8rem,1.8vw,.9rem);font-weight:500}.weather-update-label{opacity:.8}.weather-update-time{font-weight:600;color:var(--primary-color)}.weather-coordinates{color:var(--secondary-color);font-size:clamp(.75rem,1.8vw,.85rem);font-family:monospace;opacity:.7;letter-spacing:.5px}.weather-current-card.collapsed{padding:1rem 1.5rem;min-height:auto}.weather-collapsed-summary{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.weather-collapsed-location{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.weather-collapsed-city{font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;color:var(--primary-color)}.weather-collapsed-coords{font-size:clamp(.7rem,2vw,.85rem);color:var(--secondary-color);font-family:monospace;opacity:.8;letter-spacing:.5px}.weather-collapsed-main{display:flex;align-items:center;gap:1rem;justify-content:center}.weather-collapsed-icon{font-size:clamp(2.5rem,6vw,3rem);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-collapsed-temp{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;color:var(--primary-color)}.weather-collapsed-desc{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--primary-color);text-transform:capitalize}.weather-current-main{text-align:center;padding:2rem 0}.weather-current-icon{font-size:clamp(4rem,10vw,6rem);margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.weather-current-temp{font-size:clamp(3rem,8vw,5rem);font-weight:700;color:var(--primary-color);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.weather-current-description{font-size:clamp(1.2rem,3vw,1.5rem);color:var(--primary-color);text-transform:capitalize;margin-bottom:2rem}.weather-current-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--accent-color)}.weather-detail-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1);transition:all .2s ease}.weather-detail-item:hover{background-color:#5ccfe61a;transform:translateY(-2px)}.weather-detail-label{font-size:.9rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px}.weather-detail-value{font-size:1.2rem;font-weight:600;color:var(--primary-color)}.weather-grid-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.weather-uv-card{position:relative;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:1.5rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s,box-shadow .3s,border-color .2s}.weather-uv-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);border-color:#5ccfe666}.weather-uv-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem;text-align:center}.weather-uv-content{display:flex;flex-direction:column;gap:1.5rem}.weather-uv-summary{text-align:center}.weather-uv-index{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.weather-uv-level{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.weather-uv-bar{width:100%;height:12px;background-color:var(--secondary-color);border-radius:6px;overflow:hidden;margin-bottom:1rem}.weather-uv-fill{height:100%;border-radius:6px;transition:all .3s ease}.weather-uv-description{font-size:.9rem;color:var(--secondary-color);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{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.weather-uv-chart-header h4{color:var(--primary-color);font-size:1rem;margin:0;font-weight:600}.weather-uv-chart-time-labels{display:flex;gap:1.5rem;font-size:.8rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.weather-uv-chart-wrapper{display:flex;justify-content:center;margin:1rem 0}.weather-uv-chart{border-radius:8px;background:linear-gradient(135deg,#5ccfe61a,#5ccfe60d);border:2px solid rgba(92,207,230,.3);box-shadow:inset 0 2px 4px #0000001a}.weather-uv-chart-tooltip{font-size:12px;font-weight:600;fill:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.weather-uv-chart-current-label{font-size:10px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.weather-uv-chart-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.weather-uv-chart-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.weather-uv-chart-legend-color{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);box-shadow:0 1px 3px #0000004d}.weather-uv-selected-info{margin-top:1rem;padding:1rem;background-color:#5ccfe61a;border:1px solid var(--accent-color);border-radius:6px;text-align:center}.weather-uv-selected-time{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.weather-uv-selected-value{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.weather-uv-selected-level{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.weather-uv-chart-loading{text-align:center;color:var(--secondary-color);font-style:italic;padding:2rem}.weather-uv-card.collapsed{padding:1rem 1.5rem;min-height:auto}.weather-uv-collapsed-summary{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.weather-uv-collapsed-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.weather-uv-collapsed-label{font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;color:var(--primary-color)}.weather-uv-collapsed-night{font-size:clamp(.75rem,1.8vw,.85rem);color:#fff;font-style:italic}.weather-uv-collapsed-main{display:flex;flex-direction:column;align-items:center;gap:.5rem}.weather-uv-collapsed-index{font-size:clamp(2rem,5vw,2.5rem);font-weight:700}.weather-uv-collapsed-level{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.weather-additional-card{position:relative;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:1.5rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s,box-shadow .3s,border-color .2s}.weather-additional-card.collapsed{padding:1rem 1.5rem;min-height:auto}.weather-additional-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);border-color:#5ccfe666}.weather-additional-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem;text-align:center}.weather-additional-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.weather-additional-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#5ccfe60d;border-radius:6px;border:1px solid rgba(92,207,230,.1);transition:all .2s ease}.weather-additional-item:hover{background-color:#5ccfe61a;transform:scale(1.02)}.weather-additional-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-additional-content{display:flex;flex-direction:column;gap:.25rem}.weather-additional-label{font-size:.8rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px}.weather-additional-value{font-size:1rem;font-weight:600;color:var(--primary-color)}.weather-additional-collapsed-summary{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.weather-additional-collapsed-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.weather-additional-collapsed-label{font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;color:var(--primary-color)}.weather-additional-collapsed-main{display:flex;align-items:center;gap:1.5rem;justify-content:center}.weather-additional-collapsed-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.weather-additional-collapsed-icon{font-size:clamp(1.5rem,4vw,2rem);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-additional-collapsed-value{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;color:var(--primary-color)}.weather-hourly-card{position:relative;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:1.5rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-hourly-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);border-color:#5ccfe666}.weather-hourly-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem;text-align:center}.weather-hourly-list{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.weather-hourly-item{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;align-items:center;padding:1.25rem 1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1);transition:all .2s ease;min-height:80px;position:relative}.weather-hourly-item:hover{background-color:#5ccfe61a;transform:translate(4px)}.weather-hourly-item.current-hour{background-color:#5ccfe633;border:2px solid var(--primary-color)}.weather-current-indicator{position:absolute;top:-8px;right:4px;background-color:var(--primary-color);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;z-index:5}.weather-hourly-time{font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:#fff;min-width:120px}.weather-hourly-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-hourly-precip{font-size:clamp(.8rem,1.8vw,.9rem);color:var(--secondary-color);min-width:60px}.weather-hourly-temp{font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;color:#fff;min-width:100px}.weather-hourly-card.collapsed{padding:1rem 1.5rem;min-height:240px;display:flex;flex-direction:column;justify-content:center}.weather-hourly-collapsed-summary{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0}.weather-hourly-collapsed-title{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0;text-align:center}.weather-hourly-collapsed-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;width:100%}.weather-hourly-collapsed-scroll::-webkit-scrollbar{height:6px}.weather-hourly-collapsed-scroll::-webkit-scrollbar-track{background:transparent}.weather-hourly-collapsed-scroll::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}.weather-hourly-collapsed-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1);min-width:100px;flex-shrink:0;transition:all .2s ease;position:relative}.weather-hourly-collapsed-item:hover{background-color:#5ccfe626;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.weather-hourly-collapsed-item.current-hour{background-color:#5ccfe633;border:2px solid var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #5ccfe64d}.weather-hourly-collapsed-time{font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:var(--primary-color)}.weather-hourly-collapsed-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-hourly-collapsed-temp{font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;color:var(--primary-color)}.weather-hourly-collapsed-precip{font-size:clamp(.8rem,1.8vw,.9rem);color:#fff}.weather-daily-card{position:relative;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:1.5rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-daily-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);border-color:#5ccfe666}.weather-daily-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.25rem;text-align:center}.weather-daily-card.collapsed{padding:1rem 1.5rem;min-height:240px;display:flex;flex-direction:column;justify-content:center}.weather-daily-list{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.weather-daily-item{display:grid;grid-template-columns:1fr auto auto auto auto;gap:1rem;align-items:center;padding:1.25rem 1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1);transition:all .2s ease;min-height:80px}.weather-daily-item:hover{background-color:#5ccfe61a;transform:translate(4px)}.weather-daily-day{font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:#fff;min-width:120px}.weather-daily-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-daily-precip{font-size:clamp(.8rem,1.8vw,.9rem);color:var(--secondary-color);min-width:60px}.weather-daily-temps{display:flex;align-items:center;gap:.5rem;font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;min-width:100px}.weather-daily-high{color:#fff}.weather-daily-separator,.weather-daily-low{color:var(--secondary-color)}.weather-daily-wind{font-size:clamp(.8rem,1.8vw,.9rem);color:var(--secondary-color);min-width:80px}.weather-daily-collapsed-summary{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0}.weather-daily-collapsed-title{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0;text-align:center}.weather-daily-collapsed-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;width:100%}.weather-daily-collapsed-scroll::-webkit-scrollbar{height:6px}.weather-daily-collapsed-scroll::-webkit-scrollbar-track{background:transparent}.weather-daily-collapsed-scroll::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}.weather-daily-collapsed-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1);min-width:100px;flex-shrink:0;transition:all .2s ease;position:relative}.weather-daily-collapsed-item:hover{background-color:#5ccfe626;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.weather-daily-collapsed-item.current-day{background-color:#5ccfe633;border:2px solid var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #5ccfe64d}.weather-daily-collapsed-day{font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:var(--primary-color)}.weather-daily-collapsed-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-daily-collapsed-temp{font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;color:var(--primary-color)}.weather-daily-collapsed-precip{font-size:clamp(.8rem,1.8vw,.9rem);color:#fff}.weather-trip-planner-card{position:relative;background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:1.5rem;min-height:200px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-trip-planner-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);border-color:#5ccfe666}.weather-trip-planner-card h3{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0 0 1.5rem;text-align:center}.weather-trip-planner-card.collapsed{padding:1rem 1.5rem;min-height:140px;display:flex;flex-direction:column;justify-content:center}.weather-trip-planner-card:not(.collapsed){min-height:350px}.weather-trip-planner-content{min-height:200px}.weather-trip-planner-content{display:flex;flex-direction:column;gap:1.5rem}.weather-trip-planner-form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:1rem;align-items:end}@media (max-width: 900px){.weather-trip-planner-form{grid-template-columns:1fr 1fr;gap:1rem}.weather-trip-planner-field:first-child,.weather-trip-planner-field:nth-child(2){grid-column:1 / -1}.weather-trip-planner-btn{grid-column:1 / -1;width:100%}}.weather-trip-planner-field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.weather-trip-planner-field label{font-size:.9rem;color:var(--primary-color);font-weight:600}.weather-trip-planner-input{padding:.75rem 1rem;background-color:var(--secondary-color);border:1px solid var(--accent-color);border-radius:6px;color:var(--text-color);font-size:1rem;transition:all .2s ease;width:100%;box-sizing:border-box;min-width:0;max-width:100%}.weather-trip-planner-input[type=date],.weather-trip-planner-input[type=time]{font-size:1rem;min-width:140px}.weather-trip-planner-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #5ccfe633}.weather-trip-planner-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0003;white-space:nowrap;height:fit-content}.weather-trip-planner-btn:hover:not(:disabled){background-color:#5ccfe6;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.weather-trip-planner-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.weather-trip-planner-error{padding:1rem;background-color:#ff63631a;border:1px solid #ff6363;border-radius:6px;color:#ff6363;font-size:.9rem;text-align:center}.weather-trip-planner-results{border-top:1px solid var(--accent-color);padding-top:1.5rem}.weather-trip-planner-route-info{margin-bottom:2rem}.weather-trip-planner-route-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.weather-trip-planner-route-start,.weather-trip-planner-route-dest{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.weather-trip-planner-route-label{font-size:.85rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.weather-trip-planner-route-location{font-size:1rem;font-weight:600;color:var(--primary-color)}.weather-trip-planner-route-arrow{font-size:1.5rem;color:var(--accent-color);font-weight:700}.weather-trip-planner-route-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1)}.weather-trip-planner-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.weather-trip-planner-stat-label{font-size:.8rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.weather-trip-planner-stat-value{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.weather-trip-planner-hourly-timeline{margin-top:2rem}.weather-trip-planner-hourly-timeline h4{color:var(--primary-color);font-size:clamp(1rem,2.5vw,1.2rem);margin:0 0 1.5rem;text-align:center}.weather-trip-planner-hourly-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.weather-trip-planner-hourly-list::-webkit-scrollbar{width:6px}.weather-trip-planner-hourly-list::-webkit-scrollbar-track{background:transparent}.weather-trip-planner-hourly-list::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}.weather-trip-planner-hourly-item{display:grid;grid-template-columns:180px 1fr;gap:1rem;padding:1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1);transition:all .2s ease}.weather-trip-planner-hourly-item:hover{background-color:#5ccfe61a;transform:translate(4px);border-color:#5ccfe64d}.weather-trip-planner-hourly-time{display:flex;flex-direction:column;gap:.5rem;border-right:1px solid rgba(92,207,230,.2);padding-right:1rem}.weather-trip-planner-hourly-hour{font-size:1rem;font-weight:700;color:var(--primary-color)}.weather-trip-planner-hourly-timestamp{font-size:.9rem;color:var(--primary-color)}.weather-trip-planner-hourly-progress{font-size:.8rem;color:var(--primary-color);font-style:italic}.weather-trip-planner-hourly-weather{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.weather-trip-planner-hourly-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-trip-planner-hourly-temp{font-size:1.3rem;font-weight:700;color:var(--primary-color);min-width:60px}.weather-trip-planner-hourly-details{display:flex;flex-direction:column;gap:.5rem;flex:1}.weather-trip-planner-hourly-precip{font-size:.9rem;color:var(--primary-color)}.weather-trip-planner-hourly-precip.medium-precip{color:#5ccfe6;font-weight:600}.weather-trip-planner-hourly-precip.high-precip{color:#5ccfe6;font-weight:700}.weather-trip-planner-hourly-wind,.weather-trip-planner-hourly-visibility{font-size:.9rem;color:var(--primary-color)}@media (max-width: 768px){.weather-trip-planner-hourly-item{grid-template-columns:1fr;gap:.75rem}.weather-trip-planner-hourly-time{border-right:none;border-bottom:1px solid rgba(92,207,230,.2);padding-right:0;padding-bottom:.75rem;flex-direction:row;justify-content:space-between;align-items:center}.weather-trip-planner-hourly-weather{flex-direction:column;align-items:flex-start}.weather-trip-planner-route-header{flex-direction:column;gap:.5rem}.weather-trip-planner-route-arrow{transform:rotate(90deg)}.weather-trip-planner-route-stats{flex-direction:column;gap:1rem}}.weather-trip-planner-forecast{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.weather-trip-planner-day{padding:1rem;background-color:#5ccfe60d;border-radius:8px;border:1px solid rgba(92,207,230,.1);transition:all .2s ease}.weather-trip-planner-day:hover{background-color:#5ccfe61a;transform:translateY(-2px)}.weather-trip-planner-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.weather-trip-planner-day-name{font-size:.9rem;font-weight:600;color:var(--primary-color)}.weather-trip-planner-day-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.weather-trip-planner-day-temps{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;justify-content:center}.weather-trip-planner-day-high,.weather-trip-planner-day-separator,.weather-trip-planner-day-low{color:var(--primary-color)}.weather-trip-planner-day-details{display:flex;justify-content:space-around;gap:.5rem;font-size:.8rem;color:var(--primary-color)}.weather-trip-planner-day-detail{text-align:center}.weather-trip-planner-collapsed-summary{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.weather-trip-planner-collapsed-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.weather-trip-planner-collapsed-label{font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;color:var(--primary-color)}.weather-trip-planner-collapsed-main{display:flex;align-items:center;justify-content:center;width:100%}.weather-trip-planner-collapsed-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.weather-trip-planner-collapsed-route{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;color:var(--primary-color)}.weather-trip-planner-collapsed-stats,.weather-trip-planner-collapsed-time{font-size:clamp(.8rem,2vw,.9rem);color:var(--primary-color)}.weather-trip-planner-collapsed-placeholder{font-size:clamp(.85rem,2.2vw,.95rem);color:var(--primary-color);font-style:italic;text-align:center;margin-top:1.25rem}.weather-welcome-card{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:8px;padding:4rem 2rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;margin-bottom:1.5rem;transition:transform .2s,box-shadow .3s,border-color .2s}.weather-welcome-icon{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.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{max-width:95vw;padding:.75rem 1rem}.weather-h1-text-only{margin-top:.1rem;margin-bottom:.2rem}.weather-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1rem;padding-bottom:2rem;margin:0}.weather-h1-card{margin-top:.1rem;margin-bottom:.1rem;margin-left:auto;margin-right:auto;padding:.35rem 1.1rem;border-radius:8px}.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{top:50%;left:.75rem;transform:translateY(-50%);width:28px;height:28px;font-size:.8rem}.weather-search-toggle-btn:hover{transform:translateY(-50%) scale(1.1)}.weather-search-card.collapsed .weather-search-toggle-btn{left:.75rem;transform:translateY(-50%)}.weather-search-card.collapsed .weather-search-toggle-btn:hover{transform:translateY(-50%) scale(1.1)}.weather-search-form{flex-direction:column;align-items:stretch}.weather-search-collapsed{padding-top:1rem;padding-bottom:1rem;text-align:center}.weather-search-input,.weather-search-btn,.weather-location-btn,.weather-refresh-btn,.weather-auto-refresh-btn,.weather-interval-select{width:100%}.weather-card-toggle-btn{top:.75rem;left:.75rem;transform:none;width:28px;height:28px;font-size:.8rem}.weather-card-toggle-btn:hover{transform:scale(1.1)}.weather-trip-planner-form{grid-template-columns:1fr;gap:1rem}.weather-trip-planner-field{width:100%}.weather-trip-planner-input{width:100%;font-size:16px;padding:.85rem 1rem;box-sizing:border-box}.weather-trip-planner-input[type=date]{min-width:0;max-width:100%}.weather-trip-planner-btn{width:100%;padding:.85rem 1.5rem}.weather-trip-planner-forecast{grid-template-columns:1fr}.weather-card-save-btn{top:.75rem;right:3rem;width:32px;height:32px;font-size:.9rem}.weather-card-refresh-btn{top:.75rem;right:.75rem;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;font-size:.8rem}.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{padding:1.5rem 1rem;border-radius:14px}.weather-header-content{padding-top:0}.weather-current-details{grid-template-columns:repeat(2,1fr);gap:1rem}.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-grid-two-col,.weather-additional-grid{grid-template-columns:1fr}.weather-uv-chart-header{flex-direction:column;gap:.5rem;text-align:center}.weather-uv-chart-time-labels{justify-content:center;gap:2rem}.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,.weather-hourly-item{grid-template-columns:1fr;gap:.75rem;text-align:center}.weather-daily-day,.weather-daily-precip,.weather-daily-temps,.weather-daily-wind,.weather-hourly-time,.weather-hourly-precip,.weather-hourly-temp{min-width:auto;justify-content:center}.weather-daily-icon{display:flex;justify-content:center}.weather-daily-temps{justify-content:center}.weather-daily-card.collapsed{padding:1rem;min-height:220px}.weather-trip-planner-card.collapsed{min-height:130px}.weather-daily-collapsed-item{min-width:80px;padding:.75rem}}@media (max-width: 480px){.weather-container{padding:.5rem}.weather-h1-text-only{margin-top:.2rem;margin-bottom:.2rem}.weather-h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);padding-top:1rem;padding-bottom:1.5rem;margin:0}.weather-h1-card{margin-bottom:1rem;margin-top:.5rem;padding:.3rem .8rem;border-radius:8px}.weather-search-card{padding:1rem 1rem 1rem 3.5rem;margin-bottom:.75rem}.weather-search-card.collapsed{padding:.75rem .75rem .75rem 3.5rem}.weather-search-toggle-btn{top:50%;left:.5rem;transform:translateY(-50%);width:24px;height:24px;font-size:.75rem}.weather-search-toggle-btn:hover{transform:translateY(-50%) scale(1.1)}.weather-search-card.collapsed .weather-search-toggle-btn{left:.5rem;transform:translateY(-50%)}.weather-search-card.collapsed .weather-search-toggle-btn:hover{transform:translateY(-50%) scale(1.1)}.weather-search-collapsed{padding-top:1rem;padding-bottom:1rem;text-align:center}.weather-current-location-btn{width:auto;max-width:400px;font-size:clamp(.8rem,2.8vw,.9rem);padding:.5rem 2rem;min-width:200px;margin-left:-20px}.weather-search-collapsed-text{font-size:clamp(.85rem,3vw,.95rem)}.weather-current-card{padding:1rem .75rem;margin-bottom:.75rem}.weather-uv-card,.weather-additional-card,.weather-hourly-card,.weather-daily-card,.weather-trip-planner-card{padding:1rem;margin-bottom:.75rem}.weather-hourly-card.collapsed{min-height:220px}.weather-uv-card.collapsed,.weather-additional-card.collapsed,.weather-daily-card.collapsed,.weather-trip-planner-card.collapsed{padding:.6rem .75rem;min-height:120px}.weather-hourly-card.collapsed,.weather-daily-card.collapsed{min-height:200px}.weather-daily-collapsed-item{min-width:80px;padding:.75rem}.weather-daily-collapsed-icon{font-size:1.5rem}.weather-uv-collapsed-summary{padding:.25rem 0;gap:.5rem}.weather-uv-collapsed-index{font-size:clamp(1.5rem,4vw,2rem)}.weather-uv-collapsed-level{font-size:clamp(.9rem,3vw,1.1rem)}.weather-grid-two-col{gap:.75rem;margin-bottom:.75rem}.weather-header-content{padding-top:0}.weather-card-toggle-btn{top:.5rem;left:.5rem;transform:none;width:24px;height:24px;font-size:.75rem}.weather-card-toggle-btn:hover{transform:scale(1.1)}.weather-trip-planner-form{grid-template-columns:1fr;gap:.75rem}.weather-trip-planner-field{width:100%}.weather-trip-planner-input{width:100%;font-size:16px;padding:.85rem 1rem}.weather-trip-planner-input[type=date]{min-width:0;max-width:100%}.weather-trip-planner-btn{width:100%;padding:.85rem 1.5rem}.weather-trip-planner-forecast{grid-template-columns:1fr}.weather-card-save-btn{top:.5rem;right:2.5rem;width:28px;height:28px;font-size:.85rem}.weather-card-refresh-btn{top:.5rem;right:.5rem;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;font-size:.75rem}.weather-current-card.collapsed{padding:.6rem .75rem}.weather-collapsed-summary{padding:.25rem 0;gap:.5rem}.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,.weather-hourly-collapsed-item{min-width:80px;padding:.75rem}.weather-hourly-icon,.weather-daily-icon{font-size:1.5rem}.weather-uv-chart-time-labels{gap:1rem;font-size:.7rem}.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{width:10px;height: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{margin-bottom:1.5rem;margin-top:.5rem;padding:.4rem 1rem;border-radius:8px}.weather-h1-card h1{margin-bottom:.5rem;font-size:clamp(1.3rem,4vw,1.6rem)}}@media (min-width: 1200px){.weather-container{padding:2rem 2.5rem}.weather-h1-text-only h1{padding-top:1rem;padding-bottom:1rem}.weather-h1-card{padding:.6rem 1.5rem;margin-top:.2rem;margin-bottom:.2rem;margin-left:auto;margin-right:auto}.weather-h1-card h1{font-size:clamp(1.4rem,2.5vw,2rem)}.weather-current-card{padding:2.5rem;border-radius:12px}.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{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}.dark-theme .weather-location-name,.dark-theme .weather-current-date,.dark-theme .weather-update-time,.dark-theme .weather-coordinates,.dark-theme .weather-current-temp,.dark-theme .weather-current-description,.dark-theme .weather-detail-value,.dark-theme .weather-collapsed-temp,.dark-theme .weather-collapsed-desc,.dark-theme .weather-collapsed-coords,.dark-theme .weather-uv-index,.dark-theme .weather-uv-level,.dark-theme .weather-uv-collapsed-index,.dark-theme .weather-uv-collapsed-level,.dark-theme .weather-uv-collapsed-night,.dark-theme .weather-uv-description,.dark-theme .weather-uv-selected-time,.dark-theme .weather-uv-selected-value,.dark-theme .weather-uv-selected-level,.dark-theme .weather-additional-value,.dark-theme .weather-hourly-time,.dark-theme .weather-hourly-temp,.dark-theme .weather-hourly-precip,.dark-theme .weather-hourly-collapsed-time,.dark-theme .weather-hourly-collapsed-temp,.dark-theme .weather-hourly-collapsed-precip,.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-trip-planner-day-name,.dark-theme .weather-trip-planner-day-high,.dark-theme .weather-trip-planner-day-low,.dark-theme .weather-trip-planner-day-detail,.dark-theme .weather-trip-planner-destination h4,.dark-theme .weather-trip-planner-collapsed-destination,.dark-theme .weather-welcome-card h2,.dark-theme .weather-welcome-card p,.dark-theme .weather-loading-card p,.dark-theme .weather-error-card p,.dark-theme .weather-detail-label,.dark-theme .weather-additional-label,.dark-theme .weather-update-label,.dark-theme .weather-uv-chart-time-labels,.dark-theme .weather-uv-chart-legend-item,.dark-theme .weather-uv-chart-tooltip,.dark-theme .weather-uv-chart-current-label{color:#fff}.dark-theme .weather-search-input{color:#fff;background-color:var(--secondary-color)}.dark-theme .weather-search-input::placeholder{color:#ffffffb3}.light-theme .weather-h1-card{background-color:var(--card-bg-color)}.light-theme .weather-search-card,.light-theme .weather-current-card,.light-theme .weather-uv-card,.light-theme .weather-additional-card,.light-theme .weather-hourly-card,.light-theme .weather-daily-card,.light-theme .weather-trip-planner-card,.light-theme .weather-welcome-card,.light-theme .weather-loading-card{background-color:var(--card-bg-color);color:#fff}html,body,.weather-container{overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:70px;display:flex;flex-direction:column}.home-main-content{flex:1;padding-top:35px;display:flex;flex-direction:column}.app-footer{text-align:center;padding:1rem;font-size:.9rem;background-color:var(--background-color);color:var(--text-color);border-top:1px solid rgba(92,207,230,.1)}.coffee-link{color:var(--primary-color);text-decoration:none;font-weight:700}.coffee-link:hover{text-decoration:underline}.home-container{background:var(--background-color);color:var(--text-color);max-width:min(1300px,92vw);margin:0 auto;padding:1.25rem 1.5rem}.home-header{text-align:center;color:var(--text-color);margin-bottom:1rem}.home-logo{max-width:80px;margin-bottom:1rem}.home-header h1{font-size:2.8rem;margin:.5rem 0;margin-top:-20px;color:#5ccfe6}.subtitle{font-size:1.2rem;line-height:1.6}.home-buttons-scrollable{margin-bottom:2rem;width:100%;position:relative;display:flex;align-items:center}.scrollable-buttons-container{display:flex;overflow-x:auto;gap:1rem;padding:1rem 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;flex:1;scroll-padding:0 50px}.home-scroll-arrow{position:absolute;top:72%;transform:translateY(-50%);background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #0003;transition:all var(--transition-speed);outline:none;box-sizing:border-box;flex-shrink:0}.home-scroll-arrow:focus,.home-scroll-arrow:focus-visible{outline:none}.home-scroll-arrow:hover{background-color:var(--accent-color);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #0000004d}.home-scroll-arrow:active{transform:translateY(-50%) scale(.95)}.home-scroll-arrow svg{font-size:.8rem}.home-scroll-arrow-left{left:8px}.home-scroll-arrow-right{right:0}.scrollable-buttons-container::-webkit-scrollbar{height:8px}.scrollable-buttons-container::-webkit-scrollbar-track{background:transparent}.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{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;font-size:1rem;text-decoration:none;display:flex;align-items:center;gap:.7rem;transition:all var(--transition-speed);box-shadow:0 2px 8px #00000026;min-width:280px;max-width:320px;width:280px;justify-content:flex-start;outline:none;text-align:left;flex-shrink:0;min-height:80px;box-sizing:border-box}.home-btn:hover,.home-btn:focus{background-color:var(--accent-color);transform:translateY(-2px);color:#fff;box-shadow:0 4px 16px #00000040}.home-btn:active{transform:translateY(0)}.home-btn svg{font-size:1.25em;vertical-align:middle;margin-right:.7em;margin-bottom:0;display:inline-block;align-self:center}.home-btn .fa-file-alt{position:relative;top:-2px}.home-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}.home-card-link{text-decoration:none;color:inherit;outline:none}.home-card-link:focus,.home-card-link:focus-visible{outline:none}.home-card{padding:1.5rem 1rem 1.1rem;border-radius:18px;transition:transform .2s,box-shadow .3s,border-color .2s;height:100%;text-align:center;margin-bottom:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.home-card:hover,.home-card:focus{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#5ccfe666}.h1-card-home{background-color:var(--card-bg-color);border:1px solid rgba(92,207,230,.2);border-radius:10px;padding:.75rem 1.5rem;margin:.5rem auto 1rem;width:100%;max-width:none;text-align:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #5ccfe60d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.h1-card-home h1{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.2}.home-h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.home-h1-text-only h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin:0;color:var(--primary-color);padding-top:1rem;padding-bottom:1.5rem;line-height:1.2;text-shadow:0 0 30px rgba(92,207,230,.15);letter-spacing:-.03em}.h-cards{background-color:var(--card-bg-color);border-radius:6px;padding:.3rem 1rem;margin:.5rem auto;max-width:960px;width:95%;text-align:center;box-shadow:0 2px 6px #0003}.home-card h2{font-size:1.5rem;margin-bottom:.75rem;color:#5ccfe6}.home-card p{font-size:1rem;line-height:1.5;color:var(--text-color)}.home-icon{font-size:2rem;vertical-align:middle;margin-bottom:.5rem;margin-right:0;display:inline-block;align-self:center}.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:1px solid rgba(92,207,230,.2);border-radius:10px;padding:1.5rem;margin:1rem auto;width:100%;max-width:100%;text-align:center;box-shadow:0 2px 6px #0003;transition:transform .2s,box-shadow .3s,border-color .2s;overflow:hidden;box-sizing:border-box;position:relative;min-height:300px;outline:none}.home-video-card:hover,.home-video-card:focus,.home-video-card:focus-visible{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#5ccfe666;outline:none}.video-heading{font-size:1.4rem;color:var(--text-color);margin-bottom:1rem}.video-wrapper{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #00000026;margin:.5rem 0 0;transition:box-shadow .3s;box-sizing:border-box;min-height:200px;aspect-ratio:16/9;padding-bottom:56.25%;outline:none}.video-wrapper:before{content:"";display:block;padding-bottom:56.25%}@supports (aspect-ratio: 16/9){.video-wrapper:before{display:none}}.video-wrapper:hover,.video-wrapper:focus,.video-wrapper:focus-visible{box-shadow:0 4px 16px #0003;outline:none}.video-wrapper iframe,.video-wrapper .video-frame,.video-wrapper .react-youtube{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px;max-width:100%;box-sizing:border-box;z-index:1;outline:none}@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{margin:.1rem auto .4rem;padding:.25rem .9rem;border-radius:8px}.home-buttons{grid-template-columns:1fr;gap:.75rem}.home-btn{font-size:.9rem;padding:.6rem .8rem .6rem 1rem}.home-sections{gap:.6rem}.home-card{padding:.8rem .5rem .6rem}.home-btn{min-width:240px;max-width:260px;width:240px;min-height:65px;font-size:.85rem;padding:.5rem .8rem}.scrollable-buttons-container{gap:.8rem;padding:.4rem 0;scroll-padding:0 35px}.home-scroll-arrow{width:26px;height:26px;min-width:26px;min-height:26px;max-width:26px;max-height:26px}.home-scroll-arrow svg{font-size:.75rem}.home-video-card{padding:.3rem;margin:.2rem auto}.video-wrapper{margin:.1rem 0 0;aspect-ratio:3/2;min-height:160px}.video-heading{font-size:.9rem;margin-bottom:.3rem}}@media (max-width: 768px){.home-buttons{grid-template-columns:1fr;gap:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.home-buttons{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 862px) and (max-width: 1024px){.home-buttons{grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:700px;margin-left:auto;margin-right:auto}}@media (min-width: 1025px){.home-buttons{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.home-video-card{width:100%;max-width:100%;overflow:hidden}.video-wrapper{max-width:100%;width:100%;min-width:unset;overflow:hidden;min-height:180px}.video-wrapper iframe,.video-wrapper .video-frame,.video-wrapper .react-youtube{max-width:100%;width:100%;height:100%;overflow:hidden;border-radius:6px}}@media (max-width: 537px){.home-video-card{padding:.4rem;margin:.3rem auto}.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{padding:.5rem;margin:.5rem auto;min-height:220px}.video-wrapper{margin:.3rem 0 0;min-height:160px}}@media (min-width: 769px) and (max-width: 1023px){.home-video-card{width:100%;max-width:100%;overflow:hidden}.video-wrapper{max-width:100%;width:100%;min-width:unset;overflow:hidden;min-height:200px}.video-wrapper .video-frame,.video-wrapper iframe,.video-wrapper .react-youtube{max-width:100%;width:100%;height:100%;overflow:hidden}}@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;scroll-padding:0 40px}.home-scroll-arrow{width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px}.home-scroll-arrow svg{font-size:.8rem}.home-btn{min-width:250px;max-width:280px;width:250px;min-height:70px;font-size:.9rem;padding:.6rem 1rem}.home-sections{grid-template-columns:1fr;gap:.8rem}.home-card{padding:1rem .7rem .8rem;border-radius:14px;margin-bottom:1.1rem}.home-icon{font-size:1.7rem;margin-bottom:6px;color:var(--text-color)}.h1-card-home{margin-bottom:1rem;margin-top:.3rem;padding:.25rem .7rem;border-radius:8px}.home-header{margin-bottom:.4rem}.home-video-card{margin-top:10px;margin-bottom:12px;padding:.8rem;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;min-height:250px}.video-wrapper{width:100%;max-width:100%;overflow:hidden;min-height:180px}}@media (max-width: 768px){.light-theme .nav-link{color:var(--text-color)}}.light-theme .home-btn,.light-theme .home-scroll-arrow{background-color:#5ccfe6;color:#fff}.light-theme .home-scroll-arrow:hover{background-color:var(--accent-color)}.light-theme .home-card p,.light-theme .home-icon,.icon-option,.dark-theme .icon-option{color:#fff}.light-theme .icon-option{color:#000}.light-theme,.dark-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;scroll-padding:0 45px}.home-scroll-arrow{width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}.home-scroll-arrow svg{font-size:.85rem}.home-btn{min-width:260px;max-width:300px;width:260px;min-height:75px;font-size:.95rem;padding:.7rem 1.1rem}.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{min-width:48%;font-size:.95rem;padding:.6rem 1rem}}@media (min-width: 1200px){.home-container{max-width:min(1300px,92vw);padding-left:2.5rem;padding-right:2.5rem}}html,body,.home-container{overflow-x:hidden}:root{--background-color: #0a0a0a;--card-bg-color: rgba(255, 255, 255, .05);--text-color: #f5f5f5;--primary-color: #5ccfe6;--secondary-color: #2a2a2a;--accent-color: #5ccfe6;--highlight-color: #89c3f1;--medium-priority-color: #50fa7b;--copied-color: #4c9f70;--task-text-color: #b0b0b0;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4);--transition-speed: .3s;--button-text-color: #ffffff;--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: #fafafa;--card-bg-color: rgba(10, 10, 10, .75);--text-color: #1a1a1a;--primary-color: #5ccfe6;--secondary-color: #f5f5f7;--accent-color: #5ccfe6;--highlight-color: #89d185;--medium-priority-color: #50fa7b;--copied-color: #4c9f70;--task-text-color: #666666;--button-text-color: #ffffff;--button-hover-scale: 1.05;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4)}.dark-theme{--background-color: #0a0a0a;--card-bg-color: rgba(255, 255, 255, .05);--text-color: #f5f5f5;--primary-color: #5ccfe6;--secondary-color: #2a2a2a;--accent-color: #5ccfe6;--highlight-color: #89d185;--medium-priority-color: #50fa7b;--copied-color: #4c9f70;--task-text-color: #b0b0b0;--button-text-color: #ffffff;--button-hover-scale: 1.05;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Consolas,Monaco,monospace;background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}#root{min-height:100vh;display:flex;flex-direction:column}body.light-theme,body.dark-theme{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.dark-theme .home-card,.dark-theme .card,.dark-theme .currency-converter-card,.dark-theme .currency-favorites-card,.dark-theme .currency-history-card,.dark-theme .currency-rate-comparison-card,.dark-theme .form-card{background-color:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff0d}.dark-theme .home-card:hover,.dark-theme .card:hover,.dark-theme .currency-converter-card:hover{background-color:#ffffff14;border-color:#5ccfe64d;box-shadow:0 8px 24px #0006,0 0 0 1px #5ccfe633}.light-theme .home-card,.light-theme .card,.light-theme .currency-converter-card,.light-theme .currency-favorites-card,.light-theme .currency-history-card,.light-theme .currency-rate-comparison-card,.light-theme .form-card,.light-theme .h1-card-home,.light-theme .h1-card,.light-theme .h1-card-timer,.light-theme .h1-card-splitter,.light-theme .currency-h1-card{background-color:#0a0a0abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.25);box-shadow:0 4px 16px #0000004d,0 0 0 1px #00000026}.light-theme .home-card:hover,.light-theme .card:hover,.light-theme .currency-converter-card:hover{border-color:#5ccfe64d;box-shadow:0 8px 24px #0006,0 0 0 1px #5ccfe633}button,input,select,textarea{background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius);padding:8px 12px;font-size:1em;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:var(--primary-color);transform:scale(1.02)}button:focus{outline:2px solid var(--accent-color);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 5px #5ccfe680}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--link-hover-color)}input,select,textarea{width:100%;max-width:100%}button{border:none}button.primary{background-color:var(--primary-color);color:var(--button-text-color);padding:10px 20px;border-radius:var(--border-radius)}button.primary:hover{background-color:var(--accent-color);transform:scale(var(--button-hover-scale))}:focus-visible{outline:2px dashed var(--accent-color);outline-offset:4px}.h1-text-only{text-align:center;margin-top:.3rem;margin-bottom:.3rem;margin-left:auto;margin-right:auto;padding:0;width:100%}.h1-text-only h1{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600;margin:0;color:var(--primary-color);line-height:1.3;text-shadow:0 0 20px rgba(92,207,230,.15);letter-spacing:-.01em}@media (max-width: 768px){.h1-text-only{margin-top:.2rem;margin-bottom:.2rem;margin-left:auto;margin-right:auto}.h1-text-only h1{font-size:clamp(1.3rem,4vw,1.7rem);margin:0}}