:root{--brand: #8251EE;--brand-hover: #9366F5;--brand-light: #A37EF5;--brand-subtle: rgba(130, 81, 238, .15);--bg-1: hsl(240, 6%, 10%);--bg-2: hsl(240, 5%, 12%);--bg-3: hsl(240, 5%, 14%);--bg-4: hsl(240, 4%, 18%);--bg-5: hsl(240, 4%, 22%);--bg-6: hsl(240, 4%, 26%);--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-muted: #71717A;--border-subtle: hsla(0, 0%, 100%, .08);--border-default: hsla(0, 0%, 100%, .12);--border-strong: hsla(0, 0%, 100%, .2);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--dv-purple: #8251EE;--dv-blue: #3B82F6;--dv-green: #10B981;--dv-yellow: #F59E0B;--dv-red: #EF4444;--dv-pink: #EC4899;--dv-cyan: #06B6D4;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;margin-bottom:30px}.logo-small{width:42px;height:42px;background:var(--brand);border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:800}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-1);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#app{padding:30px 20px;max-width:1200px;margin:0 auto}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--bg-6)}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid var(--border-subtle)}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid var(--border-default);border-radius:var(--radius-xl)}.browser-window{background:var(--bg-2);border-radius:var(--radius-xl);box-shadow:0 20px 50px #00000080;overflow:hidden;border:1px solid var(--border-strong);display:flex;flex-direction:column;height:600px;margin-bottom:40px;position:relative}.browser-toolbar{background:var(--bg-3);padding:10px 15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border-default)}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27c93f}.nav-controls button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s}.nav-controls button:hover:not(:disabled){color:var(--text-primary);background:var(--bg-5)}.address-bar{background:var(--bg-1);border:1px solid var(--border-default);border-radius:20px;padding:6px 16px;display:flex;align-items:center;gap:10px;flex:1;max-width:600px;margin:0 auto}#addressInput{background:transparent;border:none;color:var(--text-primary);width:100%;font-size:.85rem;font-family:inherit;outline:none}.toolbar-actions button{background:var(--bg-4);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-md);padding:6px 12px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.toolbar-actions button:hover{background:var(--bg-5);border-color:var(--border-strong);color:var(--text-primary)}#connectAudioBtn.connected{color:var(--success);border-color:var(--success);background:#10b9811a;animation:glowPulse 2s infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #10b98133}50%{box-shadow:0 0 15px #10b98166}}.browser-viewport{flex:1;background:#000;overflow-y:auto}.browser-page{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo-large h1{font-size:3.5rem;background:linear-gradient(135deg,var(--brand-light),var(--brand));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:24px}.video-card{background:var(--bg-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,border-color .2s}.video-card:hover{transform:translateY(-4px);border-color:var(--brand)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:24px}.card{padding:24px;display:flex;flex-direction:column;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.card h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.priority-card{grid-column:span 6;padding:32px}.priority-card .value-display{font-size:4rem;background:linear-gradient(to bottom,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rhythm-display{min-height:5rem;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.rhythm-word{transition:all .15s ease-out;opacity:.3;padding:0 10px}.rhythm-word.active{opacity:1;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);transform:scale(1.1);text-shadow:0 0 20px var(--brand)}.metric-card:not(.priority-card){grid-column:span 3}.suggestion-card{grid-column:span 6}.value-display{font-size:2.5rem;font-weight:800;font-family:Inter,system-ui,sans-serif;color:var(--text-primary)}.sub-label{font-size:.8rem;color:var(--text-muted);margin-top:4px}.beat-flasher{width:60px;height:4px;background:var(--bg-5);margin:12px auto 0;border-radius:2px}.beat-flasher.flash{background:var(--brand);box-shadow:0 0 15px var(--brand)}.card.pulse{border-color:var(--brand);background:#8251ee1a}.suggestion-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.suggestion-btn{background:var(--bg-4);border:1px solid var(--border-default);color:var(--text-secondary);padding:10px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;transition:all .2s;text-align:center}.suggestion-btn:hover{background:var(--bg-5);border-color:var(--brand)}.suggestion-btn.active{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand-light)}.visualizer-wrapper{background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-xl);height:280px;padding:20px;margin-bottom:20px}.timeline-wrapper{background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);height:70px;padding:12px 20px;position:relative;margin-bottom:40px}.timeline-label{position:absolute;top:-10px;left:20px;background:var(--bg-1);padding:0 10px;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}@media(max-width:900px){.priority-card{grid-column:span 12}.metric-card:not(.priority-card){grid-column:span 4}.suggestion-card{grid-column:span 8}}@media(max-width:600px){.metric-card:not(.priority-card),.suggestion-card{grid-column:span 12}}