.watch-hours-page .calc-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;position:relative}.watch-hours-page .calc-input-group input[type=number]{max-width:200px}.toggle-btn{padding:12px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.7);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toggle-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(139,92,246,.3));opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:0}.toggle-btn>*{position:relative;z-index:1}.toggle-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(139,92,246,.3);transform:translateY(-2px)}.toggle-btn:hover:before{opacity:.3}.toggle-btn:active{transform:scale(.98)}.toggle-btn.active{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));border-color:rgba(139,92,246,.5);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px rgba(139,92,246,.3)}.toggle-btn.active:before{opacity:1}.progress-container{margin-bottom:1.5rem}.progress-bar{height:12px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);border-radius:6px;transition:width .5s ease}.progress-labels{display:flex;justify-content:space-between;font-size:.85rem;color:rgba(255,255,255,.6)}.results-section{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.1));border-color:rgba(139,92,246,.3)}.speed-tip{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(16,185,129,.1);border-left:3px solid #10b981;border-radius:0 8px 8px 0;margin-top:1rem;color:rgba(255,255,255,.9);font-size:.95rem}.speed-tip .tip-icon{font-size:1.25rem}.comparison-section{margin-bottom:4rem}.comparison-section h2{font-size:1.8rem;color:#fff;margin-bottom:2rem;text-align:center}.comparison-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.comparison-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.comparison-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-5px);box-shadow:0 20px 40px rgba(99,102,241,.15)}.comparison-card:first-child{border-color:rgba(139,92,246,.4);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1))}.comparison-icon{font-size:3rem;margin-bottom:1rem}.comparison-card h3{font-size:1.25rem;color:#fff;margin-bottom:1rem}.comparison-stat{margin-bottom:1.5rem}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:#a78bfa;line-height:1}.stat-label{font-size:.85rem;color:rgba(255,255,255,.6)}.comparison-list{list-style:none;padding:0;margin:0;text-align:left}.comparison-list li{padding:.5rem 0 .5rem 1.5rem;color:rgba(255,255,255,.8);font-size:.95rem;position:relative}.comparison-list li:before{content:"✓";position:absolute;left:0;color:#10b981}.comparison-card:last-child .comparison-list li:before{content:"•";color:rgba(255,255,255,.4)}@media (max-width:768px){.watch-hours-page .calc-toggle{flex-direction:column}.toggle-btn{width:100%}.comparison-cards{grid-template-columns:1fr}.stat-value{font-size:2rem}}