.pool-card{background-color:#ffffff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.pool-header-with-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pool-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.info-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.info-button:hover{background-color:var(--bg-hover)}.pool-header{margin-bottom:1rem}.pool-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.pool-reset-timer{font-size:.875rem;font-weight:500;color:var(--accent-color)}.countdown{font-weight:700}.pool-progress-container{margin-bottom:.75rem}.pool-progress-bar{height:16px!important;background-color:#e9ecef;border-radius:6px;overflow:hidden}.pool-progress-fluid{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:6px;transition:width .8s ease-in-out;position:relative;overflow:hidden}.liquid-wave{background:rgba(255,255,255,.3)}.liquid-wave,.liquid-wave:after{content:"";position:absolute;top:-80%;left:-100%;width:300%;height:200%;border-radius:45%;animation:wave 3s linear infinite}.liquid-wave:after{background:rgba(255,255,255,.2);animation-delay:.5s}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pool-full .pool-progress-fluid{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.pool-stats{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#ffffff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal-body{padding:1.5rem}.modal-section-title{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .75rem}.modal-section-title:first-child{margin-top:0}.modal-list{padding-left:1.5rem;margin:.75rem 0}.modal-list li{margin-bottom:.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.dark-mode .pool-card{background-color:var(--dark-card-bg)}.dark-mode .pool-progress-bar{background-color:var(--dark-bg-secondary)}.dark-mode .modal-content,.dark-mode .modal-footer,.dark-mode .modal-header{background-color:var(--dark-card-bg);border-color:var(--dark-border)}.dark-mode .liquid-animation{background:linear-gradient(90deg,#43a047,#7cb342)}.dark-mode .liquid-wave{background:rgba(255,255,255,.1)}