.plan-badge{letter-spacing:.02em;transition:all var(--transition-normal,.2s ease);border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.plan-badge-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.plan-badge-clickable:hover{filter:brightness(1.08);transform:translateY(-1px)}.plan-badge-icon{flex-shrink:0}.upgrade-prompt-container{gap:var(--space-4,1rem);padding:var(--space-1,.25rem);color:var(--text-primary);flex-direction:column;display:flex}.upgrade-prompt-header{text-align:center;align-items:center;gap:var(--space-2,.5rem);flex-direction:column;display:flex}.upgrade-icon-wrapper{border-radius:var(--radius-full,9999px);background:var(--color-primary-50);border:1px solid var(--border-color);width:56px;height:56px;margin-bottom:var(--space-1,.25rem);justify-content:center;align-items:center;display:flex}.upgrade-header-icon{color:var(--color-primary-600)}.upgrade-header-icon.lock{color:var(--color-warning)}.upgrade-header-icon.layers{color:var(--color-info)}.upgrade-prompt-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.upgrade-prompt-subtitle{color:var(--text-secondary);max-width:380px;margin:0;font-size:.875rem;line-height:1.4}.upgrade-price-card{background:var(--color-primary-50);border:1px solid var(--border-color);border-radius:var(--radius-md,.375rem);padding:var(--space-3,.75rem) var(--space-4,1rem);text-align:center;align-items:center;gap:var(--space-1,.25rem);flex-direction:column;display:flex}.upgrade-price-tag{justify-content:center;align-items:baseline;gap:.35rem;display:flex}.price-currency{color:var(--color-primary-600);font-size:1.15rem;font-weight:700}.price-amount{color:var(--text-primary);letter-spacing:-.02em;font-size:1.85rem;font-weight:800}.price-period{color:var(--text-secondary);font-size:.85rem;font-weight:600}.upgrade-price-scope{color:var(--text-secondary);margin:0;font-size:.8125rem;font-weight:500}.upgrade-benefits-list{gap:var(--space-2,.5rem);background:var(--bg-main);padding:var(--space-3,.75rem) var(--space-3,.75rem);border-radius:var(--radius-md,.375rem);border:1px solid var(--border-color);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;max-height:180px;display:flex;overflow-y:auto}.upgrade-benefits-list::-webkit-scrollbar{width:6px}.upgrade-benefits-list::-webkit-scrollbar-track{background:0 0}.upgrade-benefits-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full,9999px)}.upgrade-benefits-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.upgrade-benefit-item{align-items:flex-start;gap:var(--space-2,.5rem);color:var(--text-primary);padding:2px 0;font-size:.8125rem;line-height:1.35;display:flex}.upgrade-benefit-item div strong{color:var(--text-primary)}.benefit-icon{color:var(--color-success);flex-shrink:0;margin-top:.125rem}.upgrade-prompt-actions{gap:var(--space-2,.5rem);margin-top:var(--space-1,.25rem);flex-direction:column;display:flex}.upgrade-close-btn{color:var(--text-muted);font-size:.875rem}.upgrade-close-btn:hover{color:var(--text-primary)}.upgrade-interval-selector{background:var(--bg-main,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,.5rem);gap:4px;width:100%;padding:4px;display:flex}.interval-pill-btn{border-radius:var(--radius-md,.375rem);color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.interval-pill-btn:hover{color:var(--text-primary,#0f172a)}.interval-pill-btn.active{background:var(--bg-card,#fff);color:var(--color-primary-700,#15803d);box-shadow:0 1px 3px #0000001a}.interval-badge-discount{background:var(--color-success-bg,#dcfce7);color:var(--color-success-text,#166534);border:1px solid #16653433;border-radius:9999px;padding:2px 6px;font-size:.6875rem;font-weight:700}.upgrade-price-equivalent{color:var(--color-success,#16a34a);margin-top:-2px;font-size:.8125rem;font-weight:600}.hardware-status-bar{justify-content:space-between;align-items:center;gap:var(--space-2);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;padding:8px 12px;transition:all .2s;display:flex}.hardware-status-bar-connected{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.hardware-status-bar-streaming{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.hardware-status-info{align-items:center;gap:8px;min-height:28px;display:flex}.hardware-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.hardware-dot-disconnected{background-color:var(--text-muted)}.hardware-dot-connecting{background-color:var(--color-warning);animation:1s infinite alternate hardwareBlink}.hardware-dot-connected{background-color:var(--color-primary-500)}.hardware-dot-streaming{background-color:var(--color-primary-600);animation:1.5s infinite hardwarePulse;box-shadow:0 0 #22c55eb3}.hardware-weight-display{background-color:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);align-items:center;gap:6px;padding:4px 10px;font-size:.9375rem;font-weight:700;display:inline-flex}.hardware-weight-display.locked{border-color:var(--color-primary-500);color:var(--color-primary-700);background-color:var(--color-primary-100)}:root.dark .hardware-weight-display.locked{color:#86efac;background-color:#22c55e33;border-color:#22c55e80}@media (prefers-color-scheme:dark){:root:not(.light) .hardware-weight-display.locked{color:#86efac;background-color:#22c55e33;border-color:#22c55e80}}.hardware-actions{align-items:center;gap:var(--space-2);display:flex}@keyframes hardwareBlink{0%{opacity:.3}to{opacity:1}}@keyframes hardwarePulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (width<=768px){.hardware-status-bar{padding:6px 10px}}
