@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lora:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap);:root{--font-family:"Poppins",sans-serif;--bg-color-pomodoro:#2a3d66;--bg-color-short:#3a668c;--bg-color-long:#5a94b2;--text-color:#f0f4f8;--text-color-dark:#333;--primary-accent:#fff;--card-bg:#ffffff1a;--card-border:#fff3;--soft-shadow:0 8px 32px 0 #1f26875e}*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f4f8;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);line-height:1.6;transition:background-color .5s ease}.app-container{min-height:100vh;padding:1rem;width:100%}.main-content{display:flex;flex-direction:column;gap:1.5rem;margin:1rem auto;max-width:1200px}.card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--soft-shadow);padding:1.5rem}.header-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.logo-container{align-items:center;cursor:default;display:flex;-webkit-user-select:none;user-select:none}.logo-svg{height:40px;overflow:visible;width:auto}.logo-target{transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.logo-container:hover .logo-target{transform:translate(70px,20px) rotate(1turn)}.header-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.language-selector{font-size:.8rem;padding:.4rem .8rem}.advanced-reports{max-height:95vh;max-width:95vw;overflow-y:auto;width:1200px}.reports-header{gap:1rem;justify-content:space-between;margin-bottom:2rem}.reports-controls,.reports-header{align-items:center;display:flex;flex-wrap:wrap}.reports-controls{gap:.5rem}.period-selector{background:#0003;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;color:#f0f4f8;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);padding:.5rem}.reports-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;text-align:center}.summary-card h3{font-size:.9rem;margin-bottom:.5rem;opacity:.8}.big-number{color:#fff;color:var(--primary-accent);font-size:2.5rem;font-weight:700}.chart-container{background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;position:relative}.chart-container h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.no-data-message{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;height:100%;justify-content:center;text-align:center}.no-data-message p{margin:0;padding:2rem}.streak-info{background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.streak-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.streak-card{background:#0003;border-radius:8px;padding:1rem;text-align:center}.streak-label{display:block;font-size:.8rem;margin-bottom:.5rem;opacity:.8}.streak-value{color:#fff;color:var(--primary-accent);display:block;font-size:1.5rem;font-weight:700}.productivity-dashboard{max-height:95vh;max-width:95vw;overflow-y:auto;width:1000px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.timeframe-selector{display:flex;gap:.5rem}.timeframe-selector button{background:#0003;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;color:#f0f4f8;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.timeframe-selector button.active{background:#fff;background:var(--primary-accent);color:#333;color:var(--text-color-dark)}.timeframe-selector button:hover{background:#ffffff1a;background:var(--card-bg)}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{align-items:center;background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.metric-card.primary{flex-direction:column;grid-column:1/-1;text-align:center}.metric-icon{font-size:2rem}.metric-content h3{font-size:.9rem;margin-bottom:.5rem;opacity:.8}.metric-value{color:#fff;color:var(--primary-accent);font-size:2rem;font-weight:700}.metric-subtitle{font-size:.8rem;opacity:.7}.metric-progress{background:#0003;border-radius:4px;height:8px;margin:.5rem 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#4ecdc4,#44a08d);border-radius:4px;height:100%;transition:width .3s ease}.metric-goal{font-size:.8rem;opacity:.8}.achievements-section,.goals-section,.insights-section{background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.achievements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.achievement-card{align-items:center;background:#0003;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.achievement-card.unlocked{border:2px solid #4ecdc4}.achievement-card.locked{opacity:.5}.achievement-icon{font-size:1.5rem}.achievement-content h4{font-size:.9rem;margin-bottom:.25rem}.achievement-description{font-size:.8rem;line-height:1.3;margin:.25rem 0;opacity:.8}.achievement-date{font-size:.7rem;opacity:.7}.insights-list{margin-top:1rem}.insight-item{align-items:center;background:#0003;border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem}.insight-item.success{border-left:4px solid #4ecdc4}.insight-item.info{border-left:4px solid #45b7d1}.insight-item.warning{border-left:4px solid #ffa726}.insight-icon{font-size:1.2rem}.insight-message{flex:1 1}.goals-list{margin-top:1rem}.goal-item{margin-bottom:1rem}.goal-label{font-size:.9rem;margin-bottom:.5rem;opacity:.8}.goal-progress{background:#0003;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.goal-value{font-size:.8rem;opacity:.7}.achievement-notification-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.achievement-notification{animation:slideUp .4s ease;background:#ffffff1a;background:var(--card-bg);border:2px solid #4ecdc4;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:2rem;width:90%}.achievement-notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.achievement-notification-header h3{color:#4ecdc4;font-size:1.5rem;margin:0}.close-btn{color:#f0f4f8;color:var(--text-color);font-size:2rem}.close-btn:hover{background:#ffffff1a}.achievement-item{align-items:center;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.achievement-item:last-child{margin-bottom:0}.achievement-icon{font-size:2rem;min-width:60px;text-align:center}.achievement-details h4{color:#4ecdc4;font-size:1.2rem;margin:0 0 .5rem}.achievement-details p{font-size:.9rem;margin:0;opacity:.8}.achievement-desc{font-size:.85rem!important;line-height:1.3;margin:.25rem 0 0!important;opacity:.9!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:4px solid var(--primary-accent);height:40px;margin-bottom:1rem;width:40px}@media (max-width:768px){.advanced-reports,.productivity-dashboard{max-height:90vh;width:95vw}.dashboard-header,.reports-header{align-items:stretch;flex-direction:column}.reports-controls,.timeframe-selector{justify-content:center}.achievements-grid,.main-metrics,.streak-cards,.summary-cards{grid-template-columns:1fr}}.btn{border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.btn-primary{background-color:#fff;background-color:var(--primary-accent);color:#333;color:var(--text-color-dark)}.btn-primary:hover{box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.btn-secondary{background:none;border:1px solid #fff3;border:1px solid var(--card-border);color:#f0f4f8;color:var(--text-color)}.btn-secondary:hover{background-color:#ffffff1a;background-color:var(--card-bg)}input[type=email],input[type=number],input[type=password],input[type=text]{background:#0003;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;color:#f0f4f8;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);padding:.75rem;width:100%}input::placeholder{color:#ffffff80}.timer-card{text-align:center}.timer-modes{display:flex;gap:1rem;margin-bottom:1.5rem}.timer-display,.timer-modes{justify-content:center}.timer-display h2{font-size:clamp(3.5rem,20vw,8rem);font-weight:700;margin:1rem 0}.circular-progress{align-items:center;display:flex;justify-content:center;margin:2rem auto;position:relative}.progress-ring{transform:rotate(-90deg);transition:all .3s ease}.progress-ring-circle{stroke-linecap:round;transition:stroke-dashoffset .5s ease-in-out,stroke .3s ease}.progress-ring-circle.active{stroke:#4ecdc4;stroke:var(--progress-active-color,#4ecdc4)}.progress-ring-circle.inactive{stroke:#ff6b6b;stroke:var(--progress-inactive-color,#ff6b6b)}.progress-ring-circle-bg{opacity:.3}.timer-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.timer-text h2{font-size:3rem;font-weight:300;margin:0;text-shadow:0 2px 4px #0000004d}.mode-btn,.timer-text h2{color:#f0f4f8;color:var(--text-color)}.mode-btn{background:none;opacity:.7}.mode-btn.active{background-color:#0003;opacity:1}.btn-start{background-color:#fff;background-color:var(--primary-accent);box-shadow:0 6px 0 0 #0003;color:#2a3d66;color:var(--bg-color-pomodoro);font-size:1.2rem;padding:.8rem 2.5rem}.btn-start:active{box-shadow:0 4px 0 0 #0003;transform:translateY(2px)}.tasks-container h3{border-bottom:1px solid #fff3;border-bottom:1px solid var(--card-border);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.task-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;min-height:100px}.task-item{align-items:center;background:#0000001a;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s ease}.task-item:hover{background:#00000026}.task-item.active-task{background-color:#00000040}.task-selector-tick{align-items:center;border:2px solid #ffffff4d;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s ease;width:24px}.task-selector-tick .tick-icon{color:#fff;color:var(--primary-accent,#fff);opacity:0;transform:scale(.5);transition:all .3s ease}.task-item.active-task .task-selector-tick{background-color:#fff;background-color:var(--primary-accent,#fff);border-color:#fff;border-color:var(--primary-accent,#fff)}.task-item.active-task .task-selector-tick .tick-icon{color:#2a3d66;color:var(--bg-color-pomodoro);opacity:1;transform:scale(1)}.task-name{flex-grow:1}.task-meta{align-items:center;display:flex;flex-shrink:0;gap:1rem}.task-pomodoro-info{background-color:#0003;border-radius:6px;color:#f0f4f8;color:var(--text-color);font-size:.9rem;padding:4px 10px;text-align:right}.task-pomodoro-info .count{font-weight:700}.task-pomodoro-info .label{font-size:.8rem;opacity:.7}.btn-task-delete{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.2rem;line-height:1;padding:4px;transition:all .2s ease}.btn-task-delete:hover{color:#ff8a80;transform:scale(1.1)}.add-project-form,.add-task-form{display:flex;gap:.5rem}.add-project-form{border-top:1px solid #fff3;border-top:1px solid var(--card-border);margin-top:1.5rem;padding-top:1rem}.no-tasks-message{color:#fff9;padding:1rem;text-align:center}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#2c3e50;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--soft-shadow);color:#f0f4f8;color:var(--text-color);max-width:450px;padding:2rem;width:90%}.modal-content h2{margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#f0f4f8;color:var(--text-color);font-weight:600;opacity:.9}.modal-content .btn{margin-right:.5rem;margin-top:1rem}.btn-google{align-items:center;background-color:#fff;border:1px solid #ddd;color:#333;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;width:100%}.btn-google:hover{background-color:#f7f7f7}.google-icon{height:20px;width:20px}.btn-twitter{align-items:center;background-color:#1da1f2;border:1px solid #1da1f2;color:#fff;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;width:100%}.btn-twitter:hover{background-color:#0d8bd9}.twitter-icon{height:20px;width:20px}.divider{align-items:center;color:#fff9;display:flex;gap:.75rem;margin:2rem 0;width:100%}.divider:after,.divider:before{background:#fff3;background:var(--card-border);content:"";flex:1 1;height:1px}.project-selector{align-items:center;display:flex;gap:.5rem;margin-bottom:1.5rem}.project-selector select{-webkit-appearance:none;appearance:none;background:#0003;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .7em top 50%,0 0;background-repeat:no-repeat;background-size:.65em auto,100%;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;color:#f0f4f8;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;padding:.75rem;width:100%}.btn-complete-project,.btn-icon{flex-shrink:0}.btn-icon{background:none;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;color:#f0f4f8;color:var(--text-color);font-size:1.2rem;height:40px;padding:0;width:40px}.btn-icon:hover:not(:disabled){background-color:#ffffff1a;background-color:var(--card-bg)}.btn-complete-project:disabled,.btn-icon:disabled{cursor:not-allowed;opacity:.4}.user-menu{display:inline-block;position:relative}.dropdown-menu{animation:fadeIn .2s ease-out;background-color:#2c3e50;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--soft-shadow);overflow:hidden;padding:.5rem;position:absolute;right:0;top:calc(100% + 10px);width:150px;z-index:1001}.dropdown-item{background:none;border:none;border-radius:6px;color:#f0f4f8;color:var(--text-color);cursor:pointer;display:block;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:.95rem;font-weight:400;padding:.75rem 1rem;text-align:left;width:100%}.dropdown-item:hover{background-color:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-grid{grid-template-columns:1fr 1fr}.theme-option{align-items:center;background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;color:#f0f4f8;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1rem;transition:all .2s ease;width:100%}.theme-option:hover{background:#fff3}.theme-preview{border-radius:4px;display:flex;height:20px;margin-bottom:.5rem;overflow:hidden;width:80%}.theme-preview span{flex:1 1}.showcase-container{animation:fadeIn .5s ease-out;background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:16px;margin:0 auto 2rem;max-width:1200px;padding:1.5rem}.showcase-container h3{font-size:1.5rem;margin-bottom:1rem;text-align:center}.completed-projects-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.completed-project-item{background:#0003;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.btn-clear{display:block;margin:0 auto;opacity:.7}.btn-clear:hover{opacity:1}.weekly-stats-container{animation:slideInUp .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:12px;bottom:1.5rem;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--soft-shadow);color:#f0f4f8;color:var(--text-color);font-size:.9rem;left:1.5rem;padding:.75rem 1.25rem;position:fixed;z-index:999}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.app-container{padding:2rem}.main-content{gap:2rem;margin:2rem auto}.card{padding:2rem}.header-buttons{gap:.75rem}.btn{font-size:1rem;padding:.6rem 1.2rem}.btn-start{font-size:1.5rem;padding:.8rem 3rem}}@media (min-width:992px){.main-content{align-items:flex-start;flex-direction:row}.timer-card{flex:1 1}.tasks-container{flex:1 1;max-width:450px}}.theme-dark_academia{--font-family:"Lora",serif;background-color:#1e1915!important;background-image:url(https://www.transparenttextures.com/patterns/dark-wood.png)}.theme-dark_academia h1,.theme-dark_academia h2,.theme-dark_academia h3,.theme-dark_academia h4{font-family:Playfair Display,serif;text-shadow:1px 1px 3px #0003}.theme-dark_academia .card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);box-shadow:0 5px 15px #0000004d}.theme-dark_academia .logo-target circle:last-child{fill:#fff!important;fill:var(--primary-accent)!important}.theme-dark_academia .logo-target circle:first-child{stroke:#fff!important;stroke:var(--primary-accent)!important}.theme-dark_academia .btn-start{box-shadow:0 4px 0 0 #0006}.theme-dark_academia .btn-primary,.theme-dark_academia .btn-start{background-color:#fff!important;background-color:var(--primary-accent)!important;color:#333!important;color:var(--text-color-dark)!important}.theme-dark_academia .btn-secondary{border-color:#fff3!important;border-color:var(--card-border)!important;color:#fff!important;color:var(--primary-accent)!important}.theme-dark_academia .btn-secondary:hover{background-color:#ffffff1a!important;background-color:var(--card-bg)!important;border-color:#fff!important;border-color:var(--primary-accent)!important}.theme-dark_academia .task-item.active-task{border-left-color:#fff!important;border-left-color:var(--primary-accent)!important}.theme-dark_academia .task-item.active-task .task-selector-tick{background-color:#fff!important;background-color:var(--primary-accent)!important;border-color:#fff!important;border-color:var(--primary-accent)!important;color:#333!important;color:var(--text-color-dark)!important}.theme-dark_academia .task-item.active-task .tick-icon{color:#333!important;color:var(--text-color-dark)!important}.theme-gothic_core{--font-family:"Lora",serif;background-color:#1a181d!important;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png)}.theme-gothic_core h1,.theme-gothic_core h2,.theme-gothic_core h3,.theme-gothic_core h4{font-family:Cinzel Decorative,cursive;text-shadow:1px 1px 5px #00000080}.theme-gothic_core .card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);box-shadow:inset 0 0 15px #00000080,0 8px 25px #0006}.theme-gothic_core .logo-target circle:last-child{fill:#fff!important;fill:var(--primary-accent)!important}.theme-gothic_core .logo-target circle:first-child{stroke:#fff!important;stroke:var(--primary-accent)!important}.theme-gothic_core .btn-start{box-shadow:0 4px 0 0 #00000080;text-shadow:1px 1px 3px #0006}.theme-gothic_core .btn-primary,.theme-gothic_core .btn-start{background-color:#fff!important;background-color:var(--primary-accent)!important;color:#f0f4f8!important;color:var(--text-color)!important}.theme-gothic_core .btn-primary{text-shadow:1px 1px 2px #0000004d}.theme-gothic_core .btn-secondary{border-color:#fff3!important;border-color:var(--card-border)!important;color:#fff!important;color:var(--primary-accent)!important}.theme-gothic_core .btn-secondary:hover{background-color:#ffffff1a!important;background-color:var(--card-bg)!important;border-color:#fff!important;border-color:var(--primary-accent)!important}.theme-gothic_core .task-item.active-task{border-left-color:#fff!important;border-left-color:var(--primary-accent)!important}.theme-gothic_core .task-item.active-task .task-selector-tick{background-color:#fff!important;background-color:var(--primary-accent)!important;border-color:#fff!important;border-color:var(--primary-accent)!important}.theme-gothic_core .task-item.active-task .tick-icon{color:#f0f4f8!important;color:var(--text-color)!important}.theme-synthwave{--font-family:"Poppins",sans-serif;background-color:#1a103c!important;background-image:linear-gradient(0deg,#ff00e54d 1px,#0000 0),linear-gradient(270deg,#ff00e54d 1px,#0000 0),linear-gradient(180deg,#1a103c 0,#3d2370);background-size:40px 40px,40px 40px,100% 100%}.theme-synthwave h1,.theme-synthwave h2,.theme-synthwave h3,.theme-synthwave h4{color:#fff;color:var(--primary-accent);font-family:Audiowide,cursive;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #00c2ff;text-shadow:0 0 5px var(--primary-accent),0 0 10px var(--primary-accent),0 0 20px #00c2ff}.theme-synthwave .card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);box-shadow:0 0 15px #ff00e533,inset 0 0 10px #00c2ff33}.theme-synthwave .timer-display h2{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #ff00e5,0 0 40px #ff00e5}.theme-synthwave .logo-target circle:last-child{fill:#fff!important;fill:var(--primary-accent)!important}.theme-synthwave .logo-target circle:first-child{stroke:#fff!important;stroke:var(--primary-accent)!important}.theme-synthwave .btn-start{border:1px solid #fff;box-shadow:0 0 15px #fff,0 0 25px #fff;box-shadow:0 0 15px var(--primary-accent),0 0 25px var(--primary-accent);color:#fff!important;font-family:Audiowide,cursive}.theme-synthwave .btn-primary,.theme-synthwave .btn-start{background-color:#fff!important;background-color:var(--primary-accent)!important}.theme-synthwave .btn-primary{color:#333!important;color:var(--text-color-dark)!important;text-shadow:none}.theme-synthwave .btn-secondary{border-color:#fff3!important;border-color:var(--card-border)!important;color:#fff!important;color:var(--primary-accent)!important;text-shadow:0 0 5px #fff;text-shadow:0 0 5px var(--primary-accent)}.theme-synthwave .btn-secondary:hover{background-color:#ffffff1a!important;background-color:var(--card-bg)!important;border-color:#fff!important;border-color:var(--primary-accent)!important;box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--primary-accent)}.theme-synthwave .task-item.active-task{border-left-color:#fff!important;border-left-color:var(--primary-accent)!important;box-shadow:0 0 10px #ff00e54d}.theme-synthwave .task-item.active-task .task-selector-tick{background-color:#fff!important;background-color:var(--primary-accent)!important;border-color:#fff!important;border-color:var(--primary-accent)!important;box-shadow:0 0 8px #fff;box-shadow:0 0 8px var(--primary-accent)}.theme-synthwave .task-item.active-task .tick-icon{color:#fff!important}.theme-modal-content{display:flex;flex-direction:column;max-height:85vh}.theme-modal-content h2{flex-shrink:0}.theme-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-right:-15px;overflow-y:auto;padding:5px 15px 5px 5px}.theme-modal-footer{border-top:1px solid #fff3;border-top:1px solid var(--card-border);flex-shrink:0;margin-top:1rem;padding-top:1.5rem;text-align:center}@media (min-width:576px){.theme-grid{grid-template-columns:1fr 1fr}}.patreon-support-button{align-items:center;animation:fadeIn 1s ease-out;background-color:#ff424d;border-radius:50px;bottom:1.5rem;box-shadow:0 5px 15px #ff424d66;color:#fff;display:flex;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1.25rem;position:fixed;right:1.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;z-index:999}.patreon-support-button:hover{box-shadow:0 8px 25px #ff424d80;transform:translateY(-3px) scale(1.05)}.patreon-logo{height:24px;width:24px}.celebration-overlay{align-items:center;display:flex;inset:0;justify-content:center;overflow:hidden;pointer-events:none;position:fixed;z-index:2000}.celebration-text{animation:textFadeIn 6s ease-out forwards;color:#fff;font-size:2rem;font-weight:600;text-shadow:0 2px 10px #00000080}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.bird-container{inset:0;position:absolute}.bird{animation:fly-across 7s linear infinite;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M464 64h-32v32h-32V64h-32V32h32V0h32v32h32v32zM320 256c0-53-43-96-96-96s-96 43-96 96s43 96 96 96s96-43 96-96zM432 448H80c-17.7 0-32-14.3-32-32s14.3-32 32-32h352c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg>');background-repeat:no-repeat;background-size:contain;height:50px;position:absolute;width:50px;will-change:transform}@keyframes fly-across{0%{transform:translateX(-10vw) translateY(0) rotate(0deg)}25%{transform:translateX(30vw) translateY(-5vh) rotate(-10deg)}50%{transform:translateX(60vw) translateY(2vh) rotate(0deg)}75%{transform:translateX(85vw) translateY(-3vh) rotate(10deg)}to{transform:translateX(110vw) translateY(0) rotate(0deg)}}.bird:first-child{animation-delay:0s;top:20%;transform:scale(.8)}.bird:nth-child(2){animation-delay:-1.5s;top:30%;transform:scale(1)}.bird:nth-child(3){animation-delay:-3s;top:70%;transform:scale(.6)}.bird:nth-child(4){animation-delay:-4s;top:80%;transform:scale(.9)}.bird:nth-child(5){animation-delay:-5.5s;top:45%;transform:scale(1.1)}.bird:nth-child(6){animation-delay:-6.5s;top:60%;transform:scale(.7)}.study-with-me-container{display:flex;justify-content:center;margin:1rem 0;padding:0 1rem}.study-with-me-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;letter-spacing:.5px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.study-with-me-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.study-with-me-btn:hover:before{left:100%}.btn-icon{align-items:center;display:flex;justify-content:center}.btn-text{font-family:inherit}.study-with-me-btn.theme-default{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.study-with-me-btn.theme-default:hover{background:linear-gradient(135deg,#44a08d,#4ecdc4);box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.study-with-me-btn.theme-forest{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.study-with-me-btn.theme-forest:hover{background:linear-gradient(135deg,#8bc34a,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.study-with-me-btn.theme-sunset{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff}.study-with-me-btn.theme-sunset:hover{background:linear-gradient(135deg,#ff5722,#ff9800);box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}.study-with-me-btn.theme-ocean{background:linear-gradient(135deg,#00bcd4,#0096c7);color:#fff}.study-with-me-btn.theme-ocean:hover{background:linear-gradient(135deg,#0096c7,#00bcd4);box-shadow:0 6px 20px #00bcd466;transform:translateY(-2px)}.study-with-me-btn.theme-lavender{background:linear-gradient(135deg,#9c27b0,#e91e63);color:#fff}.study-with-me-btn.theme-lavender:hover{background:linear-gradient(135deg,#e91e63,#9c27b0);box-shadow:0 6px 20px #9c27b066;transform:translateY(-2px)}.study-with-me-btn.theme-coffee{background:linear-gradient(135deg,#8d6e63,#a1887f);color:#fff}.study-with-me-btn.theme-coffee:hover{background:linear-gradient(135deg,#a1887f,#8d6e63);box-shadow:0 6px 20px #8d6e6366;transform:translateY(-2px)}.study-with-me-btn.theme-matrix{background:linear-gradient(135deg,#0f0,#4caf50);color:#003800}.study-with-me-btn.theme-matrix:hover{background:linear-gradient(135deg,#4caf50,#0f0);box-shadow:0 6px 20px #0f06;transform:translateY(-2px)}.study-with-me-btn.theme-rose{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff}.study-with-me-btn.theme-rose:hover{background:linear-gradient(135deg,#f06292,#e91e63);box-shadow:0 6px 20px #e91e6366;transform:translateY(-2px)}.study-with-me-btn.theme-slate{background:linear-gradient(135deg,#757575,#9e9e9e);color:#fff}.study-with-me-btn.theme-slate:hover{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 6px 20px #75757566;transform:translateY(-2px)}.study-with-me-btn.theme-sand{background:linear-gradient(135deg,#ffc107,#ff9800);color:#8b5a00}.study-with-me-btn.theme-sand:hover{background:linear-gradient(135deg,#ff9800,#ffc107);box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.study-with-me-btn.theme-synthwave{background:linear-gradient(135deg,#00b5d7,#ff00e5);border:1px solid #ff00e566;color:#f0d5f7}.study-with-me-btn.theme-synthwave:hover{background:linear-gradient(135deg,#ff00e5,#00b5d7);box-shadow:0 6px 20px #00b5d766;transform:translateY(-2px)}.study-with-me-btn.theme-dark_academia{background:linear-gradient(135deg,#c2a26c,#8b7355);border:1px solid #c2a26c80;color:#dcd1b8}.study-with-me-btn.theme-dark_academia:hover{background:linear-gradient(135deg,#8b7355,#c2a26c);box-shadow:0 6px 20px #c2a26c66;transform:translateY(-2px)}.study-with-me-btn.theme-gothic_core{background:linear-gradient(135deg,#a08a99,#8b5a6b);border:1px solid #582c51;color:#d9d7dd}.study-with-me-btn.theme-gothic_core:hover{background:linear-gradient(135deg,#8b5a6b,#a08a99);box-shadow:0 6px 20px #a08a9966;transform:translateY(-2px)}@media (max-width:768px){.study-with-me-btn{font-size:1rem;padding:.8rem 1.5rem}.btn-icon svg{height:18px;width:18px}}.room-setup-modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--card-bg,#fff);border:1px solid #eee;border:1px solid var(--card-border,#eee);border-radius:12px;box-shadow:0 10px 30px #0000004d;color:inherit;color:var(--text-color,inherit);max-height:90vh;max-width:450px;overflow-y:auto;padding:0;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-accent,#667eea) 0,var(--primary-accent,#764ba2) 100%);border-bottom:1px solid #eee;border-bottom:1px solid var(--card-border,#eee);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{font-size:1.4rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border-radius:50%;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#fff3}.tab-container{border-bottom:1px solid #eee;border-bottom:1px solid var(--card-border,#eee);display:flex}.tab-btn{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:none;border-bottom:3px solid #0000;color:#666;color:var(--text-color,#666);cursor:pointer;flex:1 1;font-weight:500;padding:1rem;transition:all .2s}.tab-btn:hover{filter:brightness(1.05)}.tab-btn.active{background:#0000;border-bottom-color:#667eea;border-bottom-color:var(--primary-accent,#667eea);color:#667eea;color:var(--primary-accent,#667eea)}.tab-content{padding:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{color:#333;color:var(--text-color,#333);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;background:var(--card-bg,#fff);border:2px solid #e1e5e9;border:2px solid var(--card-border,#e1e5e9);border-radius:8px;box-sizing:border-box;color:inherit;color:var(--text-color,inherit);font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;border-color:var(--primary-accent,#667eea);box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-group{margin:1.5rem 0}.checkbox-label{align-items:center;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-weight:500}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #e1e5e9;border:2px solid var(--card-border,#e1e5e9);border-radius:4px;height:20px;margin-right:.75rem;position:relative;transition:all .2s;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:#667eea;background-color:var(--primary-accent,#667eea);border-color:#667eea;border-color:var(--primary-accent,#667eea)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.create-btn,.join-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;padding:.9rem;text-transform:uppercase;transition:all .2s;width:100%}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-accent,#667eea) 0,var(--primary-accent,#764ba2) 100%);color:#fff}.create-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}.join-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:linear-gradient(135deg,var(--primary-accent,#4ecdc4) 0,var(--primary-accent,#44a08d) 100%);color:#fff}.join-btn:hover{box-shadow:0 4px 15px #4ecdc44d;transform:translateY(-1px)}.error-message{background:#667eea14;border:1px solid #667eea;border:1px solid var(--primary-accent,#667eea);border-radius:6px;color:#667eea;color:var(--primary-accent,#667eea);font-size:.9rem;margin:0 1.5rem 1rem;padding:.75rem;text-align:center}@media (prefers-color-scheme:dark){.room-setup-modal{background:#2a2a2a;background:var(--card-bg,#2a2a2a);color:#fff;color:var(--text-color,#fff)}}@media (max-width:480px){.room-setup-modal{margin:1rem;width:95%}.modal-header{padding:1rem}.modal-header h2{font-size:1.2rem}.tab-content{padding:1rem}.form-group{margin-bottom:1rem}}.agora-voice-chat{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:8px 0;padding:12px}.voice-chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.voice-chat-header h3{color:#495057;font-size:14px;font-weight:600;margin:0}.status-indicator{font-size:12px;font-weight:500}.status-indicator .connected{color:#28a745}.status-indicator .disconnected{color:#dc3545}.status-indicator .connecting{color:#ffc107}.voice-chat-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.voice-chat-instructions{text-align:center}.voice-chat-tutorial{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:6px;margin-bottom:12px;padding:8px}.tutorial-step{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:3px}.tutorial-step:last-child{margin-bottom:0}.step-number{align-items:center;background:#2196f3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.step-text{color:#1976d2;font-weight:500}.voice-chat-info{margin-top:8px;text-align:center}.voice-chat-info p{font-size:11px;margin:2px 0}.voice-chat-info p:first-child{background:#f8d7da;border-left:3px solid #dc3545;border-radius:4px;color:#dc3545;font-weight:600;padding:4px 8px}.voice-chat-info strong{color:#495057;font-weight:600}.audio-toggle-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.audio-toggle-btn:hover{background:#0056b3;transform:translateY(-1px)}.audio-toggle-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.audio-toggle-btn.disabled{background:#6c757d}.audio-toggle-btn.enabled{background:#dc3545}.audio-toggle-btn.enabled:hover{background:#c82333}.mute-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.mute-btn:hover{background:#5a6268}.mute-btn.muted{background:#dc3545}.mute-btn.muted:hover{background:#c82333}.remote-users{margin-bottom:16px}.remote-users h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 8px}.users-list{display:flex;flex-direction:column;gap:6px}.user-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;gap:8px;padding:6px 8px}.user-avatar,.user-item{align-items:center;display:flex}.user-avatar{background:#007bff;border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.user-name{color:#495057;flex:1 1;font-size:12px}.audio-indicator{font-size:14px}.voice-chat-info{background:#e9ecef;border-radius:8px;padding:12px}.voice-chat-info p{color:#6c757d;font-size:12px;line-height:1.4;margin:0 0 4px}.voice-chat-info p:last-child{margin-bottom:0}.agora-container{background:#000;border:1px solid #e9ecef;border-radius:8px;height:400px;overflow:hidden;width:100%}.agora-iframe{border:none;border-radius:8px;height:100%;width:100%}.close-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s ease}.close-btn:hover{background:#c82333}.agora-voice-chat.error{background:#f8d7da;border-color:#f5c6cb}.error-message{display:flex;gap:12px;margin-bottom:16px}.error-icon{color:#dc3545;font-size:20px}.error-text p{color:#721c24;font-size:14px;margin:0 0 8px}.error-text p:last-child{margin-bottom:0}.error-help{font-size:12px!important;line-height:1.4}.retry-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.retry-btn:hover{background:#c82333}.study-room-popout{background:#fff;border:1px solid #e1e5e9;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0003;overflow:hidden;position:fixed;right:20px;transition:all .3s ease;width:400px;z-index:1000}.study-room-popout.minimized{height:60px}.study-room-popout:not(.minimized){height:650px;max-height:90vh}.popout-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem}.room-info h3{font-size:1rem;font-weight:600;margin:0}.participant-count{font-size:.8rem;opacity:.9}.header-controls{gap:.5rem}.control-btn{background:#fff3;border:none;border-radius:6px;font-size:.9rem;height:28px;transition:background-color .2s;width:28px}.control-btn:hover{background:#ffffff4d}.copy-link-btn{animation:pulse 2s infinite;background:#4caf50cc!important}.copy-link-btn:hover{background:#4caf50!important;transform:scale(1.1)}.popout-content{display:flex;flex-direction:column;height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto}.participants-section{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:.5rem .75rem}.participants-section h4{color:#333;font-size:.8rem;font-weight:600;margin:0 0 .25rem}.participants-list{display:flex;flex-direction:column;gap:.25rem}.participant-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;display:flex;gap:.75rem;padding:.5rem;transition:all .3s ease}.participant-item.has-audio{background:#4caf501a;border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.participant-item.no-audio{background:#ffffff0d;border-color:#ddd}.participant-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.participant-name{color:#333;flex:1 1;font-size:.85rem;font-weight:500}.audio-status{gap:6px}.audio-indicator,.audio-status{align-items:center;display:flex}.audio-indicator{gap:4px}.audio-icon{animation:pulse 2s infinite;font-size:14px}.audio-level{align-items:end;display:flex;gap:2px;height:12px}.level-bar{animation:audioWave 1.5s ease-in-out infinite;background:#4caf50;border-radius:1px;width:2px}.level-bar:first-child{animation-delay:0s;height:6px}.level-bar:nth-child(2){animation-delay:.2s;height:8px}.level-bar:nth-child(3){animation-delay:.4s;height:4px}@keyframes audioWave{0%,to{height:2px;opacity:.6}50%{height:8px;opacity:1}}.no-audio-indicator{align-items:center;display:flex}.no-audio-icon{font-size:14px;opacity:.5}.synced-timer{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:.75rem}.timer-display{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.timer-mode{color:#667eea;font-weight:600;text-transform:capitalize}.timer-time{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.timer-status{border-radius:12px;font-size:.8rem;font-weight:500;padding:.2rem .5rem}.timer-status.active{background:#d4edda;color:#155724}.timer-status.paused{background:#f8d7da;color:#721c24}.media-controls{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:.75rem}.video-container{background:#000;border-radius:8px;height:120px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.local-video{height:100%;object-fit:cover;width:100%}.video-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center}.video-placeholder span{font-size:2rem;margin-bottom:.5rem}.video-placeholder p{font-size:.9rem;margin:0}.control-buttons{gap:1rem}.control-buttons,.media-btn{display:flex;justify-content:center}.media-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:40px;transition:all .2s;width:40px}.media-btn.active{background:#4caf50;color:#fff}.media-btn.inactive{background:#f44336;color:#fff}.media-btn.muted{background:#ff9800;color:#fff}.media-btn.unmuted{background:#4caf50;color:#fff}.media-btn:disabled{cursor:not-allowed;opacity:.6}.media-btn:hover{transform:scale(1.1)}.settings-panel{animation:slideDown .2s ease;background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:.75rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.settings-panel h4{color:#333;font-size:.9rem;margin:0 0 .75rem}.device-selector{margin-bottom:.75rem}.device-selector label{color:#666;display:block;font-size:.8rem;margin-bottom:.25rem}.device-selector select{border:1px solid #ddd;border-radius:4px;font-size:.8rem;padding:.4rem;width:100%}.chat-container{display:flex;flex:1 1;flex-direction:column;min-height:200px;overflow:hidden}.chat-messages{background:#fff;flex:1 1;overflow-y:auto;padding:.75rem}.chat-message{font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.message-sender{color:#667eea;font-weight:600;margin-right:.5rem}.message-text{color:#333}.message-time{color:#999;display:block;font-size:.7rem;margin-top:.2rem}.chat-input{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:.5rem;padding:.75rem}.chat-input input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:.85rem;outline:none;padding:.5rem}.chat-input input:focus{border-color:#667eea}.chat-input button{background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.9rem;height:36px;transition:background-color .2s;width:36px}.chat-input button:hover:not(:disabled){background:#5a6fd8}.chat-input button:disabled{background:#ccc;cursor:not-allowed}@media (prefers-color-scheme:dark){.study-room-popout{background:#2a2a2a;border-color:#444}.chat-input,.media-controls,.participants-section,.settings-panel,.synced-timer{background:#333}.participants-section h4{color:#e0e0e0}.participant-item{background:#444}.participant-name{color:#e0e0e0}.chat-messages{background:#2a2a2a}.message-text{color:#e0e0e0}.chat-input input{background:#444;border-color:#555;color:#fff}}@media (max-width:768px){.study-room-popout{left:10px;right:10px;width:calc(100vw - 20px)}.study-room-popout:not(.minimized){height:400px}.video-container{height:100px}.control-buttons{gap:.5rem}.media-btn{font-size:1rem;height:36px;width:36px}}.room-timer-container-main{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0006;border:2px solid #fff3;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:2rem;width:100%}.room-timer-modes{background:#0003;border-radius:12px;display:flex;gap:0;justify-content:center;margin-bottom:2rem;padding:.5rem}.room-mode-btn{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.room-mode-btn.active{background:#fff3;color:#fff;font-weight:600}.room-mode-btn:hover{background:#ffffff1a;color:#fff}.room-timer-display{margin:2rem 0}.room-circular-progress,.room-timer-display{align-items:center;display:flex;justify-content:center}.room-circular-progress{position:relative}.room-progress-ring{transform:rotate(-90deg)}.room-progress-ring-circle{transform-origin:50% 50%;transition:stroke-dashoffset .35s}.room-timer-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.room-timer-text h1{color:#fff;font-size:4rem;font-weight:300;letter-spacing:2px;margin:0}.room-timer-start-btn{background:#ffffffe6;border:none;border-radius:12px;color:#333;cursor:pointer;display:block;font-size:1.2rem;font-weight:600;letter-spacing:1px;margin:0 auto;padding:1rem 3rem;text-transform:uppercase;transition:all .3s ease}.room-timer-start-btn:hover{background:#fff;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.room-timer-start-btn:active{transform:translateY(0)}.room-loading,.room-page{background:var(--bg-color-pomodoro);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}.room-loading{align-items:center;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--primary-color);border-radius:50%;border-top:4px solid #0000;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.room-content{align-items:center;flex:1 1;justify-content:flex-start;max-width:1200px;width:100%}.room-header{margin-bottom:3rem;text-align:center}.room-header h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.room-info{display:flex;font-size:1.1rem;gap:2rem;justify-content:center;opacity:.8}.room-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;padding:2rem}.room-timer-container{align-items:center}.room-bottom-section,.room-timer-container{display:flex;justify-content:center}.audio-controls,.participant-audio-status,.room-tasks-only{max-width:600px;width:100%}@media (max-width:1024px){.room-chat-section{gap:1rem;grid-template-columns:1fr}.room-chat-container{height:300px}}@media (max-width:768px){.room-content{padding:1rem}.room-header h1{font-size:2rem}.room-info{flex-direction:column;gap:.5rem}.room-header{margin-bottom:2rem}}.patreon-support{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-bg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--card-border,#fff3);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:5px auto;max-width:600px;overflow:hidden;padding:8px 12px;position:relative}.patreon-content{align-items:center;display:flex;gap:8px;position:relative;z-index:1}.patreon-icon{animation:pulse 2s infinite;font-size:1.5rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.patreon-text{color:#fff;color:var(--text-color,#fff);flex:1 1}.patreon-text h3{font-size:.9rem;font-weight:700;margin:0 0 2px;text-shadow:0 1px 2px #0000004d}.patreon-text p{font-size:.75rem;line-height:1.2;margin:0;text-shadow:0 1px 2px #0000004d}.patreon-button{background:#4ecdc4;background:var(--primary-accent,#4ecdc4);border:none;border-radius:15px;box-shadow:0 2px 6px #0003;color:#fff;color:var(--text-color-dark,#fff);font-size:.75rem;padding:6px 12px;white-space:nowrap}.patreon-button,.patreon-close{cursor:pointer;font-weight:700;transition:all .3s ease}.patreon-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;color:var(--text-color,#fff);display:flex;font-size:16px;height:24px;justify-content:center;margin-left:5px;width:24px}.patreon-close:hover{background:#ffffff4d;transform:scale(1.1)}.patreon-button:hover{background:#4ecdc4;background:var(--progress-active-color,#4ecdc4);box-shadow:0 5px 15px #0000004d;filter:brightness(1.1);transform:translateY(-2px)}.patreon-button:active{box-shadow:0 2px 5px #0003;transform:translateY(0)}@media (max-width:768px){.patreon-content{flex-direction:column;gap:8px;text-align:center}.patreon-text{order:2}.patreon-icon{font-size:1.2rem;order:1}.patreon-button{max-width:150px;order:3;width:100%}}.theme-synthwave .patreon-support{background:#2c2e63cc;border-color:#ff00e599;box-shadow:0 2px 8px #ff00e54d}.theme-dark_academia .patreon-support{background:#1e1914cc;border-color:#c2a26c99;box-shadow:0 2px 8px #c2a26c4d}.theme-gothic_core .patreon-support{background:#1c1820cc;border-color:#a08a9999;box-shadow:0 2px 8px #a08a994d}.theme-matrix .patreon-support{background:#003800cc;border-color:#0f09;box-shadow:0 2px 8px #00ff004d}.music-player{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);background:var(--card-bg,linear-gradient(180deg,#2a2a2a 0,#1a1a1a 100%));border:2px outset #666;border:2px outset var(--card-border,#666);border-radius:0;box-shadow:2px 2px 4px #0000004d;cursor:move;font-family:"MS Sans Serif",Arial,sans-serif;font-size:11px;position:fixed;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:275px;z-index:1000}.music-player.minimized{height:40px}.music-player-header{align-items:center;background:linear-gradient(90deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);background:var(--primary-accent,linear-gradient(90deg,#2a2a2a 0,#1a1a1a 50%,#0a0a0a 100%));border-bottom:1px solid #000;color:#fff!important;cursor:move;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:space-between;padding:2px 4px}.music-player-title{align-items:center;display:flex;gap:4px}.winamp-icon{font-size:12px}.header-controls{display:flex;gap:2px}.close-btn,.minimize-btn{align-items:center;background:#2a2a2a;background:var(--button-bg,#2a2a2a);border:1px outset #666;border:1px outset var(--button-border,#666);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:flex;font-family:"MS Sans Serif",Arial,sans-serif;font-size:10px;height:14px;justify-content:center;width:16px}.close-btn:hover,.minimize-btn:hover{background:#404040;background:var(--button-hover-bg,#404040)}.close-btn:active,.minimize-btn:active{border:1px inset #666;border:1px inset var(--button-border,#666)}.music-player-body{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);background:var(--card-bg,linear-gradient(180deg,#2a2a2a 0,#1a1a1a 100%));padding:8px}.playlist-selector{margin-bottom:8px}.playlist-dropdown{font-size:11px;height:20px;width:100%}.custom-url-input,.playlist-dropdown{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border:1px inset #666;border:1px inset var(--border-color,#666);color:#fff!important;font-family:"MS Sans Serif",Arial,sans-serif;padding:2px}.custom-url-input{flex:1 1;font-size:10px;height:16px;margin-right:4px}.custom-url-button{background:linear-gradient(180deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);background:var(--button-bg,linear-gradient(180deg,#2a2a2a 0,#1a1a1a 50%,#0a0a0a 100%));border:2px outset #666;border:2px outset var(--button-border,#666);border-radius:3px;box-shadow:2px 2px 4px #00000026,inset 0 1px 0 #ffffff1a;color:#fff;color:var(--button-text,#fff);cursor:pointer;font-family:"MS Sans Serif",Arial,sans-serif;font-size:11px;font-weight:700;height:22px;padding:0 16px;position:relative;text-shadow:0 1px 0 #00000080;transition:all .1s ease}.custom-url-button:hover{background:linear-gradient(180deg,#404040,#2a2a2a 50%,#1a1a1a);background:var(--button-hover-bg,linear-gradient(180deg,#404040 0,#2a2a2a 50%,#1a1a1a 100%));box-shadow:2px 2px 6px #0003,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.custom-url-button:active{background:linear-gradient(180deg,#1a1a1a,#0a0a0a 50%,#000);background:var(--button-active-bg,linear-gradient(180deg,#1a1a1a 0,#0a0a0a 50%,#000 100%));border:2px inset #666;border:2px inset var(--button-border,#666);box-shadow:inset 2px 2px 4px #0000004d;transform:translateY(1px)}.custom-url-button:before{background:linear-gradient(90deg,#0000,#fff9 50%,#0000);border-radius:2px;content:"";height:1px;left:1px;position:absolute;right:1px;top:1px}.track-info{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border:1px inset #666;border:1px inset var(--border-color,#666);box-shadow:inset 1px 1px 2px #0000001a;display:flex;flex-direction:column;height:36px;justify-content:center;margin-bottom:8px;padding:4px}.track-title{color:#fff!important;font-size:11px;font-weight:700;margin-bottom:2px}.track-artist,.track-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#ccc!important;font-size:9px}.progress-bar{align-items:center;display:flex;gap:6px;margin-bottom:10px;padding:2px 0}.progress-time{color:#fff!important;font-family:"MS Sans Serif",Arial,sans-serif;font-size:9px;font-weight:700;min-width:28px;text-align:center}.progress-track{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border:2px inset #666;border:2px inset var(--border-color,#666);border-radius:2px;box-shadow:inset 3px 3px 6px #0000004d,inset -1px -1px 2px #fff3;cursor:pointer;flex:1 1;height:16px;position:relative}.progress-fill{background:linear-gradient(90deg,#4caf50,#2e7d32);background:var(--progress-active-color,linear-gradient(90deg,#4caf50 0,#2e7d32 100%));border-radius:1px;border-right:2px solid #0003;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -1px 2px #0000004d;height:100%;position:relative;transition:width .1s ease}.progress-fill:after{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);border-radius:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.player-controls{gap:6px;margin-bottom:10px}.control-btn,.player-controls{display:flex;justify-content:center}.control-btn{align-items:center;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);background:var(--button-bg,linear-gradient(180deg,#2a2a2a 0,#1a1a1a 100%));border:1px outset #666;border:1px outset var(--button-border,#666);box-shadow:1px 1px 2px #0000001a;color:#fff;color:var(--button-text,#fff);cursor:pointer;font-family:"MS Sans Serif",Arial,sans-serif;font-size:11px;font-weight:700;height:22px;width:26px}.control-btn:hover{background:linear-gradient(180deg,#404040,#2a2a2a);background:var(--button-hover-bg,linear-gradient(180deg,#404040 0,#2a2a2a 100%));box-shadow:1px 1px 3px #00000026}.control-btn:active{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);background:var(--button-active-bg,linear-gradient(180deg,#1a1a1a 0,#0a0a0a 100%));border:1px inset #666;border:1px inset var(--button-border,#666);box-shadow:inset 1px 1px 2px #0003}.play-btn{font-size:13px;width:34px}.volume-control{align-items:center;display:flex;gap:8px;margin-bottom:12px}.volume-icon{font-size:12px}.volume-slider{-webkit-appearance:none;background:#2a2a2a;background:var(--input-bg,#2a2a2a);border:1px inset #666;border:1px inset var(--border-color,#666);cursor:pointer;flex:1 1;height:12px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#2a2a2a;background:var(--slider-thumb-bg,#2a2a2a);border:1px outset #666;border:1px outset var(--slider-thumb-border,#666);cursor:pointer;height:16px;width:16px}.volume-value{color:#fff!important;font-family:"MS Sans Serif",Arial,sans-serif;font-size:9px;min-width:25px;text-align:right}.playlist{border-top:1px solid grey;margin-top:6px;padding-top:6px}.playlist-title{background:#2a2a2a;background:var(--playlist-title-bg,#2a2a2a);border:1px inset #666;border:1px inset var(--playlist-title-border,#666);color:#fff!important;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;padding:3px;text-align:center;text-transform:uppercase}.playlist-tracks{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border:1px inset #666;border:1px inset var(--border-color,#666);box-shadow:inset 2px 2px 4px #0003;max-height:120px;overflow-y:auto}.playlist-track{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff!important;cursor:pointer;display:flex;font-size:10px;height:18px;padding:3px 6px;transition:background-color .1s ease}.playlist-track:hover{background:#404040;background:var(--hover-bg,#404040);color:#fff!important}.playlist-track.active{background:#2a2a2a;background:var(--primary-accent,#2a2a2a);color:#fff;font-weight:700}.track-number{font-size:9px;font-weight:700;text-align:center;width:22px}.track-name{flex:1 1;font-size:10px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{font-size:9px;font-weight:700;text-align:right;width:32px}.playlist-tracks::-webkit-scrollbar{width:16px}.playlist-tracks::-webkit-scrollbar-track{background:#2a2a2a;border:1px inset #666}.playlist-tracks::-webkit-scrollbar-thumb{background:#2a2a2a;border:1px outset #666}.playlist-tracks::-webkit-scrollbar-thumb:hover{background:#404040}.theme-synthwave .music-player{background:linear-gradient(180deg,#2c2e63,#1a1a2e);border-color:#ff00e5;box-shadow:0 0 20px #ff00e54d}.theme-synthwave .music-player-header{background:linear-gradient(90deg,#ff00e5,#ff1493 50%,#ff00e5);color:#fff}.theme-synthwave .progress-fill{background:linear-gradient(90deg,#ff00e5,#ff1493);border-right:2px solid #ff00e54d;box-shadow:inset 0 2px 4px #fff6,inset 0 -1px 2px #0006}.theme-synthwave .playlist-track.active{background:#ff00e5}.theme-synthwave .playlist-track:hover{background:#2a2a4e;color:#ff33e8}.theme-synthwave .custom-url-input,.theme-synthwave .playlist-dropdown,.theme-synthwave .playlist-tracks,.theme-synthwave .progress-track,.theme-synthwave .track-info,.theme-synthwave .volume-slider{background:#1a1a2e!important;border-color:#ff00e5!important;color:#ff00e5!important}.theme-synthwave .control-btn{background:linear-gradient(180deg,#ff00e5,#ff1493);border-color:#ff00e5;color:#fff}.theme-synthwave .custom-url-button{background:linear-gradient(180deg,#ff00e5,#ff1493 50%,#e600cc);border-color:#ff00e5;color:#fff;text-shadow:0 1px 0 #0000004d}.theme-synthwave .custom-url-button:hover{background:linear-gradient(180deg,#ff33e8,#ff33a3 50%,#ff00e5);box-shadow:2px 2px 6px #ff00e566,inset 0 1px 0 #fff3}.theme-synthwave .custom-url-button:active{background:linear-gradient(180deg,#cc00b8,#cc0a7a 50%,#b300a3);border-color:#e600cc}.theme-synthwave .volume-slider::-webkit-slider-thumb{background:#ff00e5;border-color:#ff00e5}.theme-synthwave .playlist-title{background:#2a2a4e;border-color:#ff00e5;color:#ff00e5}.theme-dark_academia .music-player{background:linear-gradient(180deg,#8b4513,#654321);border-color:#d4af37}.theme-dark_academia .music-player-header{background:linear-gradient(90deg,#2c1810,#8b4513 50%,#2c1810);color:#fff}.theme-dark_academia .progress-fill{background:linear-gradient(90deg,#d4af37,#b8860b);border-right:2px solid #d4af374d;box-shadow:inset 0 2px 4px #fff6,inset 0 -1px 2px #0006}.theme-dark_academia .playlist-track.active{background:#8b4513}.theme-dark_academia .playlist-track:hover{background:#7a3f0f;color:#e6c547}.theme-dark_academia .custom-url-input,.theme-dark_academia .playlist-dropdown,.theme-dark_academia .playlist-tracks,.theme-dark_academia .progress-track,.theme-dark_academia .track-info,.theme-dark_academia .volume-slider{background:#654321!important;border-color:#d4af37!important;color:#d4af37!important}.theme-dark_academia .control-btn{background:linear-gradient(180deg,#d4af37,#b8860b);border-color:#d4af37;color:#2c1810}.theme-dark_academia .custom-url-button{background:linear-gradient(180deg,#d4af37,#b8860b 50%,#a0780a);border-color:#d4af37;color:#2c1810;text-shadow:0 1px 0 #ffffff4d}.theme-dark_academia .custom-url-button:hover{background:linear-gradient(180deg,#e6c547,#d4af37 50%,#b8860b);box-shadow:2px 2px 6px #d4af3766,inset 0 1px 0 #ffffff4d}.theme-dark_academia .custom-url-button:active{background:linear-gradient(180deg,#b8860b,#a0780a 50%,#8b6f09);border-color:#a0780a}.theme-dark_academia .volume-slider::-webkit-slider-thumb{background:#d4af37;border-color:#d4af37}.theme-dark_academia .playlist-title{background:#7a3f0f;border-color:#d4af37;color:#d4af37}.theme-gothic_core .music-player{background:linear-gradient(180deg,#2c2c2c,#1a1a1a);border-color:#8b0000}.theme-gothic_core .music-player-header{background:linear-gradient(90deg,#000,#8b0000 50%,#000);color:#fff}.theme-gothic_core .progress-fill{background:linear-gradient(90deg,#8b0000,red);border-right:2px solid #8b000066;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -1px 2px #00000080}.theme-gothic_core .playlist-track.active{background:#8b0000}.theme-gothic_core .playlist-track:hover{background:#2a2a2a;color:#f99}.theme-gothic_core .custom-url-input,.theme-gothic_core .playlist-dropdown,.theme-gothic_core .playlist-tracks,.theme-gothic_core .progress-track,.theme-gothic_core .track-info,.theme-gothic_core .volume-slider{background:#1a1a1a!important;border-color:#8b0000!important;color:#f66!important}.theme-gothic_core .control-btn{background:linear-gradient(180deg,#8b0000,red);border-color:#8b0000;color:#fff}.theme-gothic_core .custom-url-button{background:linear-gradient(180deg,#8b0000,red 50%,#c00);border-color:#8b0000;color:#fff;text-shadow:0 1px 0 #00000080}.theme-gothic_core .custom-url-button:hover{background:linear-gradient(180deg,#a00000,#f33 50%,red);box-shadow:2px 2px 6px #8b000080,inset 0 1px 0 #ffffff1a}.theme-gothic_core .custom-url-button:active{background:linear-gradient(180deg,#600,#c00 50%,#900);border-color:#600}.theme-gothic_core .volume-slider::-webkit-slider-thumb{background:#8b0000;border-color:#8b0000}.theme-gothic_core .playlist-title{background:#2a2a2a;border-color:#8b0000;color:#f66}.theme-matrix .music-player{background:linear-gradient(180deg,#010,#000);border-color:#0f0;box-shadow:0 0 20px #00ff004d}.theme-matrix .music-player-header{background:linear-gradient(90deg,#000,#0f0 50%,#000);color:#fff}.theme-matrix .progress-fill{background:linear-gradient(90deg,#0f0,#0c0);border-right:2px solid #00ff004d;box-shadow:inset 0 2px 4px #fff6,inset 0 -1px 2px #0006}.theme-matrix .playlist-track.active{background:#0f0;color:#000}.theme-matrix .playlist-track:hover{background:#020;color:#3f3}.theme-matrix .progress-time,.theme-matrix .track-artist,.theme-matrix .track-title,.theme-matrix .volume-value{color:#0f0}.theme-matrix .playlist-title{background:#010}.theme-matrix .playlist-track{border-bottom-color:#030;color:#0f0}.theme-matrix .playlist-track:hover{background:#030}.theme-matrix .track-info{background:#010;border-color:#0f0}.theme-matrix .custom-url-input,.theme-matrix .playlist-dropdown,.theme-matrix .playlist-tracks,.theme-matrix .progress-track,.theme-matrix .track-info,.theme-matrix .volume-slider{background:#010!important;border-color:#0f0!important;color:#0f0!important}.theme-matrix .control-btn{background:linear-gradient(180deg,#0f0,#0c0);border-color:#0f0;color:#000}.theme-matrix .custom-url-button{background:linear-gradient(180deg,#0f0,#0c0 50%,#0a0);border-color:#0f0;color:#000;text-shadow:0 1px 0 #ffffff4d}.theme-matrix .custom-url-button:hover{background:linear-gradient(180deg,#3f3,#0f0 50%,#0c0);box-shadow:2px 2px 6px #0f06,inset 0 1px 0 #ffffff4d}.theme-matrix .custom-url-button:active{background:linear-gradient(180deg,#0c0,#0a0 50%,#080);border-color:#0a0}.theme-matrix .volume-slider::-webkit-slider-thumb{background:#0f0;border-color:#0f0}.theme-matrix .playlist-title{background:#020;border-color:#0f0;color:#0f0}.theme-default .music-player-header{background:linear-gradient(90deg,#00bfff,#1e90ff 50%,#4169e1);color:#fff!important}.theme-default .track-title{color:#fff!important}.theme-default .track-artist{color:#ccc!important}.theme-default .custom-url-input,.theme-default .playlist-dropdown,.theme-default .playlist-tracks,.theme-default .progress-track,.theme-default .track-info,.theme-default .volume-slider{background:#2a2a2a!important;border-color:#666!important;color:#fff!important}.theme-default .playlist-track.active{background:#00bfff!important;color:#fff!important}.theme-default .progress-fill{background:linear-gradient(90deg,#0f0,#32cd32)!important}.theme-default_blue .custom-url-input,.theme-default_blue .playlist-dropdown,.theme-default_blue .playlist-tracks,.theme-default_blue .progress-track,.theme-default_blue .track-info,.theme-default_blue .volume-slider{background:#2a2a2a!important;background:var(--input-bg,#2a2a2a)!important;border-color:#666!important;border-color:var(--border-color,#666)!important;color:#fff!important}.theme-default_blue .playlist-dropdown option{background:#2a2a2a!important;color:#fff!important}.theme-default_blue .track-title{color:#fff!important}.theme-default_blue .track-artist{color:#ccc!important}.theme-forest .custom-url-input,.theme-forest .playlist-dropdown,.theme-forest .playlist-tracks,.theme-forest .progress-track,.theme-forest .track-info,.theme-forest .volume-slider{background:#90ee90!important;border-color:#32cd32!important;color:#000!important}.theme-forest .track-title{color:#000!important}.theme-forest .track-artist{color:#333!important}.theme-forest .playlist-track.active{background:#0f0!important;color:#fff!important}.theme-forest .progress-fill{background:linear-gradient(90deg,#0f0,#32cd32)!important}.theme-sunset .custom-url-input,.theme-sunset .playlist-dropdown,.theme-sunset .playlist-tracks,.theme-sunset .progress-track,.theme-sunset .track-info,.theme-sunset .volume-slider{background:#ffb366!important;border-color:#ff8c00!important;color:#000!important}.theme-sunset .track-title{color:#000!important}.theme-sunset .track-artist{color:#333!important}.theme-sunset .playlist-track.active{background:#ff6b35!important;color:#fff!important}.theme-sunset .progress-fill{background:linear-gradient(90deg,#ff6b35,#ff8c00)!important}.theme-lavender .custom-url-input,.theme-lavender .playlist-dropdown,.theme-lavender .playlist-tracks,.theme-lavender .progress-track,.theme-lavender .track-info,.theme-lavender .volume-slider,.theme-ocean .custom-url-input,.theme-ocean .playlist-dropdown,.theme-ocean .playlist-tracks,.theme-ocean .progress-track,.theme-ocean .track-info,.theme-ocean .volume-slider{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border-color:#666;border-color:var(--border-color,#666);color:#fff!important}.theme-coffee .custom-url-input,.theme-coffee .playlist-dropdown,.theme-coffee .playlist-tracks,.theme-coffee .progress-track,.theme-coffee .track-info,.theme-coffee .volume-slider{background:#deb887!important;border-color:#8b4513!important;color:#000!important}.theme-rose .custom-url-input,.theme-rose .playlist-dropdown,.theme-rose .playlist-tracks,.theme-rose .progress-track,.theme-rose .track-info,.theme-rose .volume-slider{background:#ffb6c1!important;border-color:#ff69b4!important;color:#000!important}.theme-slate .custom-url-input,.theme-slate .playlist-dropdown,.theme-slate .playlist-tracks,.theme-slate .progress-track,.theme-slate .track-info,.theme-slate .volume-slider{background:#b0c4de!important;border-color:#708090!important;color:#000!important}.theme-default_blue .playlist-track{color:#fff!important}.theme-coffee .playlist-track:hover,.theme-dark_grey .playlist-track:hover,.theme-default_blue .playlist-track:hover,.theme-forest_green .playlist-track:hover,.theme-lavender .playlist-track:hover,.theme-ocean .playlist-track:hover,.theme-rose_dust .playlist-track:hover,.theme-sunset .playlist-track:hover{background:#404040;background:var(--hover-bg,#404040);color:#fff!important}.theme-default_blue .music-player-header{background:linear-gradient(90deg,#1e3a8a,#1e40af 50%,#1d4ed8);color:#fff!important}.theme-forest .music-player-header{background:linear-gradient(90deg,#0f0,#32cd32 50%,#228b22);color:#fff!important}.theme-sunset .music-player-header{background:linear-gradient(90deg,#ff6b35,#ff8c00 50%,orange);color:#fff!important}.theme-ocean .music-player-header{background:linear-gradient(90deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);background:var(--primary-accent,linear-gradient(90deg,#2a2a2a 0,#1a1a1a 50%,#0a0a0a 100%));color:#00bfff!important}.theme-lavender .music-player-header{background:linear-gradient(90deg,plum,#ba55d3 50%,#9370db);color:#fff!important}.theme-coffee .music-player-header{background:linear-gradient(90deg,#8b4513,sienna 50%,peru);color:#fff!important}.theme-rose .music-player-header{background:linear-gradient(90deg,#ff69b4,#ff1493 50%,#c71585);color:#fff!important}.theme-slate .music-player-header{background:linear-gradient(90deg,#708090,#556b7a 50%,#2f4f4f);color:#fff!important}.theme-sand .music-player-header{background:linear-gradient(90deg,peru,#b8860b 50%,#8b7355)!important}.theme-coffee .control-btn,.theme-dark_grey .control-btn,.theme-default_blue .control-btn,.theme-forest_green .control-btn,.theme-lavender .control-btn,.theme-ocean .control-btn,.theme-rose_dust .control-btn,.theme-sunset .control-btn{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);background:var(--button-bg,linear-gradient(180deg,#2a2a2a 0,#1a1a1a 100%));border-color:#666;border-color:var(--button-border,#666);color:#000;color:var(--button-text,#000)}.theme-coffee .custom-url-button,.theme-dark_grey .custom-url-button,.theme-default_blue .custom-url-button,.theme-forest_green .custom-url-button,.theme-lavender .custom-url-button,.theme-ocean .custom-url-button,.theme-rose_dust .custom-url-button,.theme-sunset .custom-url-button{background:linear-gradient(180deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);background:var(--button-bg,linear-gradient(180deg,#2a2a2a 0,#1a1a1a 50%,#0a0a0a 100%));border-color:#666;border-color:var(--button-border,#666);color:#fff;color:var(--button-text,#fff)}.theme-coffee .volume-slider::-webkit-slider-thumb,.theme-dark_grey .volume-slider::-webkit-slider-thumb,.theme-default_blue .volume-slider::-webkit-slider-thumb,.theme-forest_green .volume-slider::-webkit-slider-thumb,.theme-lavender .volume-slider::-webkit-slider-thumb,.theme-ocean .volume-slider::-webkit-slider-thumb,.theme-rose_dust .volume-slider::-webkit-slider-thumb,.theme-sunset .volume-slider::-webkit-slider-thumb{background:#2a2a2a;background:var(--slider-thumb-bg,#2a2a2a);border-color:#666;border-color:var(--slider-thumb-border,#666)}.theme-coffee .playlist-title,.theme-dark_grey .playlist-title,.theme-default_blue .playlist-title,.theme-forest_green .playlist-title,.theme-lavender .playlist-title,.theme-ocean .playlist-title,.theme-rose_dust .playlist-title,.theme-sunset .playlist-title{background:#2a2a2a;background:var(--playlist-title-bg,#2a2a2a);border-color:#666;border-color:var(--playlist-title-border,#666);color:#fff!important}.theme-sand .music-player-header{background:linear-gradient(90deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);background:var(--primary-accent,linear-gradient(90deg,#2a2a2a 0,#1a1a1a 50%,#0a0a0a 100%));color:#fff!important}.theme-sand .track-title{color:#fff!important}.theme-sand .track-artist{color:#333!important}.theme-sand .custom-url-input,.theme-sand .playlist-dropdown,.theme-sand .playlist-tracks,.theme-sand .progress-track,.theme-sand .track-info,.theme-sand .volume-slider{background:#deb887!important;border-color:peru!important;color:#8b4513!important}.theme-sand .track-title{color:#8b4513!important}.theme-sand .track-artist{color:sienna!important}.theme-sand .playlist-track.active{background:peru!important;color:#fff!important}.theme-sand .progress-fill{background:linear-gradient(90deg,peru,#b8860b)!important}.theme-ocean .track-title{color:#00bfff!important}.theme-ocean .track-artist{color:#87ceeb!important}.theme-lavender .track-title{color:#fff!important}.theme-lavender .track-artist{color:#ccc!important}.theme-lavender .playlist-track.active{background:plum!important;color:#fff!important}.theme-lavender .progress-fill{background:linear-gradient(90deg,plum,#ba55d3)!important}.theme-coffee .track-title{color:#000!important}.theme-coffee .track-artist{color:#333!important}.theme-coffee .playlist-track.active{background:#8b4513!important;color:#fff!important}.theme-coffee .progress-fill{background:linear-gradient(90deg,#8b4513,sienna)!important}.theme-rose .track-title{color:#000!important}.theme-rose .track-artist{color:#333!important}.theme-rose .playlist-track.active{background:#ff69b4!important;color:#fff!important}.theme-rose .progress-fill{background:linear-gradient(90deg,#ff69b4,#ff1493)!important}.theme-slate .track-title{color:#000!important}.theme-slate .track-artist{color:#333!important}.theme-slate .playlist-track.active{background:#708090!important;color:#fff!important}.theme-slate .progress-fill{background:linear-gradient(90deg,#708090,#556b7a)!important}@media (max-width:768px){.legal-page{padding:1rem .5rem}.legal-container{border-radius:12px}.legal-header{align-items:stretch;flex-direction:column;padding:1.5rem 1.5rem 1rem;text-align:center}.legal-header h1{font-size:1.5rem}.legal-content{padding:1.5rem}.legal-content h2{font-size:1.1rem}.legal-content li,.legal-content p{font-size:.9rem}}.legal-page{background:var(--bg-color-pomodoro);color:var(--text-color);font-family:var(--font-family);min-height:100vh;padding:2rem 1rem}.legal-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--soft-shadow);margin:0 auto;max-width:800px;overflow:hidden}.legal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem 2rem 1rem}.legal-header h1{color:var(--primary-accent);font-size:2rem;font-weight:700;margin:0}.back-btn{align-items:center;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.legal-content{line-height:1.7;padding:2rem}.last-updated{font-size:.9rem;font-style:italic;margin-bottom:2rem;opacity:.8}.legal-content section{margin-bottom:2.5rem}.legal-content section:last-child{margin-bottom:0}.legal-content h2{border-bottom:1px solid var(--card-border);color:var(--primary-accent);font-size:1.3rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.legal-content h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-content p{font-size:.95rem;margin-bottom:1rem}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{font-size:.95rem;margin-bottom:.5rem}@media (max-width:768px){.legal-page{padding:1rem .5rem}.legal-container{border-radius:12px}.legal-header{align-items:stretch;flex-direction:column;padding:1.5rem 1.5rem 1rem;text-align:center}.legal-header h1{font-size:1.5rem}.legal-content{padding:1.5rem}.legal-content h2{font-size:1.1rem}.legal-content h3{font-size:1rem}.legal-content li,.legal-content p{font-size:.9rem}}body.footer-visible .weekly-stats-container{transform:translateY(-180px)!important;transition:transform .6s cubic-bezier(.4,0,.2,1)!important}.parallax-footer{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#000000e6;border-top:1px solid var(--card-border);bottom:0;font-family:var(--font-family);left:0;padding:1.5rem 0;pointer-events:none;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:1000}.parallax-footer.visible{pointer-events:auto;transform:translateY(0)}.footer-content{margin:0 auto;max-width:1200px;padding:2rem;position:relative}.footer-content:before{background:#0000;content:"";height:50px;left:0;position:absolute;right:0;top:-50px}.footer-line{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-bottom:.5rem}.footer-line:last-of-type{margin-bottom:0}.footer-text{color:#a0a0a0;font-size:.9rem;font-weight:400}.footer-heart{font-size:1rem;margin:0 .2rem}.footer-author{color:#d4a574;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.footer-author:hover{color:#e6b885;text-decoration:underline}.footer-copyright{color:#a0a0a0;font-size:.85rem;font-weight:400}.footer-legal-links{align-items:center;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.8rem;opacity:.8}.footer-legal-link{color:#a0a0a0;text-decoration:none;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.footer-legal-link:hover{color:var(--primary-accent);text-decoration:underline}.footer-patreon{color:#ff424d!important;font-weight:500}.footer-patreon:hover{color:#ff6b6b!important;text-shadow:0 0 3px #ff424d4d}.footer-separator{color:#666;font-size:.7rem}.theme-dark_academia .parallax-footer{background:#1e1915f2;border-top-color:#8b7355}.theme-dark_academia .footer-author{color:#c9a96e}.theme-dark_academia .footer-author:hover{color:#d4b876}.theme-gothic_core .parallax-footer{background:#1a181df2;border-top-color:#4a4a4a}.theme-gothic_core .footer-author{color:#b8860b}.theme-gothic_core .footer-author:hover{color:#daa520}.theme-synthwave .parallax-footer{background:#1a103cf2;border-top-color:#ff00e5}.theme-synthwave .footer-author{color:#00c2ff;text-shadow:0 0 5px #00c2ff}.theme-synthwave .footer-author:hover{color:#00d4ff;text-shadow:0 0 8px #00d4ff}.theme-synthwave .footer-legal-link:hover{color:#ff00e5;text-shadow:0 0 3px #ff00e5}@media (max-width:768px){.parallax-footer{padding:.8rem 0 calc(env(safe-area-inset-bottom, 0) + .8rem)}.footer-content{padding:0 1rem}.footer-author,.footer-text{font-size:.8rem}.footer-copyright{font-size:.75rem}.footer-legal-links{font-size:.85rem;gap:.6rem;margin-top:.8rem}.footer-line{gap:.4rem}.footer-legal-link{padding:.4rem .6rem}.footer-toggle-btn{align-items:center;background:#000000e6;border:1px solid #ffffff26;border-radius:21px;bottom:calc(env(safe-area-inset-bottom, 0) + 1rem);box-shadow:0 6px 18px #00000059;color:#fff;display:flex;font-size:18px;height:42px;justify-content:center;line-height:1;position:fixed;right:1rem;width:42px;z-index:1100}.footer-toggle-btn.active{background:#000000bf}}@media (max-width:480px){.footer-line{flex-direction:column;gap:.2rem}.footer-legal-links{align-items:stretch;flex-direction:column;gap:.4rem}.footer-separator{display:none}.footer-legal-link{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;display:inline-block;padding:.55rem .8rem}}
/*# sourceMappingURL=main.50108a09.css.map*/