:root{--bg-color: #050505;--text-color: #ffffff;--primary-color: #FF4500;--secondary-color: #FFD700;--accent-color: #1a1a1a;--font-family: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;overflow-y:auto;overflow-x:hidden;padding:2rem 0}.container{width:100%;max-width:480px;padding:2rem;text-align:center}header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:900;font-size:1.2rem;letter-spacing:2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-indicator{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:1px}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.highlight{color:var(--primary-color);text-shadow:0 0 20px rgba(255,69,0,.5)}.subtitle{color:#888;margin-bottom:3rem;font-size:1.1rem}.input-group{position:relative;margin-bottom:2rem}input{width:100%;padding:1.2rem;background:var(--accent-color);border:1px solid #333;border-radius:12px;color:#fff;font-size:1.1rem;font-family:var(--font-family);transition:all .3s ease}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 15px #ff450033}button{width:100%;padding:1.2rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(45deg,var(--primary-color),#ff6b3d);color:#fff;margin-top:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff450066}.btn-secondary{background:transparent;border:1px solid #333;color:#666;margin-top:2rem;font-size:.8rem}.btn-secondary:hover{border-color:#666;color:#888}.card{background:var(--accent-color);border-radius:16px;padding:1.5rem;border:1px solid #333}.card-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #2a2a2a}.card-item:last-child{border-bottom:none}.label{color:#666;font-size:.9rem}.value{font-family:monospace;color:var(--secondary-color)}.visitor-id-display{margin-top:2rem;font-family:monospace;color:#444;font-size:.8rem}.hidden{display:none!important}.view{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader{width:48px;height:48px;border:3px solid #FFF;border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-bottom:1rem}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-container{margin-top:1.5rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid #333;text-align:left}.history-container h3{font-size:.9rem;color:var(--secondary-color);margin-bottom:1rem;border-bottom:1px solid #333;padding-bottom:.5rem}.history-item{background:#0006;padding:.8rem;border-radius:8px;margin-bottom:.5rem;border-left:3px solid #333;font-size:.85rem}.history-item.current{border-left-color:var(--primary-color);background:#ff45001a}.history-header{display:flex;justify-content:space-between;margin-bottom:.3rem;color:#fff;font-family:monospace}.history-meta{display:flex;justify-content:space-between;color:#888;font-size:.75rem}.signals-card{margin-top:1.5rem;padding:1.5rem;background:#0a0a0a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.8rem}.signals-header h3{font-size:.95rem;color:var(--text-color);letter-spacing:.5px;font-weight:600;margin:0}.live-dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 10px var(--primary-color);animation:pulse 2s infinite}.signals-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.signal-item{display:flex;align-items:center;background:#ffffff08;padding:.8rem;border-radius:12px;transition:transform .2s ease}.signal-item:hover{transform:translateY(-2px);background:#ffffff0d}.signal-icon{font-size:1.2rem;margin-right:.8rem}.signal-content{display:flex;flex-direction:column;text-align:left}.signal-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.signal-value{font-size:.9rem;color:#fff;font-weight:500;font-family:monospace;word-break:break-all}@keyframes pulse{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.9)}}@media (max-width: 600px){.signals-grid{grid-template-columns:1fr}}