.demo-sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex:0 0 196px;padding:16px 12px;display:flex}.demo-sidebar__header{flex-direction:column;align-items:center;gap:8px;padding:4px 4px 14px;display:flex}.demo-sidebar__header .brand{gap:7px}.demo-sidebar__header .logo{width:22px;height:22px}.demo-sidebar__header .wordmark-name{font-size:.8rem}.demo-clock{flex-direction:column;align-items:center;gap:1px;display:flex}.demo-clock__date{font-family:var(--font-h);letter-spacing:.16em;color:var(--white);font-size:.56rem}.demo-clock__time{font-family:var(--font-h);letter-spacing:.08em;color:var(--white);font-size:1.05rem;font-weight:900}.demo-sidebar__tabs{flex-direction:column;flex:auto;gap:4px;display:flex}.demo-tab{border-radius:var(--radius);color:var(--white);letter-spacing:.04em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:9px 10px;font-size:.72rem;font-weight:700;display:flex;position:relative}.demo-tab__icon{width:17px;height:17px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.demo-tab.active{background:var(--turquoise);color:var(--bg)}.demo-monitor-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:3px;width:100%;margin:12px 0 10px;padding:9px 10px;display:flex}.demo-monitor-card__label{font-family:var(--font-h);letter-spacing:.18em;color:var(--white);font-size:.5rem}.demo-monitor-card__site{max-width:100%;font-family:var(--font-h);color:var(--white);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;overflow:hidden}.demo-sidebar__footer{margin-top:0}.demo-logout{background:var(--bad);border:1px solid var(--bad);width:100%;color:var(--bg);cursor:pointer;border-radius:var(--radius);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:.6rem;font-weight:700;display:inline-flex}.demo-logout__icon{flex:none;width:14px;height:14px}@media (width<=760px){.demo-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex:none;align-items:center;gap:6px;padding:8px 10px}.demo-sidebar__header,.demo-monitor-card,.demo-sidebar__footer{display:none}.demo-sidebar__tabs{flex-direction:row;flex:auto;justify-content:space-around;gap:2px}.demo-tab{letter-spacing:.04em;flex-direction:column;gap:3px;padding:6px 4px;font-size:.5rem}.demo-tab__icon{width:16px;height:16px;position:static;transform:none}}