*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:Inter,sans-serif;min-height:100vh;display:flex;flex-direction:column}:root{--pink: #e92064;--green: #19d860;--blue: #06b0b9;--card-bg: #1a1a1a;--shadow: rgba(0, 0, 0, .45)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.8rem 2.4rem}.logo-block h1{font-size:1.9rem;font-weight:800}.subtitle{font-size:.75rem;opacity:.7;margin-top:2px}.system-status{display:flex;align-items:center;gap:.6rem;font-weight:600}.status-dot{color:var(--green);font-size:.7rem}.user-icon{font-size:1.2rem;opacity:.8}.grid-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;padding:2rem 2.4rem}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.connect-card,.zones-panel,.heart-panel{background:var(--card-bg);padding:2rem;border-radius:14px;box-shadow:0 6px 25px var(--shadow);display:flex;flex-direction:column;gap:1rem}.connect-card .icon{font-size:2rem;opacity:.9}#fitbit-card .icon{color:var(--blue)}#spotify-card .icon{color:var(--green)}.connect-card h2{font-size:1.4rem;font-weight:700}.connect-card p{font-size:.95rem;opacity:.8}.primary-btn{padding:.8rem 1rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;color:#fff;transition:.2s ease}.blue-btn{background:var(--blue)}.green-btn{background:var(--green)}.pink-btn{background:var(--pink)}.primary-btn:hover{opacity:.85}.zones-panel h2{font-size:1.5rem;font-weight:700}.zone-count{font-size:.9rem;opacity:.7}.zone-form{display:flex;flex-direction:column;gap:.8rem}.zone-form input,.zone-form select{padding:.7rem;border-radius:8px;border:1px solid #333;background:#111;color:#fff;font-size:.95rem}.range-inputs{display:flex;align-items:center;gap:.5rem}.zone-list{display:flex;flex-direction:column;gap:1rem}.zone-item{background:#111;padding:1rem;border-radius:10px;border:1px solid #333}.zone-item strong{display:block;font-size:1.1rem;margin-bottom:4px}.zone-item span{font-size:.9rem;opacity:.7}.heart-panel h2{font-size:1.4rem;font-weight:700}.heart-circle{width:160px;height:160px;border-radius:50%;border:4px solid var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem auto}.bpm-number{font-size:2.8rem;font-weight:800}.bpm-label{font-size:1rem;opacity:.7}.slider-block{margin-top:1rem;text-align:center}.slider-block input[type=range]{width:100%}.sim-note{margin-top:.4rem;font-size:.85rem;opacity:.6}.zone-item.active-zone{background:#e9206426;border:2px solid #e92064;box-shadow:0 0 12px #e9206499}