@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-radius:8px;font-family:Poppins,sans-serif;font-family:var(--font-family);padding:.5rem}.period-selector,.reports-controls select{border:1px solid #fff3;border:1px solid var(--card-border);color:#f0f4f8;color:var(--text-color)}.reports-controls select{background:color-mix(in srgb,#ffffff1a 80%,#111);background:color-mix(in srgb,var(--card-bg) 80%,#111);border-radius:8px;max-width:180px;min-height:38px;padding:.45rem .65rem}.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}.report-chart{height:280px}.report-insight{grid-gap:.35rem;background:#ffffff1a;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--card-border);border-left:4px solid #68d7cb;border-radius:12px;display:grid;gap:.35rem;grid-column:1/-1;padding:1rem 1.25rem}.report-insight small{opacity:.78}.report-evidence{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.report-evidence span{background:#00000024;border-radius:999px;font-size:.72rem;padding:.3rem .5rem}.report-interruptions{grid-gap:.55rem;display:grid;gap:.55rem;list-style:none;margin-top:1rem}.report-interruptions li{background:#00000029;border-radius:8px;display:flex;justify-content:space-between;padding:.65rem .8rem}.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)}.timer-session-goal{grid-gap:.35rem;display:grid;gap:.35rem;margin-top:1rem;text-align:left;width:100%}.timer-session-goal>span{font-size:.75rem;font-weight:600;opacity:.72}.timer-session-goal input{background:#0000002e;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:9px;color:#f0f4f8;color:var(--text-color);font:inherit;outline:0;padding:.7rem .8rem;width:100%}.timer-session-goal input:focus{border-color:#fff;border-color:var(--primary-accent)}.timer-session-goal.active{background:#0000001a;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:9px;padding:.65rem .75rem}.timer-session-goal.active strong{font-size:.85rem;overflow-wrap:anywhere}.timer-adaptive-tip{align-items:center;background:#ffffff12;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:9px;display:flex;gap:.75rem;justify-content:space-between;margin-top:.75rem;padding:.65rem .75rem;text-align:left;width:100%}.timer-adaptive-tip div{display:grid}.timer-adaptive-tip span{font-size:.68rem;opacity:.68}.timer-adaptive-tip button,.timer-emergency-start{background:#0000;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;color:#f0f4f8;color:var(--text-color);cursor:pointer;font:600 .75rem Poppins,sans-serif;font:600 .75rem var(--font-family)}.timer-adaptive-tip button{padding:.45rem .6rem;white-space:nowrap}.timer-adaptive-tip .timer-adaptive-actions{align-items:center;display:flex;gap:.35rem}.timer-adaptive-tip .timer-adaptive-actions .btn-link{border-color:#0000;opacity:.72}.timer-primary-actions{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:1fr;margin:.9rem auto 0;width:min(100%,430px)}.timer-primary-actions.has-emergency{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-primary-actions .btn-start,.timer-primary-actions .timer-emergency-start{align-items:center;display:inline-flex;font-size:.9rem;justify-content:center;line-height:1.2;margin:0;min-height:56px;padding:.75rem 1rem;width:100%}.timer-emergency-start{opacity:.8}.timer-emergency-start:hover{background:#ffffff14;opacity:1}.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-actual-time{display:block;font-size:.65rem;opacity:.65}.task-estimate-input{grid-gap:.1rem;display:grid;font-size:.58rem;gap:.1rem;opacity:.82;text-align:center;width:66px}.task-estimate-input input{padding:.45rem .25rem!important;text-align:center}.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-task-form{align-items:flex-end;display:flex;gap:.5rem}.add-project-form{border-top:1px solid #fff3;border-top:1px solid var(--card-border);display:flex;gap:.5rem;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}.settings-modal{max-height:92vh;max-width:620px;overflow-y:auto}.settings-modal h3{border-bottom:1px solid #fff3;border-bottom:1px solid var(--card-border);font-size:.85rem;margin:1.2rem 0 .65rem;padding-bottom:.35rem}.settings-modal select{background:#0003;color:#f0f4f8;color:var(--text-color);padding:.65rem;width:100%}.settings-modal select,.settings-toggle{border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px}.settings-toggle{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.55rem;padding:.55rem .65rem}.settings-toggle input{accent-color:#fff;accent-color:var(--primary-accent);height:18px;width:18px}.shortcut-grid{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:repeat(2,1fr)}.shortcut-grid label{grid-gap:.5rem;align-items:center;border:1px solid #fff3;border:1px solid var(--card-border);border-radius:8px;display:grid;font-size:.72rem;gap:.5rem;grid-template-columns:1fr 42px;padding:.5rem}.shortcut-grid input{padding:.4rem!important;text-align:center;text-transform:uppercase}.settings-helper{font-size:.72rem;opacity:.65}.settings-data-actions,.settings-footer{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.settings-subgroup{border-left:2px solid #fff3;border-left:2px solid var(--card-border);margin:-.25rem 0 .75rem .75rem;padding-left:.75rem}.settings-footer{border-top:1px solid #fff3;border-top:1px solid var(--card-border);justify-content:flex-end;padding-top:1rem}.settings-delete-account{background:#78141e33;border:1px solid #ff787880;color:#ffd7da;margin-left:auto}.reduce-motion *,.reduce-motion :after,.reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.high-contrast{--card-bg:#000000b8;--card-border:#ffffffb8;--text-color:#fff}body[data-color-vision=deuteranopia]{--progress-active-color:#4aa8ff;--progress-inactive-color:#ffb000}body[data-color-vision=protanopia]{--progress-active-color:#00b7c7;--progress-inactive-color:#f0c808}body[data-color-vision=tritanopia]{--progress-active-color:#e04b8a;--progress-inactive-color:#00a67e}@media (max-width:520px){.shortcut-grid{grid-template-columns:1fr}}@media (max-width:768px){.timer-adaptive-tip{align-items:stretch;flex-direction:column}.timer-adaptive-tip .timer-adaptive-actions{justify-content:space-between}.add-project-form,.add-task-form{flex-wrap:wrap}.focus-stats-container{margin:1rem auto;position:static;width:min(100%,420px)}.reports-controls select{max-width:none;width:100%}.report-chart{height:240px}}.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}.focus-stats-container{grid-gap:.55rem;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);display:grid;font-size:.85rem;gap:.55rem;left:1.5rem;min-width:180px;padding:.8rem 1rem;position:fixed;z-index:999}.focus-stats-container div{align-items:center;display:flex;gap:1rem;justify-content:space-between}.focus-stats-container span{opacity:.72}.focus-stats-container strong{font-size:.9rem;white-space:nowrap}@media (max-width:768px){.focus-stats-container{margin:1rem auto;position:static;width:min(100%,420px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-whimsy_core,.theme-whimsy_core.todo-page{background:#eee7ce url(/static/media/theme-whimsy-core.7ffa5551c2ce4dfcdde2.webp) 50%/cover fixed no-repeat}.theme-whimsy_core h1,.theme-whimsy_core h2,.theme-whimsy_core h3,.theme-whimsy_core h4{font-family:Playfair Display,serif;letter-spacing:.01em}.theme-whimsy_core .header-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffae8cc;border:1px solid #7969427a;border-radius:14px;box-shadow:0 8px 24px #5344261f,inset 0 0 0 2px #ffffff6b;padding:.55rem .75rem}.theme-whimsy_core .card,.theme-whimsy_core .focus-stats-container,.theme-whimsy_core .focus-tools,.theme-whimsy_core .modal-content,.theme-whimsy_core .patreon-support,.theme-whimsy_core .todo-shell{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#fffcefed,#f6eed3db);border-color:#79694285;box-shadow:0 12px 30px #53442629,inset 0 0 0 2px #ffffff61}.theme-whimsy_core .card{position:relative}.theme-whimsy_core .card:after{bottom:.45rem;color:#8b7650;content:"❧";font-size:1.2rem;opacity:.55;pointer-events:none;position:absolute;right:.85rem}.theme-whimsy_core .btn-secondary,.theme-whimsy_core .mode-btn,.theme-whimsy_core .timer-emergency-start,.theme-whimsy_core.todo-page button{border-color:#79694280;color:#4a4a2d}.theme-whimsy_core .btn-secondary,.theme-whimsy_core .mode-btn.active,.theme-whimsy_core .timer-emergency-start{background:#f9f3ddc7}.theme-whimsy_core input,.theme-whimsy_core select,.theme-whimsy_core textarea{background:#fffcefd1!important;border-color:#79694280!important;color:#4a4a2d!important}.theme-whimsy_core input::placeholder,.theme-whimsy_core textarea::placeholder{color:#4a4a2d85}.theme-whimsy_core .todo-details,.theme-whimsy_core .todo-sidebar{background:#e8e1c58a}.theme-whimsy_core .no-tasks-message{color:#4a4a2d}.theme-frutiger_aero,.theme-frutiger_aero.todo-page{background:#86d4fb url(/static/media/theme-frutiger-aero-v2.2bbec9f58bbcf19c5215.webp) 50%/cover fixed no-repeat;font-family:Tahoma,Trebuchet MS,Segoe UI,sans-serif}.theme-frutiger_aero .header-container{backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);background:linear-gradient(145deg,#ffffffad,#c7eefd66);border:2px solid #ffffffeb;border-radius:16px;box-shadow:0 8px 22px #0068aa2e,inset 0 2px 1px #fffffff0,inset 0 -3px 8px #1f97d31f;padding:.55rem .75rem}.theme-frutiger_aero .header-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#087ac1,#17a8dc 48%,#78c83d);background-clip:text;-webkit-background-clip:text;color:#07579a;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 2px rgba(0,96,160,.16));font-family:Tahoma,Trebuchet MS,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.045em}.theme-frutiger_aero .card,.theme-frutiger_aero .focus-sound-mixer,.theme-frutiger_aero .focus-stats-container,.theme-frutiger_aero .focus-tools,.theme-frutiger_aero .modal-content,.theme-frutiger_aero .patreon-support,.theme-frutiger_aero .todo-shell{backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);background:linear-gradient(125deg,#ffffffb3,#fff3 34%,#0000 58%),linear-gradient(145deg,#f4fcff9e,#bce8f961);border:2px solid #ffffffe0;box-shadow:0 12px 28px #0069aa33,inset 0 2px 1px #ffffffeb,inset 0 -4px 12px #1389c71f}.theme-frutiger_aero .btn-secondary,.theme-frutiger_aero .mode-btn,.theme-frutiger_aero .timer-emergency-start{background:linear-gradient(180deg,#fffffff2,#b8e6fbd1);border:1px solid #69b9e8;box-shadow:inset 0 1px 0 #fff,0 2px 5px #0067a92e;color:#07579a}.theme-frutiger_aero .btn-primary,.theme-frutiger_aero .btn-start,.theme-frutiger_aero .mode-btn.active{background:linear-gradient(180deg,#b8ed75,#69b92e);border:1px solid #55a324;box-shadow:inset 0 2px 2px #ffffffd1,0 4px 0 #438f24,0 7px 14px #0060962e;color:#084778}.theme-frutiger_aero input,.theme-frutiger_aero select,.theme-frutiger_aero textarea{background:#ffffffa3!important;border-color:#80c8eb!important;box-shadow:inset 0 1px 4px #0060961f;color:#07579a!important}.theme-frutiger_aero input::placeholder,.theme-frutiger_aero textarea::placeholder{color:#07579a8c}.theme-frutiger_aero .todo-details,.theme-frutiger_aero .todo-sidebar{background:#cceffc5c}.theme-frutiger_aero .btn-icon,.theme-frutiger_aero .btn-task-delete,.theme-frutiger_aero .focus-tool-actions kbd,.theme-frutiger_aero .focus-tool-actions>button,.theme-frutiger_aero .no-tasks-message{color:#07579a}.theme-frutiger_aero .task-selector-tick{border-color:#07579a6b}.theme-frutiger_aero .focus-tool-actions kbd,.theme-frutiger_aero .focus-tool-actions>button{background:#dbf4fd80}@media (max-width:768px){.theme-whimsy_core,.theme-whimsy_core.todo-page{background-position:42%}.theme-frutiger_aero,.theme-frutiger_aero.todo-page{background-position:54%}}@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;flex:0 0 24px;height:24px;justify-content:center;width:24px}.btn-icon svg{display:block;overflow:visible}.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)}.study-with-me-btn.theme-whimsy_core{background:linear-gradient(180deg,#929b68,#6f794d);border:1px solid #5f6841;box-shadow:inset 0 1px 0 #ffffff6b,0 5px 0 #56603e;color:#fffaf0}.study-with-me-btn.theme-whimsy_core:hover{box-shadow:inset 0 1px 0 #ffffff6b,0 7px 0 #56603e,0 10px 20px #4c45283d;transform:translateY(-2px)}.study-with-me-btn.theme-frutiger_aero{background:linear-gradient(180deg,#b9f178,#65b72c);border:2px solid #ffffffe6;box-shadow:inset 0 2px 3px #ffffffd9,0 5px 0 #3c8f23,0 8px 18px #005c993d;color:#07579a}.study-with-me-btn.theme-frutiger_aero:hover{box-shadow:inset 0 2px 3px #ffffffd9,0 7px 0 #3c8f23,0 11px 24px #005c9947;filter:saturate(1.08);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}.participant-status{font-size:.7rem;margin-left:auto;opacity:.78}.participant-status:before{background:#b6bdca;border-radius:50%;content:"";display:inline-block;height:7px;margin-right:5px;width:7px}.participant-status.status-focusing:before{background:#68d7cb}.participant-status.status-break:before{background:#ffbd59}.participant-status.status-paused:before{background:#ff7d8a}.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:box-shadow .15s ease,background-color .15s 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;touch-action:none}.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}.theme-whimsy_core .music-player{background:#faf3dbf0;border-color:#9b8962;box-shadow:4px 5px 14px #4c402540;color:#4a4a2d}.theme-whimsy_core .music-player-header{background:linear-gradient(180deg,#91996c,#687248)}.theme-whimsy_core .music-player-body,.theme-whimsy_core .playlist-tracks,.theme-whimsy_core .track-info{background:#f5edd3eb;color:#4a4a2d!important}.theme-frutiger_aero .music-player{background:#e8f8fff0;border:2px outset #8ed0ef;box-shadow:4px 6px 16px #005d9d47;color:#07579a}.theme-frutiger_aero .music-player-header{background:linear-gradient(180deg,#64c5f5,#147cca 52%,#0862af)}.theme-frutiger_aero .music-player-body,.theme-frutiger_aero .playlist-tracks,.theme-frutiger_aero .track-info{background:#effaffe6;color:#07579a!important}.theme-frutiger_aero .progress-fill{background:linear-gradient(90deg,#77ce32,#15a8df)!important}@media (max-width:640px){.music-player{bottom:.75rem;left:.75rem!important;right:auto!important;top:auto!important;width:min(275px,calc(100vw - 1.5rem))}.music-player:not(.minimized){max-height:calc(100vh - 1.5rem);overflow-y:auto}}@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}}@media (min-width:769px){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-close-btn{background:#00000047;border:1px solid #ffffff38;border-radius:50%;color:#fff;cursor:pointer;font:700 1.2rem/1 var(--font-family);height:36px;position:absolute;right:1rem;top:.7rem;width:36px}.footer-close-btn:hover{background:#ffffff24}.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}.theme-whimsy_core .parallax-footer{background:#413b27f0;border-top-color:#9b8962}.theme-frutiger_aero .parallax-footer{background:linear-gradient(180deg,#0769b0c7,#04417ce0);border-top-color:#ffffffe6}.theme-frutiger_aero .footer-author{color:#b9f178}@media (max-width:768px){.footer-close-btn{display:none}.parallax-footer{padding:.8rem 0 calc(env(safe-area-inset-bottom, 0) + .8rem)}.footer-content{padding:.5rem 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{gap:.3rem}.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}}.todo-page{background:radial-gradient(circle at 85% 0,#ffffff1a,#0000 28rem),var(--bg-color-pomodoro);min-height:100vh}.todo-page .header-container{max-width:1500px}.todo-loading{background:var(--bg-color-pomodoro);color:var(--text-color);display:grid;font:600 1rem var(--font-family);min-height:100vh;place-items:center}.todo-error{align-items:center;background:#78141e73;border:1px solid #ff82828c;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin:1rem auto 0;max-width:1500px;padding:.75rem 1rem}.todo-content button,.todo-details button,.todo-error button,.todo-sidebar button{font:inherit}.todo-error button{background:#0000;border:0;color:inherit;cursor:pointer;font-size:1.25rem}.todo-shell{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--soft-shadow);display:grid;grid-template-columns:260px minmax(0,1fr);margin:1.25rem auto 0;max-width:1500px;min-height:calc(100vh - 145px);overflow:hidden;position:relative}.todo-shell.has-details{grid-template-columns:250px minmax(0,1fr) 340px}.todo-sidebar{background:#050c1c40;border-right:1px solid var(--card-border);display:flex;flex-direction:column;min-width:0;padding:1.25rem .9rem}.todo-brand{align-items:flex-start;display:flex;gap:.75rem;padding:.25rem .5rem 1.1rem}.todo-brand-mark{background:var(--primary-accent);border-radius:12px;color:var(--text-color-dark);display:grid;flex:0 0 38px;font-weight:700;height:38px;place-items:center;width:38px}.todo-brand h2{font-size:1.25rem;line-height:1.2}.todo-brand p{font-size:.72rem;line-height:1.4;margin-top:.25rem;opacity:.68}.todo-search{align-items:center;background:#0000002b;border:1px solid var(--card-border);border-radius:11px;display:flex;gap:.5rem;margin-bottom:.8rem;padding:0 .75rem}.todo-search:focus-within{border-color:var(--primary-accent);box-shadow:0 0 0 2px #ffffff14}.todo-new-list input,.todo-search input{background:#0000;border:0;color:var(--text-color);font:inherit;min-width:0;outline:0;width:100%}.todo-search input{padding:.7rem 0}.todo-new-list input::placeholder,.todo-note textarea::placeholder,.todo-quick-add input::placeholder,.todo-search input::placeholder{color:inherit;opacity:.55}.todo-nav{grid-gap:.2rem;display:grid;gap:.2rem}.todo-nav button{grid-gap:.45rem;align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:var(--text-color);cursor:pointer;display:grid;gap:.45rem;grid-template-columns:22px minmax(0,1fr) auto;min-width:0;padding:.62rem .65rem;position:relative;text-align:left;transition:background .15s ease,border-color .15s ease;width:100%}.todo-nav button:hover{background:#ffffff14}.todo-nav button.active{background:#ffffff21;border-color:var(--card-border)}.todo-nav button.active:before{background:var(--primary-accent);border-radius:4px;content:"";height:24px;margin-left:-.7rem;position:absolute;width:3px}.todo-nav button span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-nav button strong{background:#00000029;border-radius:20px;font-size:.7rem;min-width:22px;padding:.05rem .35rem;text-align:center}.todo-nav-icon{font-size:1.05rem;text-align:center}.todo-lists-heading{align-items:center;border-top:1px solid var(--card-border);display:flex;font-size:.7rem;font-weight:700;justify-content:space-between;letter-spacing:.08em;margin:1.1rem .55rem .35rem;opacity:.75;padding-top:.9rem;text-transform:uppercase}.todo-lists-heading button{background:#0000;border:0;color:inherit;cursor:pointer;opacity:.75}.todo-list-dot{border:2px solid var(--primary-accent);border-radius:50%;display:inline-block;height:9px;width:9px}.todo-projects{max-height:28vh;overflow-y:auto}.todo-new-list{align-items:center;background:#00000021;border:1px solid var(--card-border);border-radius:10px;display:flex;margin-top:.75rem;padding:0 .35rem 0 .65rem}.todo-new-list input{padding:.62rem 0}.todo-new-list button{background:#0000;border:0;border-radius:8px;color:var(--text-color);cursor:pointer;flex:0 0 32px;font-size:1.2rem;height:32px;width:32px}.todo-sync-hint{font-size:.65rem;margin:auto .55rem 0;opacity:.55;padding-top:1rem}.todo-content{min-width:0;overflow:hidden;padding:2rem}.todo-content-header{align-items:flex-end;background:linear-gradient(110deg,#ffffff21,#0000 65%);border-bottom:1px solid var(--card-border);display:flex;gap:1rem;justify-content:space-between;margin:-2rem -2rem 1.4rem;min-height:100px;padding:1.7rem 2rem 1.5rem}.todo-content-header p{font-size:.74rem;margin-bottom:.1rem;opacity:.68;text-transform:capitalize}.todo-content-header h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2}.todo-content-header div>span{display:block;font-size:.75rem;margin-top:.2rem;opacity:.65}.todo-project-settings-button{background:#0000001f;border:1px solid var(--card-border);border-radius:7px;color:var(--text-color);cursor:pointer;font-size:.68rem;margin-top:.55rem;padding:.35rem .55rem}.project-settings-modal{max-height:92vh;max-width:680px;overflow-y:auto}.project-settings-modal>footer,.project-settings-modal>header{align-items:center;display:flex}.project-settings-modal>header{gap:1rem;justify-content:space-between}.project-settings-modal>header small{opacity:.65}.project-settings-modal>header button{background:#0000;border:0;color:var(--text-color);cursor:pointer;font-size:1.3rem}.project-progress-summary{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.project-progress-summary>div{background:#ffffff0f;border:1px solid var(--card-border);border-radius:9px;display:grid;padding:.7rem}.project-progress-summary span{font-size:.65rem;opacity:.65}.project-progress-summary .at-risk{border-color:#ffaa5ab3}.project-field-grid label,.project-settings-modal>label{grid-gap:.3rem;display:grid;font-size:.75rem;font-weight:600;gap:.3rem;margin-top:.7rem}.project-settings-modal input,.project-settings-modal select,.project-settings-modal textarea{background:#0000002e;border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);font:inherit;padding:.65rem;width:100%}.project-settings-modal textarea{min-height:90px;resize:vertical}.project-field-grid{grid-gap:0 .7rem;display:grid;gap:0 .7rem;grid-template-columns:repeat(2,1fr)}.project-settings-modal>footer{gap:.5rem;justify-content:flex-end;margin-top:1rem}.project-archive-button{background:#0000;border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);cursor:pointer;margin-right:auto;padding:.55rem .7rem}@media (max-width:560px){.project-field-grid,.project-progress-summary{grid-template-columns:1fr}}.todo-view-toggle{background:#00000024;border:1px solid var(--card-border);border-radius:10px;display:flex;gap:.2rem;padding:.25rem}.todo-view-toggle button{background:#0000;border:0;border-radius:7px;color:var(--text-color);cursor:pointer;font-size:.75rem;padding:.45rem .7rem}.todo-view-toggle button.active{background:var(--primary-accent);color:var(--text-color-dark)}.todo-quick-add{grid-gap:.6rem;align-items:center;background:#ffffff14;border:1px solid var(--card-border);border-radius:13px;display:grid;gap:.6rem;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:1rem;padding:.4rem .45rem .4rem .9rem}.todo-quick-add:focus-within{border-color:var(--primary-accent)}.todo-quick-add input{background:#0000;border:0;color:var(--text-color);font:inherit;min-width:0;outline:0;padding:.55rem 0}.todo-quick-add button{background:var(--primary-accent);border:0;border-radius:9px;color:var(--text-color-dark);cursor:pointer;font-weight:700;padding:.55rem .85rem}.todo-project-stale{align-items:center;background:#82501424;border:1px solid #ffbe6473;border-radius:9px;display:flex;font-size:.75rem;gap:.6rem;margin-bottom:.8rem;padding:.65rem .75rem}.todo-project-stale p{flex:1 1}.todo-project-stale button{background:#0000;border:0;color:var(--text-color);cursor:pointer;text-decoration:underline}.todo-task-list{grid-gap:.55rem;display:grid;gap:.55rem;max-height:calc(100vh - 340px);overflow-y:auto;padding-right:.25rem}.todo-task-card{grid-gap:.75rem;align-items:center;background:hsla(0,0%,100%,.075);border:1px solid var(--card-border);border-radius:13px;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;padding:.75rem .9rem;transition:transform .15s ease,background .15s ease,border-color .15s ease}.todo-task-card.selected,.todo-task-card:hover{background:#ffffff1f;border-color:var(--primary-accent)}.todo-task-card:hover{transform:translateY(-1px)}.todo-check{background:#0000;border:2px solid #ffffff94;border-radius:50%;color:var(--text-color-dark);cursor:pointer;display:grid;height:24px;place-items:center;width:24px}.todo-check.checked{background:var(--primary-accent);border-color:var(--primary-accent)}.todo-task-main{grid-gap:.2rem;background:#0000;border:0;color:var(--text-color);cursor:pointer;display:grid;gap:.2rem;min-width:0;padding:0;text-align:left}.todo-task-main>span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-task-main>span.completed{opacity:.55;text-decoration:line-through}.todo-task-main small{opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-star{background:#0000;border:0;color:var(--text-color);cursor:pointer;font-size:1.25rem;opacity:.65;padding:.15rem}.todo-star.active{color:var(--primary-accent);opacity:1}.todo-empty{display:grid;justify-items:center;min-height:260px;opacity:.7;place-content:center;text-align:center}.todo-empty>span{border:1px solid var(--card-border);border-radius:50%;display:grid;font-size:1.45rem;height:54px;margin-bottom:.7rem;place-items:center;width:54px}.todo-empty h3{font-size:1rem}.todo-empty p{font-size:.8rem;margin-top:.25rem}.todo-board{grid-gap:.9rem;display:grid;gap:.9rem;grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;max-height:calc(100vh - 330px);overflow:auto;padding:.1rem .1rem .8rem}.todo-board-column{align-self:start;background:#00000024;border:1px solid var(--card-border);border-radius:14px;padding:.75rem}.todo-board-column>header{align-items:center;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;justify-content:space-between;padding:.1rem .15rem .7rem}.todo-board-column>header strong{background:#ffffff1a;border-radius:20px;font-size:.7rem;padding:.05rem .45rem}.todo-board-column>div{grid-gap:.55rem;display:grid;gap:.55rem}.todo-task-card.compact{align-items:start;background:hsla(0,0%,100%,.085);padding:.7rem}.todo-task-card.compact .todo-task-main>span{white-space:normal}.todo-column-add{background:#0000;border:0;border-radius:9px;color:var(--text-color);cursor:pointer;margin-top:.65rem;opacity:.7;padding:.55rem;text-align:left;width:100%}.todo-column-add:hover{background:#ffffff14;opacity:1}.todo-details{background:#040a184d;border-left:1px solid var(--card-border);display:flex;flex-direction:column;gap:.9rem;min-width:0;overflow-y:auto;padding:1.25rem}.todo-details>header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.todo-details>header h2{font-size:1rem}.todo-details>header button{background:#ffffff14;border:0;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1.25rem;height:32px;width:32px}.todo-details-title{grid-gap:.6rem;align-items:center;background:#ffffff14;border:1px solid var(--card-border);border-radius:12px;display:grid;gap:.6rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.7rem}.todo-details-title input{background:#0000;border:0;color:var(--text-color);font:600 .9rem var(--font-family);min-width:0;outline:0}.todo-detail-action{align-items:center;background:#ffffff0f;border:1px solid var(--card-border);border-radius:11px;color:var(--text-color);cursor:pointer;display:flex;gap:.65rem;padding:.75rem;text-align:left;width:100%}.todo-detail-action.active{border-color:var(--primary-accent)}.todo-detail-field{grid-gap:.35rem;display:grid;font-size:.72rem;font-weight:600;gap:.35rem}.todo-detail-field>span{opacity:.7}.todo-detail-field input,.todo-detail-field select,.todo-detail-field textarea{background:#0000002e;border:1px solid var(--card-border);border-radius:10px;color:var(--text-color);color-scheme:dark;font:inherit;outline:0;padding:.65rem .7rem;width:100%}.todo-detail-field input:focus,.todo-detail-field select:focus,.todo-detail-field textarea:focus{border-color:var(--primary-accent)}.todo-detail-field option{background:var(--bg-color-pomodoro)}.todo-note textarea{min-height:130px;resize:vertical}.todo-pomodoro-count{align-items:center;background:#ffffff0d;border:1px solid var(--card-border);border-radius:11px;display:flex;font-size:.75rem;gap:.45rem;padding:.75rem}.todo-pomodoro-count strong{color:var(--primary-accent)}.todo-delete-task{background:#8214232e;border:1px solid #ff7d7d59;border-radius:10px;color:#ffd4d8;cursor:pointer;margin-top:auto;padding:.7rem}.todo-page button:focus-visible,.todo-page input:focus-visible,.todo-page select:focus-visible,.todo-page textarea:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px}@media (max-width:1100px){.todo-shell.has-details{grid-template-columns:230px minmax(0,1fr)}.todo-details{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:-15px 0 45px #00000047;inset:0 0 0 auto;position:absolute;width:min(370px,90%);z-index:5}}@media (max-width:760px){.todo-page{padding:.75rem}.todo-shell,.todo-shell.has-details{border-radius:18px;grid-template-columns:1fr;margin-top:.8rem}.todo-sidebar{border-bottom:1px solid var(--card-border);border-right:0;padding:.9rem}.todo-brand{padding-bottom:.7rem}.todo-brand p,.todo-sync-hint{display:none}.todo-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.todo-nav button{font-size:.72rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.5rem}.todo-nav button.active:before{display:none}.todo-projects{display:flex;max-height:none;overflow-x:auto}.todo-projects button{min-width:145px}.todo-content{padding:1rem}.todo-content-header{align-items:center;margin:-1rem -1rem 1rem;padding:1.2rem 1rem}.todo-content-header h1{font-size:1.6rem}.todo-board,.todo-task-list{max-height:none}.todo-details{background:var(--bg-color-pomodoro);inset:0;position:fixed;width:100%;z-index:1500}}@media (max-width:520px){.todo-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-content-header{align-items:flex-start;flex-direction:column}.todo-view-toggle{width:100%}.todo-view-toggle button{flex:1 1}.todo-quick-add{grid-template-columns:auto minmax(0,1fr)}.todo-quick-add button{grid-column:1/-1}}.focus-tools{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;box-shadow:var(--soft-shadow);margin:1rem auto;max-width:1200px;padding:1rem}.focus-tools>header,.focus-tools>header>div{align-items:center;display:flex}.focus-tools>header{gap:1rem;justify-content:space-between;margin-bottom:.75rem}.focus-tools>header>div{gap:.5rem}.focus-tools>header small{opacity:.65}.focus-live-dot{background:#fff6;border-radius:50%;height:9px;width:9px}.focus-live-dot.active{background:var(--progress-active-color);box-shadow:0 0 0 4px var(--progress-bg-color)}.focus-tool-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.focus-tool-actions>button{align-items:center;background:#0000001f;border:1px solid var(--card-border);border-radius:9px;color:var(--text-color);cursor:pointer;display:flex;gap:.55rem;padding:.65rem .75rem}.focus-tool-actions kbd{margin-left:auto}.focus-tools kbd{background:#0000002e;border:1px solid var(--card-border);border-radius:4px;font:600 .68rem var(--font-family);padding:.05rem .35rem}.focus-inline-form,.focus-interruption-form{background:#0000001f;border:1px solid var(--card-border);border-radius:10px;margin-top:.75rem;padding:.8rem}.focus-inline-form label,.focus-interruption-form label{display:block;font-size:.78rem;font-weight:600;margin-bottom:.45rem}.focus-inline-form>div{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr auto}.command-palette input,.focus-inline-form input,.focus-interruption-form input,.review-note textarea{background:#0003;border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);font:inherit;outline:0;padding:.65rem .75rem;width:100%}.focus-inline-form button{background:var(--primary-accent);border:0;border-radius:8px;color:var(--text-color-dark);cursor:pointer;font-weight:700;padding:.5rem .9rem}.focus-interruption-form>div{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.focus-interruption-form button{background:#ffffff12;border:1px solid var(--card-border);border-radius:20px;color:var(--text-color);cursor:pointer;padding:.4rem .6rem}.focus-note-list{grid-gap:.35rem;display:grid;gap:.35rem;list-style:none;margin-top:.75rem}.focus-note-list li{grid-gap:.45rem;align-items:center;background:#ffffff0f;border-radius:8px;display:grid;font-size:.78rem;gap:.45rem;grid-template-columns:auto 1fr auto auto;padding:.5rem .6rem}.focus-note-list li.completed>span{opacity:.55;text-decoration:line-through}.focus-note-list button{background:#0000;border:0;color:var(--text-color);cursor:pointer}.focus-note-check{border:1px solid var(--card-border)!important;border-radius:50%;height:20px;width:20px}.break-coach{align-items:center;display:flex;gap:.8rem}.break-coach>span{font-size:1.8rem}.break-coach p{font-size:.82rem;margin-top:.15rem;opacity:.75}.session-review{max-height:92vh;max-width:620px;overflow-y:auto}.session-review>header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.session-review>header small{opacity:.65}.session-review>header button{background:#0000;border:0;color:var(--text-color);cursor:pointer;font-size:1.4rem}.review-choice{border:0;margin-top:1rem}.review-choice legend,.review-note>span{font-size:.78rem;font-weight:700;margin-bottom:.45rem}.review-choice>div{display:flex;gap:.35rem}.emergency-next button,.review-choice button{background:#ffffff0f;border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);cursor:pointer;flex:1 1;padding:.55rem .45rem}.review-choice button.active{background:var(--primary-accent);border-color:var(--primary-accent);color:var(--text-color-dark)}.review-note{display:grid;margin-top:1rem}.review-note textarea{min-height:75px;resize:vertical}.session-review footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.emergency-next{background:#ffffff0f;border:1px solid var(--card-border);border-radius:9px;margin-top:1rem;padding:.75rem}.emergency-next>div{display:flex;gap:.45rem;margin-top:.55rem}.command-overlay{align-items:flex-start;padding-top:12vh}.command-palette{background:var(--bg-color-pomodoro);border:1px solid var(--card-border);border-radius:14px;box-shadow:var(--soft-shadow);overflow:hidden;width:min(560px,92vw)}.command-palette>input{border:0;border-bottom:1px solid var(--card-border);border-radius:0;padding:1rem}.command-palette>div{max-height:50vh;overflow-y:auto;padding:.5rem}.command-palette button{align-items:center;background:#0000;border:0;border-radius:8px;color:var(--text-color);cursor:pointer;display:grid;grid-template-columns:28px 1fr auto;padding:.7rem;text-align:left;width:100%}.command-palette button:hover{background:#ffffff14}@media (max-width:640px){.focus-tool-actions{grid-template-columns:1fr}.focus-note-list li{grid-template-columns:auto 1fr auto}.focus-note-list li button:nth-last-child(2){grid-column:2;text-align:left}.review-choice>div{flex-wrap:wrap}.review-choice button{min-width:45%}}.focus-sound-mixer{background:var(--bg-color-pomodoro);border:1px solid var(--card-border);border-radius:14px;bottom:1.25rem;box-shadow:var(--soft-shadow);color:var(--text-color);padding:1rem;position:fixed;right:1.25rem;width:min(330px,calc(100vw - 2rem));z-index:1200}.focus-sound-mixer footer,.focus-sound-mixer header,.focus-sound-mixer header>div{display:flex}.focus-sound-mixer header{align-items:flex-start;gap:1rem;justify-content:space-between}.focus-sound-mixer header>div{flex-direction:column}.focus-sound-mixer header small{opacity:.6}.focus-sound-mixer header button{background:#0000;border:0;color:inherit;cursor:pointer;font-size:1.25rem}.focus-sound-list{grid-gap:.7rem;display:grid;gap:.7rem;margin:.9rem 0}.focus-sound-list label{grid-gap:.55rem;align-items:center;display:grid;font-size:.75rem;gap:.55rem;grid-template-columns:80px 1fr 38px}.focus-sound-list input{accent-color:var(--primary-accent)}.focus-sound-list output{opacity:.7;text-align:right}.focus-sound-mixer footer{align-items:center;border-top:1px solid var(--card-border);font-size:.68rem;gap:.75rem;justify-content:space-between;padding-top:.7rem}.focus-sound-mixer footer button{background:#0000;border:1px solid var(--card-border);border-radius:7px;color:inherit;cursor:pointer;padding:.4rem .55rem}@media (max-width:640px){.focus-sound-mixer{inset:auto .75rem .75rem;width:auto}}
/*# sourceMappingURL=main.708afbe7.css.map*/